Angular CLI som WordPress tema

by

För att lägga till ditt Angular projekt som ett wordpress tema är enkelt. Tänkte därför summera doppiaeast artikel av hur enkelt det faktiskt är.

Första steget du är att lägga till index.php och function.php och style.css i din Angulars projekt src mapp för att wordpress ska känna av temat. Dessa filern måste du sedan ladda upp manuellt i temat du skapar.

index.php
<?php require get_template_directory()."/dist/index.html"; ?>

function.php
<?php

?>

style.css

/*
Theme Name: TopwebTema
Author: Peter Hedman
Author URI: https://topweb.se
*/

Bygg projektet
ng build --prod --deploy-url="/wp-content/themes/{THEME_DIRECTORY_NAME_ON_SERVER}/dist/

{THEME_DIRECTORY_NAME_ON_SERVER} döpte jag här till TopwebTema, alltså namnet på mappen jag skapar för temat i wordpress.

Du kan nu se att det har skapats en Dist mapp i ditt projekt. Ladda upp den mappen tillsammans med filerna vi tidigare skapade i mappen för ditt tema, och du är klar!

Om port 4200 redan används?
sudo lsof -t -i tcp:4200 | xargs kill -9

Lämna ett svar

E-postadressen publiceras inte. Obligatoriska fält är märkta *


PageLines