最近の投稿5件をフッターに表示
フッターにアイキャッチ画像をだしてみました。どのページにも表示されるサムネイルで最新エントリ5件を見ることができます。画像のサイズは管理画面と表示される側と分けることができます。正方形に画像の一部を切り取ることもできますが、ここでは同じ比率で縮小しています。
カテゴリー : チップス
フッターにアイキャッチ画像をだしてみました。どのページにも表示されるサムネイルで最新エントリ5件を見ることができます。画像のサイズは管理画面と表示される側と分けることができます。正方形に画像の一部を切り取ることもできますが、ここでは同じ比率で縮小しています。
カテゴリー : チップス
Firefox のクリック時にでるリンクカラーの点線が気になっていましたが a タグに以下の2行を入れて消してみました。(Firefox 3.6で確認)
a {
overflow: hidden;
outline: none;
}
カテゴリー : チップス
current_page_item にCSS でハイライト画像を入れる方法で、IE6 が反映されない(複数の class を並べて使えない)ので jQuery で表示してみました。WordPress には jQuery のライブラリが標準で入っているので、js ファイルに必要なコードだけ書いてCSSファイルと同じ位置に置きます。 これで IE6 のメニューもそろいました。
カテゴリー : チップス
このページに使っているちょっとしたチップスを少しずつ書いていこうと思います。
現在のページのメニュー画像をハイライトさせる方法ですが、ヘッダーには、wp_list_pages(‘title_li=’) が入れてあります。wp_list_pages() をページ表示時に呼び出すと、そのページを指すリストアイテムには current_page_item というクラスが追加されますので、 それを利用してCSS セレクタでデザインします。
ページ ID は、管理画面のページ項目にオンマスすると確認できますが、ローカルのテスト環境で使う場合は、IDが変わるので注意が必要です。(確認ブラウザ:Firefox3 / IE8)
カテゴリー : チップス