Theme

【最終更新日：2011年12月21日】

WordPress の最大の楽しみは、デザインテンプレートである Theme 選定かもしれませんね。以前から「紫」をベースにした Theme はないか検討していたのですがあまりお気に入りがなかった・・・ただ、「紫」で検索してみると「ThemeZee.com::zeeSynergie」という Theme が引っ掛かりました。早速、WebMatrix の環境で採用してみると・・・なかなか良い感じです。

これまでの履歴は・・・

  • 2011年12月21日：zeeSynergie 1.0.2 を 1.0.3 へ自動アップグレード
  • 2011年09月04日：zeeSynergie 1.0.2 をインストール

特に以下の点でかなり気に入っています！

  • オリジナルの Style を追加できる！
  • カラーは標準以外を設定できる！
  • ヘッダーの画像が自分で選定することができる！
  • ロゴを自由に設置できる！
  • カスタムメニュの機能が使える！

上記のように意外にフレキシブルです。最近の Theme では当たり前の機能なのかもしれませんが、これまで利用経験のある Theme はここまで自由度がありませんでしたからちょっと嬉しい！

更に・・・以下のコードを hrader.php に発見。つまり、この Theme は HTML5 を採用している Theme ということになりますね。

<!DOCTYPE html><!-- HTML5 -->

暫く上記のコードがあることに気が付かず！解説にも記述が無かったので、てっきり HTML 4.1 か XHTML 1.0 かな、なんて信じていましたから嬉しい誤算です。

ZeeSynergie

ここまでお気に入りの Theme に出会ったのは初めてかもしれませんね！ちょっとオリジナルの Theme に加えたカスタマイズを以下に記録しておきます。

オリジナルの Theme に加えていること

ロゴを交換、ヘッダーに登場する大型の画像を OFF、ソーシャルメディアを設定等々、通常のオプションですので詳細をここで記述することはしませんが、この Theme はオリジナルカラーを設定することが出来ます。

  • 2011年09月04日：Custom Color：#50214d

以前から Purple の背景色は拘っていたので、この Theme で初めて実現した Purple 系のカラーを採用しました。また、スタイルシートには自分用のコードを追加できますが、以下のコードを追加しています。

/*=== RESET ===*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳＰゴシック", "MS P Gothic", Osaka, Verdana, Arial, Helvetica, sans-serif; }

/* === Title for Each Post === */
.post h2, .type-page h2 { margin: 0px 10px 5px 10px; font-size: 1.6em; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }

.post h3, .type-page h3 { margin: 0px 0px 5px 0px; padding: 2px 0px 3px 5px;
 font-size: 1.2em; color:#50214d; font-weight: bold; font-family: Arial, Helvetica, sans-serif;
border-left: 10px #50214d solid;  border-bottom: 2px #50214d solid;
}

/* === Text Elements === */
.entry ul, .comment ul {
 list-style: square outside; margin: 0px 0px 20px 2.5em; }
.entry ol, .comment ol{ list-style: decimal outside; margin: 0px 0px 20px 2.5em;
}

/* === Blockquote === */
blockquote { margin-left: 30px; padding: 10px; font-size: 14px; font-weight: normal; font-style: normal; text-align: left; color: #666666; }

/*===Table===*/
td.date { width: 105px; }

/*===Side Bar===*/
#sidebar p.aligncenter { text-align:center; }

詳細は投稿記事にしますが取り急ぎ上記を加えています。オリジナルのスタイルシートよりも後半で読み取られるのでカスタムスタイルの方が優先されるようになっています。

【公開日：2011年09月21日】