WordPressの子テーマ機能を使ってTwenty Elevenのダメなところを渋々カスタマイズする

_0062947.jpg

 私はデフォルト主義です。パソコンやソフトの設定を極力そのまま使う、デフォルト主義です。

 WordPressでここを運営はしているものの、標準テーマのTwenty Elevenで1カラム設定が美しすぎてそのまま使っていました。

 なんとなくグノシー界隈で流れてきた記事を見ていたら、面白いWordPressの機能を見つけたのでTwenty Elevenのカスタマイズをしてみました。

何故渋々?

 WordPressのテンプレートのカスタマイズって、テーマファイルを直接書き換えるものだと思っていたんですよね。実際昔はそうだったはず。

 テーマがバージョンアップしちゃうとやり直しをするか、バージョンアップ自体を諦めるしか無かった気がします。

 デフォルト主義者としても、まあ面倒なことはやりたくないんですよね。

子テーマとCSS

【重要】WordPressテンプレートのカスタマイズ前に子テーマをつくる方法CSS篇|ThePresentNote.

 上記サイトが設定方法も作りもわかりやすかったです。結論だけ言っちゃうと、バージョンアップしてもカスタマイズのやり直しを強いられることがなくなる。こんな機能いつ付いたんだ、便利じゃないか。

 お気に入りのTwenty Elevenですが、気になる所があるっちゃありまして。それが複数箇所に渡ると、さすがにデフォルト主義の私でも変えなきゃなーと思い初めていました。

Twenty Elevenのダメなところ

 まずね、h1、h2、h3がダメ。元々英語表記が基準になっているのか、h1のサイズがでかすぎる。で、h2、h3はほぼ標準文字サイズと同じであり、ボールドタグ程度の差しかない。

 見出しタグの装飾は諦めていたんですよ。でもねb-quoteの装飾がひどいのは頂けない。センタリングと斜体だけとか、スマホで見たら本文と見分けがつかない。

 b-quoteは引用させて頂いている証であるので、そのあたりがハッキリしていないと、義理と人情に反する気がするんだ。

 コメント欄の「コメントを残す」もひどい。なんてデカさだw

カスタマイズの参考サイト

Twenty Elevenの記事タイトル・h1タグを装飾 | Salty WordPress.

WordPressテーマTwenty Elevenの見出し(hタグ)スタイルを修正します! | oki2a24.

blockquoteタグをCSSだけで格好良いデザインにする【画像不要】 | おーとえすとさいと.

TwentyEleven ’コメントを残す’の文字を小さくする | 初めてのワードプレス カスタマイズ.

 参考どころかそのままコピペで使わせてもらっちゃいました。感謝。

 WordPressはいいね、使ってる人が多くて。Movable Typeから乗り換えてよかったと感じる瞬間である。Movable Typeの時はブログ人口も少なくて、まあ面倒でしたな。

 これでちょっとサイトデザインもいい感じになった。今後、Twenty Elevenのアップデートがあっても触る必要ないし。

WordPressで作る 魅せるWebサイトのデザインコレクション
河原 香奈子
マイナビ
売り上げランキング: 37,835

作成者: いわみ まこと

肉体労働者。趣味は心身操作の探究と実践、読書とゲームと衝動買い。