凹レンズログ

くりかえす生活の雑感。まとまらぬままに。

はてなブログPROで、ヘッダーに固定ページへのリンクをWordPress風に並べる方法

WordPressから、はてなブログPROへ引っ越して不便に感じていたことに、固定ページの表示方法があります。

はてなブログPROは、カテゴリーをヘッダーに並べるテンプレートは沢山ありますが、固定ページをヘッダーに対応しているデザインテンプレートを私は見つけることができませんでした。

そこで、まず人力検索で質問。

q.hatena.ne.jp

そうすると、ヘッダーのHTMLを直接いじるしかないようです。検索して、HPを参考にしながらコードを書いて、実装してみました。

作成したリンク

自薦エントリ 理想の生活 くりかえし

コード

 まずは、CSSです。class名はkoteiとしました。

続いて、ヘッダーのHTMLの例です。

 

<a class="kotei" href="固定ページのURL">ページタイトル</a>

という形で入力していただければ、利用できます。ぜひ参考にしてみてください。

参考HP