冒頭、『ブログネーム』、そしてブログの説明文+ページの説明がこのブログのヘッダ部分に入っている。
FC2ブログの共有テンプレートgreen-flaの記載は↓
<div class="header-bg"> <div class="title"> <h1><a accesskey="0" href="<%url>"><%blog_name></a></h1> </div> |
さて、この冒頭部分、『ページ名(タイトル・タグ名・カテゴリ名)+ブログネーム』に変えてみようか・・・。
冒頭部分のブログネームを『ページタイトル(タイトル・タグ・カテゴリ名)+ブログネーム』に変更する。
1、FC2ブログのテンプレート変数の説明
<%blog_name>は、ブログネーム。
このブログなら、『使える無料ソフト&無料サービス』になる。
<%url>はブログURL。
<a href="<%url>"><%blog_name></a>で、『使える無料ソフト&無料サービス』のトップページへのリンクになる。
<h1></h1>は見出しのタグ。
見出しの中で、一番重要なものをさしている。
2、『ページ名(タイトル・タグ名・カテゴリ名)』を表示する変数
<%sub_title>が『ページ名(タイトル・タグ名・カテゴリ名)』を表示する変数。
3、ブログネームを『ページタイトル(タイトル・タグ・カテゴリ名)+ブログネーム』に変更したHTML
<div class="header-bg"> <div class="title"> <h1><%sub_title>|<%blog_name></h1> </div> |
4、トップページへのリンクを付け加える
上のHTMLの記載だと、トップページへのリンクが消えてしまう。
なので、トップページへのリンクを付け加えよう。
付け加える場所は、<div class="description">から<%introduction></div>の後。
付け加えるHTMLと変数は<a accesskey="0" href="<%url>"><%blog_name>トップページに戻る</a>。
ついでに左寄せにします。
<p align="right"><a accesskey="0" href="<%url>"><%blog_name>トップページに戻る</a></p> |
ブログの冒頭部分の行間などを変える場合は、スタイルシートの『.header-bg{』以下をカスタマイズする。
*ブログによって違うので、ご注意。
で、このHTMLだと、全記事リスト・インデックスページでは、どちらも『|ブログネーム』の表示になる。
|は邪魔だし、全記事リストとインデックスページが同じ表題ってのも面白くない。
全記事リストでは、全記事リストの表題を出して、かつ|を表示しない場合、FC2ブログエリア変数を使って表示を調整します。
コメント