TwentyFifteen

【WordPress備忘録】テーマをTwenty Fifteenに変更しました。

テーマをWordPressデフォルトのTwentyFifteenに変更しました。

シンプルでいい感じです。

細かい部分ですがカスタマイズしています。

 

Sponsored Links

 

テーマをTwenty FourteenからTwenty Fifteenに変更しました。

以前のテーマは下記でした。(イメージ)

これはこれで気に入っていたのですが、少しカスタマイズがしづらいということもあり、最近テーマ変更を検討していました。

上部には最新記事を載せたり、見て欲しい記事を載せていました。

レスポンシブデザインなので、iPhoneでも表示させても最初から最適化されています。

151029 itkhoshicom Theme twentyfourteen 1

このテーマもいろいろカスタマイズして使用していたのですが、カスタマイズしすぎてプログラムがぐちゃぐちゃになってしまっていました。。

それもあって最初から別のテーマでカスタマイズ仕直しをしようと考えてました。

 

変更後のテーマは下記。

こちらもWordpressデフォルトで提供されているテーマです。

レスポンシブデザインなので、iPhoneで見ても表示は最適化されます。

シンプルなデザインが気に入りました。

151029 itkhoshicom Theme twentyfifteen 1

Twenty Fifteenのスペック

  • メインコンテンツの幅:660px
  • サイドバーの幅:248px
  • フィーチャードの画像:幅825px、縦510px

 

僕がカスタマイズした部分

見た目はほとんど変えていません。

基本的に全体的にフォントが巨大。。

あまりに大きかったので見づらかったのですが、タイトルタグのフォントを小さくするだけでもかなり見やすくなりますね。

  • 全体のフォント変更(明朝体では見づらい)
  • サイドバーの余白調整(横幅300pxの広告を貼れるように調整)
  • 大きすぎるフォントを調整(記事タイトルとかデフォルトではでかすぎ)
  • h1などの各タグのフォント変更(これも巨大すぎた)
  • 見出し装飾付け
  • 引用文(block quote)の装飾付け
  • テキストリンクの色変更
  • サイドバーの項目名(アルファベットが小文字も表示されるように変更)
  • 記事タイトルの下に投稿日と更新日を表示
  • 記事下の投稿日を非表示
  • フッター部分のCopylight表記を変更
  • トップページの上部にAdSense広告追加(PC・モバイル表示で分岐させ、広告タイプ変更)
  • アーカイブ、カテゴリ別ページの上部にAdSense広告追加
  • 個別記事ページで、上部にAdSense広告追加(モバイル表示のみ)

 

具体的な変更方法については後日記事にします。

ひとまず概要だけ。

 

Sponsored Links

関連記事

-TwentyFifteen
-, , , , ,

© 2024 itkhoshi.com Powered by AFFINGER5