DreamweaverでWordPressを連携してテーマを編集しよう。


DreamweaverでWordpressを連携してテーマを編集しよう。

WordPressのテーマなどを編集したいけど、いちいちサーバーにアップして確認するのは面倒です。
そこでローカルサーバーは構築済みなのでDreamweaverと連携させてテーマを好きなだけ編集してみよう。

DWとWPを連携させよう


ローカルサーバー構築の記事はコチラ「WordPressをPC(ローカル)にインストールする」

Dreamweaverの設定・確認手順

Dreamweaverを起動後、メニューの「サイト」→「新規サイト」をクリック。

dw-1


サイト設定画面が表示される。
サイト名:任意のサイトの名前を入力。
ローカルサイトフォルダー:自分のPCの作業フォルダを選択、または新規作成する。
dw-2


2項目が設定出来たら左メニューの「サーバー」の項目を選択する。
dw-3


「サーバー」の画面では、まだなにも無く空欄となっているので、下にある「+」を押す。
すると以下の画面がでるので各所入力または選択。

サーバー名:任意の名前
使用する接続:ローカル/ネットワーク
サーバーフォルダー:C:\xampp\htdocs\wordpress (Wordpressをインストールしてある場所)
Web URL:http://localhost/wordpress/
dw-3-1


ここまで終わったら「保存」ボタンを押す。

サーバーの一覧画面に戻ったら、「リモート」の項目のチェックを外し、「テスト」の項目にチェックを入れ「保存」を押す。
dw-3-1-2


保存を押して完了すると右側ファイルウィンドウにローカルファイルの項目が追加される。
(パネルが無い場合は「メニュー」→「ファイル」で表示)

「index.php」をクリックして表示を確認しよう。
Dreamweaverでローカルファイルにあるindex.phpを開いてライブボタンを押してみるとWordpressサイトが表示された。
dw-8


また、ライブコードとインスペクトボタンを押し有効化してみると、マウスを置いたところのソースがハイライト表示されタグやCSSなどの確認が出来る。


この投稿へのコメント

コメントはありません。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

この投稿へのトラックバック

トラックバックはありません。

トラックバック URL