Glósóli

うーん

WordPress サイトの作成から納品まで

WordPress まわりの仕事が増えてきて、自己流ながら手順がなんとなくわかってきたのでまとめておきます。参考までに僕のスキルセットとしては、

・HTML / CSS / JS で静的サイトをサクサク作れる

PHP が最低限わかる

みたいな感じです。

1. 静的サイトを作る

HTML / CSS / JavaScript で静的サイトを作る。やっぱローカルで動くと安心する。

2. WordPress のインストールをやる

なんらかの手段で WordPress をインストールする。なんだかんだロリポップとかはデータベースも含めて楽で良い。

3. 1.で作った静的サイトをテーマ化する

WordPress 本を片手にひとまず最低限のテーマ化をやる。

本はこれ↓。いつもお世話になっています。

https://www.amazon.co.jp/dp/B00ZYYOESG

テーマ名の設定とかはここのテンプレでよい。

https://olein-design.com/blog/template-style-css-file

4. プラグインを突っ込む

突っ込むもの↓

  • Advanced Custom Fields PRO
  • Custom Post Type UI
  • Custom Post Type Permalinks
  • EWWW Image Optimizer
  • Classic Editor
  • WP Multibyte Patch
  • Admin Menu Editor
  • Intuitive Custom Post Order

できるだけプラグインを使って functions.php は汚さないでいきたいねってスタンスでやっていきます。Custom Post Type UI でカスタム投稿タイプ作って Advanced Custom Fields PRO でカスタムフィールドを作っていく。Advanced Custom Fields は 100 AUD で買えるので即座に購入するといい。Custom Post Type Permalinks は年ごとのアーカイブページを作ったりするときに使う。

Ajax で記事を動的に拾ってくるやつは、これを参考にやるとなんとかできる。この辺ってあんまりプラグインないのかな。 

https://rudrastyh.com/wordpress/load-more-posts-ajax.html

5. テスト環境から本番環境に移行する

最初はサブドメインWordPress サイトを構築しておいて、記事がそこそこ溜まってきたら&納品先の方が投稿に慣れてきたあたりで、メインのドメインに移行するのがいいのかなーと思っています。

All-in-One WP Migration

環境設定や投稿内容、プラグイン、そしてテーマの移行は All-in-One WP Migration で移行する。All-in-One WP Migration はすごい、データベースなんもわからんくても使える。テスト環境から本番環境への移行はこれで一発です。

https://ja.wordpress.org/plugins/all-in-one-wp-migration/

まとめ

便利なプラグインたちはすごい。ありがとう先人たち…