2020年12月に参加した「WordPressのカスタマイズ、子テーマ？プラグイン？カスタマイザー？ WP ZoomUP #54」で子テーマやカスタマイザーの話が上がったので、翌日WordPress 2.9 から 5.6 までのカスタマイズに関して覚えてる部分をつらつらツイートしてました。
ブログにまとめるのは迷っていたのですが、ツイートへの後藤さんのレスもあったので、この投稿でまとめつつ5.6以降の方向性も記載したいと思います。
Tag: テーマ
-
WordPressのテーマカスタマイズの歴史
(さらに…) -
WordPressテーマ用の grunt-init テンプレート Iemoto を使ったテーマ作成
_s 公式でも2014年8月に sass 対応となったのですが、その以前から grunt-init テンプレートの「Iemoto」を使ってテーマ作成しています。
今回は Iemoto を使った WordPress テーマの作成についてご紹介します。
-
WordPressスターターテーマ _s の Sassオプション
2014年の始めごろから議論されていたWordPressのスターターテーマ「Underscores (_s)」にSassのオプションが提供されたのでご紹介します。
なお、php部分は従来のものと違いはなく、あくまで style.css のみが Sass に対応しただけです。 -
スターターテーマ _s をフォークして翻訳ファイル対応
長いタイトルですね。
スターターテーマ _s を使ってWordPressのテーマをつくる という連載がまだ途中なのですが、私が GitHub 上の _s をフォークして日本語ファイルや、Sass + Compass を追加している物がありますのでそのご紹介をしておきます。2014年9月1日追記
_s 公式が sass 対応したことと、iemoto プロジェクトを進行しているため、一部のリポジトリを削除しています。 -
スターターテーマ _s を使ってWordPressのテーマをつくる（テンプレート階層とモジュールテンプレートファイル）
前回で、 _s テーマを使いつつスタイルシートのみでオリジナルのテーマを作ることができました。
今回からは、テンプレート階層に基づいてテーマファイル（PHPファイル）を編集していきます。まずは、WordPressのテンプレート階層とテンプレートファイル、モジュールテンプレートファイルを把握し、カスタマイズしたい場所はどのファイルにあるのかを理解しましょう。 (さらに…)
-
スターターテーマ _s を使ってWordPressのテーマをつくる（スタイルシート編）
いよいよ _s テーマの見栄えをスタイルシートで整えていきます。
_s はデフォルトでカスタムメニューの配置エリアやウィジェットといった最低限必要な機能は実装していますので、見栄えを整えるだけですぐオリジナルのテーマを作成することができます。
つまり、今回は style.css にしか触れませんので、PHPの知識を必要としません。
なお、HTMLとスタイルシートでサイトを構築できる（テーマの元になるHTMLを組める）方を対象としていますので、スタイルシートそのものについては触れませんので、ご了承ください。 (さらに…) -
スターターテーマ _s を使ってWordPressのテーマをつくる（準備編・補足）
-
スターターテーマ _s を使ってWordPressのテーマをつくる（準備編）
WordPressにはデフォルトで「Twenty Eleven（3.5から）」「Twenty Twelve」「Twenty Ten」というテーマが付属してきます。
また、公式のテーマディレクトリにも多くのテーマが登録されているので、そこから好みのテーマを選ぶこともできます。
ですが、オリジナリティを出したい（平たく言えば企業サイトなどでオリジナルのデザインにしたい）場合は、独自のテーマをつくる必要があります。テーマをつくる上でどのような手法をとるかは高野直子さんが「WordPress テーマ開発4つのアプローチ #wacja2012」という記事を書かれたので、そちらもご覧ください。
WordPressに慣れてきた方は「子テーマ」でテーマを作られていると思います（親テーマを直接カスタマイズするとテーマのアップデート時にカスタマイズ箇所が消えるのでダメですよ）。
しかし、子テーマも親テーマへの依存が大きかったり、functions.phpで定義された関数を変更するのに癖があったりします。また、ありがちなこととして、親テーマのほとんどのテンプレートを子テーマで書き換えていませんか？そんな人にお勧めなのが「スターター・テーマ」を利用したテーマ開発です。
これから何回かに分けて _s（underscores） というスターター・テーマを利用したテーマ開発の手順を書いていきます。なお、ある程度テーマの作成（カスタマイズ）に慣れた人向けの内容となりますので、ご了承ください。 (さらに…)