Wordpress: serwowanie strony na żywo
Opublikowano pon 15 marca 2021 w wordpress • 1 min read
W trakcie tworzenia strony/motywu w Wordpressie aby wykorzystać podgląd zmian na żywo można skorzystać np. z Webpacka, skonfigurowanego pod to zadanie, ale prostszym sposobem jest wykorzystanie wtyczki Live server z VSC marketplace + wtyczki o tej samej nazwie z np. chrome webstore.
Wykorzystanie obu jest dość proste:
1) serwujemy php np. przy pomocy narzędzia Flywheel (w wersji pro istniej możliwość serwowania w wersji live)
2) Wybieramy plik php do serwowania przez wtyczkę Live Server (Ctrl+Shift+P -> Live Server: Open with Live Server)
3) Wykorzystując wtyczkę Live Server Web Extension w chromę/firefox wpisujemy hosta podstawowego (w pierwszym inpucie np. ten serwowany przez Flywheel) oraz tego z wtyczki Live Server VSC (np. 127.0.0.1:5501 ) w górnej części okna zaznaczamy opcję Live Reload i teraz możemy na żywo obserwować zmiany jak zachodzą na naszym podstawowym serwerze (tym hostowanym przez Flywheel np. localhost:10008)
Źródła:
Visual Studio Code – PHP — Live Server — Automatyczne odświeżanie strony WWW
Webpack: