PC Bibo 6

Wordpress の単一記事ページに、以下のようなパンくずリストを設置する方法。たとえば、カテゴリが階層構造になっている場合に、以下のようなパンくずリストを表示する方法です。

パンくずリストを挿入するには、パンくずリストを挿入したい位置に以下のコードを挿入します。

クラス名には、もちろん breadcrums 以外の名前を付けてもかまいません。パンくずリストは、スタイルシートでたとえば以下のようにスタイルを指定して、好みのスタイルにすることができます。

Wordpress の単一記事ページに前の記事と次の記事へのリンクがない場合は、「単一記事の投稿」テンプレートの任意の個所に以下のタグを挿入すると、前後のページへのリンクを表示することができます。

前の記事へのリンクのタグ: <?php previous_post_link(); ?>

次の記事へのリンクにタグ: <?php next_post_link(); ?>

たとえば、

<< 前の記事のタイトル | Top ページ | 次の記事のタイトル >>

と表示したい場合は、

<?php previous_post_link(); ?> | <a href="トップページの URL">Top ページ</a> | <?php next_post_link(); ?>

とします。

落ち着いた感じのホームページやブログに最適なシックな背景画像を配布しているサイト。

1. Subtle Patterns

名前のとおり、微妙で繊細なパターンの背景画像が多数入手できる。

2. 素材の庭園

和風のシックな背景画像を多数提供。和風のサイトに最適。

バナータイトルに画像を使用する方法。

スタイルシートと HTML を自由に編集できるブログ(Seessa ブログやさくらのブログなど)であれば、この方法はブログにも適用できます。バナータイトルに画像を利用すると、バナー部分にはおしゃれで簡潔なサイトタイトルを表示しながら、実際のブログ名にはキーワードを盛り込んだちょっと長めのタイトルをつけることができます。

一般的なブログでは、ブログタイトルがそのまま h1（最高レベルの見出し）として使われるため、できるだけキーワードを盛り込んだタイトルをつけたほうが SEO 的には有利になると思います。だからと言って、「PC 備忘録: ブログのカスタマイズや便利なサイトやツールに関する情報」といった長ったらしい名前も付けたくありません。

しかし、タイトルに画像を使うことによって、このようなキーワードを盛り込んだ名前を付けながら、表示されるタイトルは「PC Bibo 6」のように短く簡潔にすることができます。

バナータイトルに画像を使用したページのサンプルはこちらです。このサンプルではタイトルに、「ロゴ（バナー）を作成できるサイト」で作成した画像を使用しています。

スタイルシートと HTML の記述例については、「バナーのタイトルに画像を使ったページの HTML とスタイルシート」を参照してください。

ブログによって記述方法は多少異なると思いますが、ブログに応じて該当箇所を編集してください。

サイト全体ではなく、その場かぎりで使用する水平線のスタイルを指定する方法。

水平線は以下のように指定します。

color には水平線の色、height には水平線の太さ（高さ）、width には水平線の幅、border-style には水平線のタイプを指定します。

boarder-style には、以下のスタイルを指定できます。

dotted: 点線
dashed: 破線
solid: 実線（1 本線）
double: 実線（二重線）

width は% や px で指定します（100%、450px など）。

例 1: 赤色（#cc0000）、高さ 1px、幅 450px の点線の水平線

<hr style="color:#cc0000;height:1px;width:450px;border-style:dotted;">

例2: 青色（#89aaad）、高さ 2px、幅 450px の実線（1 本）の水平線

<hr style="color:#89aaad;height:2px;width:450px;border-style:solid;">

共通で使用する水平線はスタイルシートで指定します。例 2 の場合は以下のように指定。