TwentyFourteenをカスタマイズしてメインテーマにしました

今まではStinger3を使っていましたが、レスポンシブデザインに対応していなかったので次のテーマを探していました。
人気テーマのSimplicityをしばらく検討していたのですが、個人的にカスタマイズし辛いと感じたので、 WordPressのデフォルトテーマでもあり、レスポンシブ対応のTwentyFourteenを使うことにしました。

TwentyFourteenからの変更点

CSS

・スティッキーヘッダーの解除
・記事のサムネイルとタイトルが重なりを解除
・Featured Contentsの装飾
・ブレイクポイントでの動作変更
・色

PHP

・抜粋を最大60文字に設定
・サムネイルサイズ250pxに変更

左サイドバーは可変幅なのでウィジェットの広告はレスポンシブ広告を使います。

現在のテーマ名は「TwentyFourteen_matometaru」としています。

スマホ表示

〜672px
TwentyFourteen_matometaru400px

タブレット表示

673px〜
TwentyFourteen_matometaru763

PC表示

1008px〜
TwentyFourteen_matometaru

PC表示

さいごに

現時点で修正しなければいけない箇所はいくつかありますが、とりあえずメインテーマ(TwentyFourteen_matometaru:ver1.0)として使っていきます。
現在は子テーマの形で作っており、親テーマと合わせるとCSSが約5000行になっています。
無駄な記述が多く、いづれは一つのテーマとして作り直そうと思います。

TwentyFourteenの外観の修正についてはだいぶ把握したので、時間があれば今回行った修正内容の記事を書いていこうとおもいます。

スポンサーリンク
RESAD
RESAD

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク
RESAD