@kentaro_jpです。
ブログの反省点、改善点が見えて来た。2012年12月のまとめ! | 憲.comここでもお話した通り、直帰率を下げる為にいろいろやってみたのでご紹介です。
Googleカスタム検索を設置
ブログ内の記事を検索する為にGoogle カスタム検索を設置しました。
おかげさまで検索がとても楽になりました。
ここを参考にしましたよ。
ブログ内検索をGoogleカスタム検索にしてみた&広告を消してみた。 | norirow’s Diary
カテゴリを40→18くらいに減らす
よくわからないカテゴリも多かったので減らしました。すっきり。
YARPP関連記事を表示
記事下と、サイドバーに表示。
LinkWithin – Related Posts with Thumbnails
Yet Another Related Posts Plugin for WordPress
設定→関連記事(YARPP)設定→右上の表示オプションで細かい設定が出来ます。
関連記事表示されずらい時は設定をしてみると良いかも。
ここを参考にしましたよ。
[WordPress] 関連記事プラグイン YARPP にサムネイル画像を表示させてみた。 | norirow’s Diary
はてブウィジェットをサイドバーに設置
単純なアクセス数では無く、多く反応を頂いた記事と言う事で表示しています。
ここから設置のコードを取得出来ますよ。
ホーム画面用のアイコンを作成
直帰率は関係ないかもしれませんが、アクセスして頂きやすくするといった目的ですね。
プラグインAll In One Faviconを使用。
Skitch 2.0.3(無料)
カテゴリ: 仕事効率化, グラフィック&デザイン
販売元: Skitch – Skitch Inc(サイズ: 17.6 MB)
全てのバージョンの評価: (209件の評価)
アイコンはSkitchでサクッと作りました。漢字だけなのでw
WPtap Mobile Detectorでモバイル用テーマを別に設定。
WordPress plugin for iPhone, Blackberry, Andriod | WPtapを使用し、モバイルテーマを別のテーマに設定。
レスポンシブルデザインと呼ばれる、PCもモバイルも自動で変換してくれるテーマを使用しています。
僕が現在使用しているテーマ。
Yoko WordPress Theme | Elmastudio
こちらを参考に。
WPtouchをやめてiPhone用にモバイルテーマを個別に設定してみた。WordPressプラグイン「WPtap Mobile Detector」 | norirow’s Diary
WPtouchを卒業!!iPhoneに最適化されたテーマと簡単なカスタマイズ方法など[wordpress] – nori510.com
レスポンシブルデザインはコチラの記事を参考に選びました。
iPhone表示にも対応、レスポンシブWebデザインの無料WordPressテーマ15選(プラグイン付) – Photoshop VIP
見た目は非常によろしいのですが、テーマの編集をする時に現在そのテーマにしないと編集出来ない場所があったりするので、すこし検討が必要かなと思ってます。
これだけ弄くるならローカルインストールも必要かなと。
WordPressをローカルにインストールする | Webクリエイターボックス
メモっておこう。。。
CSSをすこし変更。見出しを改良。
/* — 独自に付け加えた設定 — */
#content h2{
color:#333333 ;
font-size:150%;
font-weight:bold;
border-left:solid 10px #1E90FF;
margin: 40px 0 10px 0px;
padding-left:10px;
}
/* — 独自に付け加えた設定 — */
#content h3{
color: #333333;
font-size:120%;
font-weight:bold;
line-height: 1.5em;
border-left:solid 10px #FF7777;
margin: 0 30px 0 0;
padding-left:10px;
}
/* — 独自に付け加えた設定 — */
#content h4{
color: #333333;
font-size:120%;
font-weight:bold;
line-height: 1.5em;
border-left:solid 5px #7C7 ;
margin: 0 10px 0 0;
line-height: 180%;
padding-left:10px;}
border-left:solid 10px #FF1493 ;
見出しを変更しました。柔らかい色合いで。見やすく。
まだまだ改良か必要ですね。
画像をセンタリングかけました。
昔の記事もこのとおり。
するぷろから投稿する画像が左によっていたのがずっと気になっていたので。
面倒だったのでCSSを修正して記事内の画像をすべてセンタリングさせてみた。 | Oh-Blog
display:block;
margin: 0 auto;
text-align: center;
追加したよ。
まだまだ改善致します。
他の方が行っていることとすこし違うかもですが、試行錯誤して改善を重ねて行きます。
モバイルはもっと改良を重ねなきゃですね。
WordPress WordPress Pluginsをいじくる前に良い準備運動になったと思います。
目的は自作テーマですね!!( ꒪⌓꒪)☆
おわり。見やすくなったかな?@kentaro_jpでした。