今月(2012年4月)サイト内でカスタマイズした箇所をまとめたエントリです
- Tag Archives (タグアーカイブ)のタイトルの表示形式を変更
- はてな ふるふるブックマーク機能を削除
- WordPress の404ページにもGoogle のリンクヘルプ導入
- FancyBox ライブラリをヴァージョン 2.x系に変更
- サイト内検索がサイドバーメニューで上位に表示されるように変更した
- Googleカスタム検索ページのカスタマイズ
- Disqus コメントのpadding がなくなっていたのを修正
Tag Archives テンプレートにおいては、
- Tag Archives : タグネーム « ブログ名
という形式でしたが以下のように階層に変更
- タグネーム « Tag Archives « ブログ名
WordPressのテーマには、今使っているテーマだと、ランダムリンクとタグ一覧がでるようになっていますが、Google検索のヒントから探すことも出来るように設置してみました。
404 ページのカスタマイズ - ウェブマスター ツール ヘルプ
設置はテーマ編集で404テンプレートを編集(当該テンプレートファイルに対して一時的にパーミッションを書込み可能にしておく必要があります)。上のリンク先にスニペットがでるのでブログトップURLをいれればOK
利用中のFancyBoxのヴァージョンを2に移行しました
FancyBox(ヴァージョン2以降) は 以下から
設置方法は説明ページにあるとおり。
ダウンロードファイルを任意のスクリプト用のディレクトリにアップロード
jQury 1.7.x を読み込む
jquery.fancybox.css、jquery.fancybox.pack.js をそれぞれ読み込む。
折角なので、Thumbnail Helper という機能も使ってみる事にしました。
Optionally add button and/or thumbnail helpers というコメント以下のコードで、今回はthumbnail helpers のほうだけ使用することにしたので、jquery.fancybox-thumbs.cssとjquery.fancybox-thumbs.js を読み込むようにしました。
Thumbnail Helpers を使う場合は、特定のclassを割り当て、jQueryのコードをThumbnail Helpers対応のコードを読み込む必要があります。
この機能は、モーダル表示中に下部にサムネイル画像が表示されてそのサムネイルをクリックすることでも画像を表示させることができるというものです(このエントリにて動作を確認できます)。
そして記事毎で「使う」・「使わない」を選択しておきたいので、MTIFタグによる振り分けを行うことにしました。
条件分岐が以前のものより複雑になるため、fancybox用のモジュールを新たに新設して、モジュール内で分岐処理した後にinclude で取り込むという形であります。
Googleカスタム検索では、テーマを「シャイニー」から「デフォルト スタイル」(Google検索結果風)へと変更。ラベルによる絞り込み機能も追加してみました。これらは、管理画面からの操作で可能です。テーマ変更後は新たにコード取得しなおして検索ページを編集し更新する必要があります。
Disqus コメントの端のの余白が無い状態は以下を追加で対処しました。
.comments-open-content { padding:2.5em; }
今月のカスタマイズは以上です。以下に過去のカスタマイズ記録リストがあります