WebCanta

初心者のための徹底ガイド-Web制作

会員ログイン

ARTICLES

ローカル開発

Local、Node.js、BrowserSyncなどを使い、WordPressを安全かつ効率的に開発するローカル環境の構築方法を解説します。

ローカル開発

LocalアプリでWordPressのテスト環境を構築する方法

WordPressのテーマ制作やプラグイン検証を行うとき、本番サイトを直接触るのはリスクがあります。表示崩れ、PHPエラー、プラグイン同士の競合、WordPress本体のアップデート確認などは、まずテスト環境で試すのが基本です。 そのテスト環境を手軽に作れる代表的なアプリが、Local（旧Local by Flywheel）です。Localを使うと、パソコンの中にWordPressサイトを作り、ブラウザで確認しながら安全に開発できます。 この記事では、Localアプリの概要から、特に便利なLive Links、Blueprints、Clone、データベース管理、PHP・WordPressバージョンの切り替えまで、WordPress開発で役立つ機能をまとめます。

ローカル開発

【開発環境】Local sitesの便利な機能Blueprintを解説

開発環境の構築には、非常に便利なツールであるLocalがあります。さらに、Blueprintという便利な機能も備えています。予め決められたプラグインやテーマを構築しておくことで、開発環境がスムーズに構築できますので、ぜひ活用してみてください。

ローカル開発

Node.jsを活用した開発環境の構築。自動リロードでスタイルを適応させて開発を向上させましょう。#1/2

Wordpressの開発においても、VscodeのGoLiveのように、自動リロードする環境でスタイルを適用させてスムーズに開発を進めたいものです。VSCode の Live Server は、主に静的なファイル（HTML, CSS, JavaScriptなど）のためのもので、サーバーサイドの言語やデータベースにアクセスするための仕組みを持っていません。そこでNode.jsを使用します。Node.jsはサーバーサイドで実行されるJavaScriptで、開発環境に最適なものが提供されています。ぜひ活用してください。