WordPress テーマ “Sugar and Spice”.

投稿アップデート情報  追記  追記2(3/9)  追記3(3/9)

 サイトのテーマを “Sugar and Spice” に変えた。netradi 以外のサイト用に子テーマを3つ作った。

 まだ,手直ししなければいけないところがかなりあるが,飽きちゃったので,続きは後回しにすることにした。 (^^;)

追記:
 あまりに手抜きの記事だったので,心覚えのためにも書き足しておく。

 テーマを変えた理由は,「本家のお世話-#73。(WordPress3.6へアップグレード)」にも書いたように,テーマ関連の新機能がどんどん増えているからだ。それを使いたかった。セキュリティの問題もある。 HTML5 に対応したいということもある。もちろん, AdSense の件もあるし(ヘヘッ)。

 ”Sugar and Spice” は主なところで, custom-menu, responsive-layout, theme-options に対応している。スマホでのアクセスも増えてきているところから, responsive-layout は使ってみたい機能のひとつであった。

 それに対応するために,前のテーマを改定することも考えたが,前のものはほぼ自作に近く,改定の手間が膨大だった。3つのサイトにそれぞれに独自のものを用意していたせいもあるが,主として,私の知識の不足のためである(汗)。また, WordPress になじむうちに子テーマというものの存在も知った。今回は,親テーマはいじらず,子テーマを活用した。

 そんなわけで,今回,親とするテーマの策定に入った。ご存知のように WordPress には膨大な数のテーマがある。そんな中から選ぶのは大変なので,範囲は おすすめ だけに限った。ここの分なら,最新機能にも対応しているだろうし,サポートもそこそこだろうと思ったからだ。最終的に,いい加減くたびれ, “Sugar and Spice” で手を打った。

 子テーマでいじったのは,以下の部分だけである。
body {
color: #000;
}
/* Typography */
h1, h2, h3, h4, h5, h6 {
color: #000;
}
/* Calendar Widget */
table th,
table td{
color: #000;
border: none;
text-align: left;
}

 手こずったのは, Theme Options で扱える Color scheme の元の色の変更である。これは, style.css の中にはなく, sugar-and-spice/inc/extras.php にあった。いろいろ,手法が増えていて,素人はついてけないよー(苦)。

 また,今回の改定に当たって, My Link Order と One Row Calendar の使用をやめた。両プラグインの作者様,長らくお世話になりました m(_”_)m。

追記2(3/9):

  • **style.css のカスタマイズ
    • ****table の background image を表示する
      /* Calendar Widget */
      table th,
      table td{
      color: #000;
      background: transparent;
         <--- この行を追加。 border: none;
      text-align: left;
      }
    • ****コメントフォームの文字色を濃くする
      /* #Forms */
      input[type="text"],
      input[type="search"],
      input[type="password"],
      input[type="email"],
      textarea,
      select {
      color: #000;
      }

      input[type="text"]:focus,
      input[type="search"]:focus,
      input[type="password"]:focus,
      input[type="email"]:focus,
      textarea:focus {
      color: #000;
      }

      label span,
      legend span {
      color: #000;
      }

追記3(3/9):
 ”Sugar and Spice” の子テーマ,つまり,このブログ用に WOFF を作った。
     自作 WOFF を作ってみた-#1。
     自作 WOFF を作ってみた-#2。
     自作 WOFF を作ってみた-#3。