Category Archives: カスタマイズ

Custom Smiliesを入れてるとHTMLがValidにならない

Not-Valid

HTML と CSS の文法チェックをおこない、トップとページ、カテゴリ、アーカイブ、タグはなんとか Valid になったが、シングルページでつまずいた。

原因は記事本文やコメント欄で絵文字(スマイル)を使えるようにするプラグイン Custom Smilies 。 Another HTML-lint gateway さんでチェックをおこなうと、 「89個のエラーがありました。このHTMLは 45点です。」 となる。

問題箇所は以下のようなもの。

続きを読む

3階層以上のドロップダウンメニューを表示するjQueryプラグインdroppy

当ブログのメニューは3階層以上のプルダウンメニューを表示することができる jQuery のプラグイン droppy を使ってます。 ナビゲーションにマウスオーバーすると下の階層が 「ニュ!」 と飛び出してくる、なかなか楽しい jQuery プラグインです。

尚、当ブログで使用した droppy は配布サイトからダウンロードしたオリジナルですが、 CSS は後述するサイト様からまるごと拝借したものです。 IE6 と IE7 のハックが施されたもので、透過しないものになります。

続きを読む

WordPressの「続きを読む」でジャンプ先が記事先頭になるようカスタマイズ

WordPress で 「続きを読む」 (当ブログは画像で Read More)を表示させる場合は投稿画面で以下のタグを挿入します。

<!--more-->

デフォルトでは、 「続きを読む」 をクリックすると投稿の < –more–> タグが設定された場所へジャンプします。 これを記事の先頭にジャンプさせる場合は functions.php に以下の記述を書き込みます。

続きを読む

WordPressでFavicon(ファビコン)を表示するカスタマイズ

WordPressでFavicon(ファビコン)を表示するカスタマイズ

サイト名の前に表示される画像を Favicon(ファビコン)といいますが、独自ドメインで運営しているサイトは大概設置してますね。 ヘッダ画像とこの Favicon はある意味サイトの顔みたいなものなので、当ブログにも早速設置してみました。

Favicon Manager WordPress Plugin という Favicon を設置できるプラグインもあるようですが、なるだけプラグインは少なくしたいので、今回はタグ記入だけで表示するようカスタマイズ。

続きを読む

WordPressのパンくずリストをプラグインを使わずカスタマイズ

Webサイトでは現在開いているページの位置を閲覧者に把握してもらうパンくずリストがあります。 ユーザビリティ、アクセシビリティを考えるとこの機能があるほうが良いので、実際多くのサイトで導入されてますね。

WordPress の Breadcrumb Navigation XT はパンくずリストを簡単に表示できる定番のプラグインで、私も他の WordPress サイトでは使ってます。

しかし今回は Breadcrumb Navigation XT を使わずにパンくずリストを表示する方法にチャレンジ。 と、いっても参考サイトからソースをコピーして functions.php に張り付け、ちょこっと CSS を装飾しただけですけど。

続きを読む