WEBやっていくぞー

【wordpress自作テーマ作り】その1:開発環境を用意する

Local by Flywheelをダウンロードする

Local by Flywheelは、wordpressに特化した開発ソフト。
wordpress以外の開発はできない。

公式サイトからダウンロードするhttps://localwp.com/

解凍した後で、このアイコンをクリックすると、操作画面が立ち上がるので、「CREATE A NEW SITE」をクリックして、サイトを構築。
新規作成後、「admin」より編集画面に入れる。

wordpress制作に必要なファイル

  • index.php(これを置かないとテーマに反映されない)
  • functions.php(これを置かないとテーマに反映されない)
  • style.css(これを置かないとテーマに反映されない)
  • screenshot.png(なくてもいいけどthemeの表紙になる)
  • header.php
  • footer.php
  • sidebar.php
  • flont-page.php(TOPページを別に作りたい場合/ブログよりWEBサイトっぽくなる)

ファイルの置き場(macの場合)

USR→Local Sites→〇〇(サイト名)→app→public→wp content→themes→フォルダを作ってテーマを制作する。
仮想サーバーといえど、ここで作ったファイルを編集画面内「外観」→「テーマ」から削除すると、ファイルそのものが消えるので注意。

失敗談

wordpressテーマ完成後、本番サーバーで不具合があり、WPの再インストールを行った。そのとき、WP公式サイトではなく、ここで作り上げた全ファイルをアップロードしたら、サーバー接続エラー(未解決)になったので注意。

次へ進む

https://yatteiku.blog/wp2/

wordpress自作テーマ作りに戻る

https://yatteiku.blog/wordpress/

SHARE THIS POST