4月
27

WordPressの「子テーマ」で、ちょっとしたカスタマイズしてみた♪

4月 27, 2012in wordpress

Pretty Awesome 3D Metal WordPress LogoPretty Awesome 3D Metal WordPress Logo / bobbigmac

WordPressのバージョンアップにともなって(去年のことですが)
「子テーマ」を活用して、いろいろカスタマイズが便利になったようでした。
そんなこととはつゆ知らず、今頃恥ずかしいwww

子テーマWordPress Codex 日本語版

参考にさせて頂いたサイトさま

子テーマやカスタマイズの基本の基本についてちょっとおさらいしてみる | Webourgeon


親テーマを継承しつつ、子テーマにて、弄れるということですね。
いままでだったら、直接編集なんてしたら、大変なことになるかもということで、
躊躇していましたが、これは便利そうなので、やってみることに。
あ、それとテーマを「Twentyeleven」に変えて見ました。

「子テーマ」の準備

  • まずは、フォルダーをwp-content/themesに作ります。
    名前は適当につけました。
    最低限必要な「style.css」をwp-content/themes/twentyelevenから
    FTPソフトでダウンロードします。

    Mayowpstyle

  • エディタで編集します。
    四角で囲んだ箇所
    Theme Name:好きな名前
    Theme URL:自分のサイト
    Description:サイトの説明を入れます。
    Author:私の名前
    Template:twentyeleven(子テーマと言ってます)
    @import url(‘../twentyeleven/style.css’);と入力してます。

    Style css

  • FTPソフトを使って、wp-content/themes/に
    編集したstyle.cssをアップロードします。
    できた自分のテーマを有効化します。

    テーマの管理  iPhoneとマヨテキメモ  WordPress

自分の好きなスタイルに変えてみる

  • なるべくシンプルにしたかったので、ヘッダー画像を消すことにしました。
  • フォントの変更とサイズと行間を変えました。
  • ヘッダーにタイトルをロゴにしたものを、入れました。
    説明部分のフォントを小さくしました。左に寄ってるし(-_-;)
  • メニューのaboutにコメントを表示しないように。
  • 見出しの横に水色の棒を表示しました。
  • 全体が同じ色になるように。
About | iPhoneとマヨテキメモ IPhoneとマヨテキメモ | iPhoneとMacなど初心者マヨのメモ書き

やってみてよかったけど、課題はあり

2カラムを選んでいたのですが、
個別記事にサイドバーが表示されないので、プラグインを入れてみたけど、
なんでか分からないけど、ダメでした(¯―¯٥)
それと、ページナビも。。
バージョンアップしたら、今までは日本語で表示されていたものが、英語になっちゃったけど放置(笑)
function.php弄って、初めて管理画面が表示されなくなっちゃったりしたけど
と、いろいろありますけど、好きなようにできるのは楽しい♪
もうちょこっとだけ、カラフルにしよっかな〜

あとローカルに置いた練習用サイトは、手付かず`;:゙;`;・(゚ε゚ )ブッ!!
複数のサイトができるらしいのですが、調べたけど超難しそうで断念!

ではでは、☆。.:*:・’゜ヽ( ´ー`)ノ まったね~♪

【こちらの関連記事もご覧ください】


記事をお読み頂き、ありがとうございます!

記事の内容を気に入って頂けましたか?
もし気に入って頂けましたら、
ソーシャルボタンで共有頂ければ、とても嬉しいです♪


follow us in feedly RSS

2件のコメント to “WordPressの「子テーマ」で、ちょっとしたカスタマイズしてみた♪”

  1. おゆきさん

    なんとなくですけどサイドバーが表示されないのはsidebar.phpが読み込まれていないからでは?と思ったり。

    返信

Leave a Reply

  • (will not be published)

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

This blog is kept spam free by WP-SpamFree.