ウェブコーディング

WordPressの子テーマを作るときのひな型テンプレートがあるんですが…

WordPressのカスタムをするときは子テーマを使った方が効率的で、もとのテーマを傷つけることもないです。

子テーマ自体は簡単な構造なのでその都度、調べて作るというのもいいのですが、それも面倒だなと思って、必要な箇所を抜粋して使いまわせる子テーマのテンプレートを作ってみました。

結構前に作ったものなのですが、自分でもいまだに使っています。

子テーマのフォーマットをいちいち調べ直さなくても良いので、意外と便利かもしれません。

テンプレートダウンロード

テンプレートの使い方

子テーマとしては機能するには、フォーマットを整形した「style.css」さえあればいいのですが、自分の使いやすいように作ってあるのでちょっとだけ機能が追加されています。

  • パスワード保護中のページの「保護中:」を消す
  • 再ログインまでの時間の延長

この辺りを追加しています。

style.cssの仕様と使い方

親テーマの指定や子テーマの名前をつけたり、バージョン情報を入力したりできます。

子テーマとして機能するための部分とそうでない部分があるので、必要ないと思ったら削除して構いません。

この中で子テーマとして最低限必要な部分を抜き出すとこうなります。

作者・ライセンス・タグ・バージョン情報は必須ではないので、おこのみで使ってください。

「style.css」のもう一つの使い方として、追加のCSSを設定することができます。

CSSは後に読み込まれた設定がページ上で反映されるので、追加のCSSを書くときは親テーマのCSSを読み込んだ後ろに書きます。

この部分の下にかけばOKということです。

functions.phpの仕様と使い方

単にCSSのカスタムだけなら必要ないんのですが、フィルターフックを追加したり、画像サイズを別に設定する場合などはfunctions.phpを利用します。

このテンプレートでは「保護中:」の表示を消すためのフィルターフックとログインの期限を設定しています。

必要があれば、その都度編集して行けばOKです。

必要ないと思ったらファイルごと削除してもなんにも差し支えがないのでご安心を。

readme.txtについて

このファイルは子テーマとしては必要ありません。

子テーマを配布するにあたって、使い方などの必要なことを書いてあるので良かったら目を通してください。

あとがき

子テーマを利用するのは、簡単にカスタムできて、失敗したと思ったらすぐに元のテーマに戻せるところが魅力的です。

ただ、WordPressのカスタマイズをするときは、元のテーマのレイアウトなどは変えずに、ヘッドラインなどの記事本体の部分的な変更だけにしておいたほうが吉です。

WEBデザイン経験が豊富で、綺麗なWEBサイトを作れるのであれば別ですが、デザイナーが本気で作ったテンプレートをいじってもあまり良い結果にはなりません。

特に当サイトで使用している「MAG(TCD036)」のような、目的特化型の洗練されたテーマはデフォルトのまま使うことが一番だと思います。

このクオリティは国産テーマではNO.1でしょうね。

というわけで、テーマのカスタムは程々にしておきましょう。

記事が気に入ったら
tipLog を "いいね!"
Facebookで更新情報をお届け。

tipLog

関連記事

  1. ウェブコーディング

    CSSのfloatを使ってリキッドレイアウトを組んでみた

    先日ふと思い立って、一からWEBサイトをデザインし始めることにしたので…

  2. ウェブコーディング

    NetBeansでSQliteのドライバーを有効にするプラグイン

    PHPなどのwebアプリケーションを作成できるNetBeansですが、…

  3. ウェブコーディング

    AdSenseのモバイル向けページ単位の広告をWordPressに設置する方法

    AdSenseにモバイル用のページ単位の広告という機能が追加されてしば…

  4. ウェブコーディング

    WordPressの記事内でPHPを実行した結果を表示する方法

    WordPressの記事内でPHPを実行できると、記事に表示できるコン…

  5. ウェブコーディング

    WordPressのテーマ・テンプレートのディレクトリを取得する方法

    WordPressのカスタマイズをするとき、親テーマと子テーマのどちら…

  6. ウェブコーディング

    子テーマを使ってWordPressを自由にカスタマイズしちゃいましょう

    WordPressをカスタマイズするときに使うと便利なのが「子テーマ」…

コメント

  • コメント (0)

  • トラックバックは利用できません。

  1. この記事へのコメントはありません。

CAPTCHA


スポンサードリンク

スポンサードリンク

スポンサードリンク

カテゴリー

ピックアップ記事

   
  1. ブログの収益化

    報酬の受取に苦労してません?初心者でもAmazon・楽天のアフィリエイトで効率的…
  2. グラフィックデザイン

    自作?外注?その前にコレ!ブログのロゴデザインをするなら「Logaster」を使…
  3. ブログやサイトの作り方

    TCDテーマ比較「CUBEY」と「BlogPress」どっちがいい?
  4. ブログやサイトの作り方

    月額100円から使える「ロリポップレンタルサーバー」
  5. 特集

    無料でクオリティが高く、検索機能が利用できる画像素材サイト3選
PAGE TOP