2018WordPressTwitterFacebookGoogle+PocketはてなブックマークLINEFeedlyRSS今日は、WordPressのテーマをカスタマイズする時に必須な「子テーマ」の作成についての備忘録です。自分で一からテーマを作成している方には完全スルーしていただいて構いませんが、有料、無料問わず、他人が作ったテーマを利用している方には「子テーマ」の作成をぜひお勧めします。日本語版によると、以下のように書かれています。子テーマは、親テーマと呼ばれる別のテーマの機能とスタイルを継承したテーマです。既存のテーマを変更する方法として、子テーマが推奨されています。日本語版これだけではよく分かりませんが、その次には以下のように書かれています。子テーマを使うのか?子テーマの使用にはいくつかの利点があります。テーマを直接変更した場合、そのテーマがアップデートされると変更が失われるかもしれません。子テーマを使用すればテーマの変更は確実に保持されます。子テーマを使用することで開発時間を短縮できます。子テーマの使用することでWordPressのテーマの開発を良い形で学べます。下から2つは開発とかしてない人にとってはあまり関係ないと思いますが、大事なのは一番最初の点。テーマを弄る時に考えられるのは、PHPファイルにコードを書き加える、もしくは修正するCSSファイルにコードを書き加える、もしくは修正するこの2点だと思いますが、問題なのは、テーマファイルを直接弄ると、そのテーマがアップデートした場合に、書き加えたり修正したりしたコードが上書きされて消えてしまう(元に戻ってしまう)という点なんです。私自身、これに気付いたのは前のテーマを利用していた時に何も考えずにアップデートした結果、「header.php」に追加したOGP設定が全部消えてしまった時なんです。これが子テーマを作れっていうことの根拠かと気付かされました。なってしまうと今までの苦労が水の泡ですね。調べてみるとこれが超簡単です。何でもやってみることが肝心ですね。一つのフォルダと二つのファイルを作成WordPressのテーマフォルダ(/wp-content/themes/)内に以下のフォルダとそのフォルダの中に以下のファイルを入れます。子テーマフォルダstyle.cssfunctions.php子テーマフォルダ子テーマフォルダは親テーマ名の後に「-child」と付けます。親テーマが「sorairo」であれば子テーマフォルダは「sorairo-child」とします。これは分かりやすくするためですので必須ではないようです。実際、今私が使用中のテーマ「ALBATROS」の子テーマフォルダは「albatros_custom」となっています。style.css(スタイルシート)CSSは、以下の記述を冒頭に入れます。日本語版より抜粋していますので、それぞれ細かい点は適宜変更するとして、ALBATROSの子テーマでは次のようになっています。URI:http://open-cage.com/albatros/*/これだけの記述で問題なく動いています。ここでひとつだけ注意点があるのですが、「Template」のところには親テーマのディレクトリ名を入れるということです。functions.phpPHPは正直よく分かっていませんので、個人的には「PHPは一種の呪文みたいなもの」と思って深堀りしないように心がけています(笑)function.phpに以下の記述をすることで、子テーマのCSSを読み込むことができるようになります。テーマより、子テーマの方を有効化してください。これで、子テーマのスタイルシートを思う存分弄り倒せば、テーマ全体のカスタマイズができます。テーマの編集を見て、きちんと表示されていればオッケーです。Cardsの設定などは保持されます。最後にいかがでしたでしょうか。取っ付きにくいと思っていた子テーマの作成ですが、ALBATROSを少し修正したいと思ってちょっと調べたら意外と簡単でした。テーマファイルを修正したりする人にはオススメです。詳細に知りたい方には以下の記事も参考にしてください。postsテーマを自作する〜その2〜アイキャッチ画像に関するあれこれの1回目。2014WordPressテーマを自作するシリーズの第2回目は、WordPressでアイキャッチ画像を使えるようにするために必要なことについて調べてみました。WordPressの記事中にプラグインなしで目次を追加しました。2018WordPressプラグインを使わずに記事中に目次を追加しましたのでご紹介します。今日からまた、WordPress始めます。2013WordPress心機一転、新たにブログを書き始めます。iPhoneを購入して一変した私の人生を記録していければと思っています。テーマを自作する〜その1〜投稿日などの日付表示を英語表記にする方法。2014WordPressWordPressのテーマを自作するにあたり、色々な壁にぶつかります。その解決法について自分の忘備録も兼ねてシェアしていきたいと思います。2015WordPress新しいテーマに変更しましたので、ついでにカテゴリーも見直してみました。jQueryを使って記事中の目次を開閉式にしました。2018WordPress目次が開閉式だとどんなメリットがありますかね。表示領域が広がるくらいですか。jQueryプラグインのLightboxを導入しました。2018WordPress画像を表示するときにフワッと拡大表示させるjQueryプラグインのLightboxを実装しました。私のブログ更新作業環境まとめ。2015WordPressブログを書く環境って大事ですよね。継続することの難しさはその環境のせいもあるかもしれません。テーマを自作する〜その3〜アイキャッチ画像に関するあれこれの2回目。2014WordPressWordPressのアイキャッチ画像に使える写真サイトの紹介と、キャプション表記についてのコツについてご紹介します。2015WordPress初めて有料のWordPressテーマを購入しました。有料なだけあってデザインもいいし機能満載でブログ執筆意欲を掻き立てられます。Sorairotwitterinstagram。