WordPress

WordPress|twenty seventeen カスタマイズ準備|子テーマをつくる

投稿日:2018年9月3日 更新日:

デフォルトのテーマ「twenty seventeen」をカスタマイズする前の準備

テーマをカスタマイズするには、元になるテーマの子テーマを作り、その子テーマを改造していきます。元のテーマは変更しないようにします。
元テーマを直接編集すると、アップデートの際にデータが上書きされて、せっかくカスタマイズした内容が消えてしまうことがあるからです。

子テーマの作り方はとっても簡単。

  1. 「WordPressインストールディレクトリ / wp-content / themes」の中にフォルダを作成します。どのような名前でも良いのですが、わかりやすい名前にした方が管理しやすいです。今回は「twentyseventeenーchild」という名称のフォルダを作成しました。
  2. 「functions.php」と「style.css」というファイルを、いま作成したフォルダ「twentyseventeenーchild」の中に作成します。この2つのファイル中身は下の説明どうりに記載しておきます。
  3. WordPressの左サイドのメニューから「外観」を選ぶと「twentyseventeenーchild」が出来ているはずですので、これを有効化します。そうすると、子テーマが動作するようになり、子テーマにあるファイルを優先して動作するようになります。

その後、元テーマより子テーマにファイルをコピーしてカスタマイズしていきます。

<ディレクトリ構成>

└ wp-content
  └ themes
    ├ 元テーマフォルダ
    │
    └ 子テーマフォルダ
      │(↓ファイルを2つ作ります。)
      ├ function.php
      └ style.css

 

子テーマ用の基本ファイルセットを作りました。
テーマと同じディレクトリにアップロードして「有効化」します。
ダウンロードはこちら↓
twenty seventeen 子テーマ 最小ファイルセット

 

ファイルに記載する内容

function.php

スタイルシートを読み込んでいないようなら、下のコードを試してみてください。

 

style.css

ちょっと長いので、最少にすると。。。

これだけでOK。文字コードはUTF-8で保存します。

 

子テーマのスタイルシートが反映されないとき

デザイン変更して通常の再読み込みでデザイン変更されていない場合は、ブラウザに残っているキャッシュを強制的に無視して、サイトの情報法を全て読み込みし直すとよい。

それでもダメな時は

ブラウザによって操作は違いますが、過去の閲覧履歴等を消去してみましょう。

 

出典:http://wpdocs.osdn.jp/子テーマ





-WordPress

執筆者:


comment

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.

関連記事

WP★タイトルを大文字から小文字に直す(Twenty Seventeen)

  WordPressのテーマ『Twenty Seventeen』で、ページのタイトルが大文字に強制的に変換されてしまうのをなくす方法です。今さら…ですが、最近手直ししたので覚え書き。 &n …

WP★投稿時にテンプレートを使えるようにするプラグイン

同じパターンで記事を投稿したい時にテンプレートがあったらいいなぁと思って調べてみた。 テーマのPHPを触る方法とプラグインを使う方法があったけど、今回は後でテーマを作っていく予定なので、ひとまずはプラ …

WP★Twenty Seventeenをカスタマイズ03 カテゴリーのページタイトルから「カテゴリー:」取るには?

カテゴリーのページタイトルに自動で出力される「カテゴリー:」を取る方法です。 カテゴリーの一覧(アーカイブ)ページは、Twenty Seventeenではarchive.phpで出力されています。 < …

WordPress★投稿記事の並び順を入れ替えるプラグイン

WordPressでは投稿記事はデフォルトで投稿日時の降順ソートで順番で表示されるようになっています。ですので、上に表示させたい記事は、編集画面から公開日時を修正すれば可能です。 でも、いちいち編集画 …

WordPress|twenty seventeen カスタマイズ|フッターの「Proudly powered by WordPress」を変更したい!

デフォルトで表示されている「Proudly powered by WordPress」を変更するファイルはテーマフッター「footer.php」ではありません。 「themes/twentyseven …