記事内に広告が含まれています。

ブログの表題を『ページタイトル・タグ・カテゴリ名+ブログネーム』に変更する

ウェブサイト・ブログ作成
この記事は約3分で読めます。

 冒頭、『ブログネーム』、そしてブログの説明文+ページの説明がこのブログのヘッダ部分に入っている。

 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ブログエリア変数を使って表示を調整します。

コメント

タイトルとURLをコピーしました