2015/09/27

初心者でもカスタマイズ可能な当サイトで採用してるSimplicityCSS変更点

4ヶ月前からStingerからSimplicity(以下シンプリシティ)に移行させました。

Stinger5からSimplicityへ移行しました。変更して変わった事・変わらなかった事

シンプリシティはほぼ基本的な項目は全て揃っていて、尚且つ早くレスポンシブルなデザインと至れり尽くせりなワードプレステーマです。

変更をかけずにデフォルトで使用し続けていたのですが、最近になってチョコチョコ変更をかけだしました。他のブロガーさんの記事を参考にしてコード丸パクリなのですが、自分の備忘録がてらまとめてみました。

同じテーマ使っている方良かったら参考にしてみて下さい。

>リンク先のブロガーの方々

迷惑なリンク貼られているなと思われたら、お手数ですが削除依頼お願い致します。

スポンサーリンク

前提条件:子テーマの導入

CSSを変更する場合は、子テーマの導入が不可欠です。

別に無くてもいいのですが、テーマ更新あった場合せっかくカスタマイズした設定が上書きされて無くなってしまいます。シンプリシティの場合、本家が子テーマをわざわざ用意してくれています。

http://wp-simplicity.com/downloads/child-theme

ブログ本文の横幅の変更

http://pasokatu.com/2303

初期設定だと記事カラム全体が740px、本文の横幅が680pxの所、横幅を612pxにしてくれます。前々から横幅長いなと思っていたので、即採用しました。

h2~h4迄のタグ変更・記事を読むリンク変更

http://sualog.com/simplicity-design-cutomize-354

シンプリシティのデフォルトのタグでもいいのですが、デザイン性が高いものを採用しました。非常に洗練されています。

記事下アドセンス広告を1つに変更

http://wp-simplicity.com/adsense-to-other-ad/

記事下のアドセンス広告を1つ楽天広告へ変更しています。

記事途中にもう1つ広告を入れたいための措置です。シンプリシティはデフォルトでh2タグ上に広告挿入できるようになっていますが、プラスもう1つ入れたかったために記事下アドセンスを1つ減らしました。

moreタグを置換してアドセンスを挿入

http://mama-hack.com/more-adsense

有名なまなしばさんのサイトです。

moreタグでアドセンスを挿入できるようにする変更です。これで記事途中にアドセンス広告を追加できるようにしました。これ以外にもh2,3タグ直前に埋め込む方法等非常に秀逸な記事を書かれています。

スマホ関連記事下広告削除

http://wp-simplicity.com/suport/topic/%E3%82%B9%E3%83%9E%E3%83%9B%E5%BA%83%E5%91%8A%E5%89%8A%E9%99%A4/

記事途中に広告を入れる場合、超重要項目です。

そのままやってるとスマホでアドセンス4つ(h2上、moreタグ、記事下、関連記事下)になってしまうので、1つ(関連記事下)を削除する方法です。わいひらさんに感謝。敬礼!

人気記事一覧を記事本文上部へ挿入

http://calico.xyz/2015/08/04/access-up/

陰ながらストーカー好きなブロガーキャリコさんの所からピックアップ

人気記事一覧を記事本文上部へ挿入しました。始めて2週間経ってないですが、キャリコさんのブログでもご紹介されている通り回遊率が上がっています。

ピスログさんとこみたいにサムネイルも追加したいなぁと思って試行錯誤中。シゲさん教えて下さい!と願いを短冊に・・・書いとけば記事にしてくれるかなぁ。その前に見てくれるかなって話ですねw

終わりに

シンプリシティはそのままで使用しても十分通用するテーマですが、少しの手間でより一層使いやすくなります。

「面倒くさい」と思って今まで何もしなかったのですが、もう少し早目にカスタマイズしとけば良かったなと思う項目ばかりです。もう少し変更加えたいなといった所もあったので、自分なりに勉強してみて変更してみます。

最後に、カスタマイズコードを提供して頂いている各ブロガーのみなさん。初心者でも簡単にできるコードを書いて頂いてありがとうございます。この場を借りてお礼申し上げます。

おしまい

 

著者:たろ

Twitterアカウント(@tarohibi) 妻・娘と仲良く暮らしている30代中盤のイクメンサラリーマン。投資・子育て・書評を中心に書いています。 10年で投資資産1000万・書評年48冊・家計のスリム化を目標に奮闘中…プロフィール詳細はこちら

Twitterフォロー