WordPressのテーマカスタマイズ

 このBlogを構成しているプログラムである「WordPress」。
 とっても便利なのですが、汎用プログラムゆえに融通の利かないところも多々ありまして。

 そのひとつが、「テーマ」。
 Blogの外観やフレームを構成するシステムなのですが、CSSを多用しているだけにワタシのような素人がイチから作成するのはおよそ不可能。なので、ネットに転がっている既製品を流用することになります。このBlogもTwenty-Tenというテーマを使用しているのですが、モトが英語版なのでいろいろと不都合があります。
 例えば、フォント。
 もともとのTwenty-Tenテーマでは英語フォントが数種類指定されているだけで、日本語フォントにはまったく対応していません。なので、既製品のTwenty-Tenテーマをインストールした上で、手作業で日本語フォントを指定し直すという作業が必要になります。
 これ以外にもフッターにこのBlogのコピーライト表示を加えたりといった細かいカスタマイズをしているのですが、困ったことに、テーマプログラムはWordPress本体と同様にしばしばアップデートされるものでして、テーマがアップデートされちゃうとそれまでに加えたカスタマイズがすべてご破算になっちゃうんです。
 今まではアップデートのたびにもう一度カスタマイズを加えていたのですが、これが非常に面倒くさい。
 何とかならないかと思ってググってみたところ、「子テーマ」というシステムを使うとうまくいくらしい。なので、ちょいと試してみました。

 まず、FTPソフトを使用してWordPressの構成プログラムを置いているサーバーにアクセスし、その中の”wp-content/themes”フォルダに任意のフォルダ(子テーマを置くフォルダ)を作成します。
 次に、そのフォルダ内に”style.css”というファイルをテキストエディタで作成します。このファイルの中身は次のとおり。

 ”Theme Name”には任意の子テーマの名前を、”Template”にはもともと使用していた親テーマの名前を書けばOKみたいです。
 続いて、同じフォルダに”functions.php”というファイルをテキストエディタで作成します。このファイルの中身は次のとおり。

 ネットに落ちていたものを拾ってコピペしただけです。
 あとは、WordPressにログインしてダッシュボードからテーマを選択すると、新しく作成した子テーマを選択できるようになっているはずなので、それを選べばOK。ワタシの場合、ナゾの警告表示がされたけど、今のところそのまま無事に使用できています。
 あとは、「外観→カスタマイズ→追加CSS」でカスタマイズしたい部分を追加CSSで

こんな感じに書き込むか、フッターであれば元テーマのfooter.phpファイルをまるっと子テーマにコピペした上で子テーマのfooter.phpをいじるという感じらしいです。

カテゴリー: パソコン・ネット パーマリンク

コメントを残す

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

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)