FC2ブログのテンプレート工房

カスタマイズが簡単な共有テンプレートを配布しています。テンプレートをカスタマイズして自分だけのオリジナルブログを作りませんか?

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
[ --/--/-- --:-- ] スポンサー広告 | TB(-) | CM(-)

metaタグ descriptionの設定

metaタグのdescriptionとは、そのページの要約を紹介するところです。

かつてスパムとして利用されたために今では検索エンジンの上位表示効果は無いと言われていますが、ここに設定された記述は検索結果の説明文として表示されることが多くなります。

当サイト配布のテンプレートであれば、次のような箇所があります。

<head>

<meta name="description" content="<%introduction>" />

</head>


<%introduction>には、環境設定にあるユーザー情報の設定「ブログの説明」があてはまります。
これは全てのページのdescriptionに「ブログの説明」を設定した状態です。

今までこのタグの扱いを重要視していませんでしたが、Googleウェブマスターツールによるサイト診断では「重複するメタデータ(descriptions)」があると警告が出てしまいました。

descriptionを設定しなくても検索結果にはキーワード周辺の文章が表示されるので、この設定を削除したほうが良さそうです。

全てのページで同じdescriptionは良くないが、トップページだけ設定したいという方は以下のようにしてください。

<!--index_area--><meta name="description" content="<%introduction>" /><!--/index_area-->



【2009/09/06 追記】この記事の修正はlightframeシリーズのver.05以降、standardシリーズのver.10以降には実装済みです。各バージョン情報はHTMLかCSSの最下部に記されています。

親カテゴリの表示

当サイト配布のテンプレートは、記事下部に日付やカテゴリ等が表示されます。
しかし、表示されるカテゴリは子カテゴリのみでした。

カテゴリを親子関係にしている場合、親と子、両方のカテゴリを表示するカスタマイズを紹介します。

コメントを受け付けない設定にすると、ページナビゲーションがダブる問題

当サイト配布のテンプレート「lightframeシリーズ」において、コメントを受け付けない設定にすると、ページナビゲーションが次のように同じ場所に2つも表示されてしまいました。

≪前の記事 | HOME | 次の記事≫
≪前の記事 | HOME | 次の記事≫

誠に申しわけありません m(__)m
この問題を解決するため、HTMLを下記のように修正してください。
青い箇所を切り離し、それを赤い箇所に貼付けてください。


<!--/topentry-->
<!--▲ エントリー(記事)▲-->

<!--▼コメント表示▼-->
<!--comment_area-->


<!--permanent_area-->
<!--▼ページナビゲーション(個別記事)▼-->

<!--▲ページナビゲーション(個別記事)▲-->
<!--/permanent_area-->

<!--▼コメント表示▼-->
<!--comment_area-->

<a name="comment_list" id="comment_list" ></a>


これでコメントを受け付けない設定にした記事のページナビゲーションがタブらずに表示されます。
誠に申しわけありませんでした m(__)m

【2009/09/06 追記】この記事の修正はlightframeシリーズのver.05以降には実装済みです。

white_eagle,fullmoon_howlingにて、背景画像の下が欠けてしまう問題

white_eagle, fullmoon_howling の ver.09 にて、IEだとタイトル背景画像(満月狼と鷹)の下が欠けていました。
申しわけありません m(__)m

この問題を修正するためには、スタイルシートの末尾に以下を加えてください。

#header {
height:100px; /* 背景画像の高さ確保 */
}


この修正は 2009年7月30日 ver.09.1 として共有テンプレートに反映させました。

コメントタイトルにマウスを乗せると色が変わってしまう問題

当サイトで公開している共有テンプレートには、コメントタイトルにマウスを乗せると色が変わってしまう問題がありました。
申しわけありません m(__)m

これはコメントタイトルをリンクのアンカー先としてaタグで囲っていたのが原因です。
それぞれのテンプレートについて、HTMLを下記のように修正してください。

【standardシリーズの場合】



<!--▼コメント表示▼-->
<!--comment_area-->
<a name="comment_list" id="comment_list"></a><br />
<div class="article">
<!--comment-->
<p id="comment<%comment_no>"><strong><a name="comment<%comment_no>" id="comment<%comment_no>"><%comment_title></a></strong></p>



<!--▼トラックバック表示▼-->
<!--trackback_area-->
<div class="article">
<p id="trackback"><a name="trackback" id="trackback">トラックバック</a></p>
<p>この記事のトラックバックURL<br />
<a href="<%trackback_url>"><%trackback_url></a>
</p><br />
<!--trackback-->
<p id="trackback<%tb_no>"><strong><a id="trackback<%tb_no>" name="trackback<%tb_no>" target="_blank"><%tb_title></a></strong></p>



<!--▼サイトマップ▼-->
<!--titlelist_area-->
<div class="menu_outline3">
<div class="menu_title3" id="mapnavi_title"><a name="mapnavi_title">サイトマップ</a></div>
<div class="menu_cont3">



【lightframeシリーズの場合】



<!--▼コメント表示▼-->
<!--comment_area-->
<a name="comment_list" id="comment_list" ></a>
<!--comment-->
<div class="comment_outline">
<div class="comment_title" id="comment<%comment_no>"><a name="comment<%comment_no>" id="comment<%comment_no>"><%comment_title></a></div>



<!--▼トラックバック表示▼-->
<!--trackback_area-->
<div class="trackback_outline">
<div class="trackback_block_title" id="trackback"><a name="trackback" id="trackback">トラックバック</a></div>
<div class="trackback_block_body">
この記事のトラックバックURL<br />
<a href="<%trackback_url>"><%trackback_url></a><br /><br />
<!--trackback-->
<div class="trackback_title" id="trackback<%tb_no>"><a id="trackback<%tb_no>" name="trackback<%tb_no>" target="_blank"><%tb_title></a></div>



<!--▼サイトマップ▼-->
<!--titlelist_area-->
<div class="plugin3_outline">
<div class="plugin3_title" id="mapnavi_title"><a name="mapnavi_title">サイトマップ</a></div>
<div class="plugin3_body">



【2009/09/02 追記】上記の記事内容を修正しました。以前の内容は以下になります。
【standardシリーズの場合】

<!--▼コメント表示▼-->

<p><strong><a name="comment<%comment_no>" id="comment<%comment_no>"><%comment_title></a></strong></p>


<!--▼コメント表示▼-->

<a name="comment<%comment_no>" id="comment<%comment_no>"></a>
<p><strong><%comment_title></strong></p>



【lightframeシリーズの場合】

<!--▼コメント表示▼-->

<div class="comment_title"><a name="comment<%comment_no>" id="comment<%comment_no>"><%comment_title></a></div>


<!--▼コメント表示▼-->

<a name="comment<%comment_no>" id="comment<%comment_no>"></a>
<div class="comment_title"><%comment_title></div>



【2009/09/06 追記】この記事の修正はlightframeシリーズのver.05以降、standardシリーズのver.10以降には実装済みです。各バージョン情報はHTMLかCSSの最下部に記されています。

standardシリーズの左右カラムの罫線

当サイトが公開している共有テンプレート standardシリーズにおいて、左右カラムの背景色を変えると各プラグインの下に罫線が表示されてしまうことがありました。

この問題を解決するためには、スタイルシートの末尾に以下を加えてください。

.right_width {
visibility: hidden;
}
.left_width {
visibility: hidden;
}


この修正は次のバージョンアップ (Ver.09) に反映させる予定です。

【2009/07/22 追記】
このカスタマイズは 2009年07月22日以降にダウンロードされたテンプレート(standardならver.09)では実装されています。バージョンはHTMLかCSSの一番下を見ると確認できます。

FC2ブックマークボタン / ブログ拍手の表示位置

環境設定で変更できるFC2ブックマークボタンとブログ拍手の表示位置は非常に限られています。

FC2ブックマークボタン / ブログ拍手|FC2ブログ公式マニュアル


完全に意図する位置に表示するには、タグを直接HTMLに挿入する方法が有効です。

キイタ?オクサン アラヤダワァを運営するちゃんさんが、それぞれのタグを紹介してくれています。

上記サイトが閉鎖されたため、記事を転載しました。
FC2ブログ拍手の位置を変更
FC2ブックマークの位置を変更


上記方法でタグを挿入するほどではないけど上下の余白だけ調節したいという方は、スタイルシートの末尾に以下を加えてください。

/* ブックマーク 拍手 */
.fc2_footer {
margin-top:20px; /* 上の余白 */
margin-bottom:5px; /* 下の余白 */
}


数値はお好みに合わせて設定してください。
ただし記事末尾の間隔調整等、他のカスタマイズやテンプレートによって設定値以上の余白ができることがあります。

【2009/07/22 追記】
このカスタマイズは 2009年07月22日以降にダウンロードされたテンプレート(standardならver.09、lightframeならver.04)では実装されています。バージョンはHTMLかCSSの一番下を見ると確認できます。

不要なHTMLを読み込ませない

【2009/07/16 追記】
記事文中に追記があります。以前のこの記事の修正をされた方は、追記の修正にやり直してください。誠に申しわけありません m(__)m


当サイトが公開している共有テンプレートにおいて、見た目はわかりませんが、個別記事ページに不要なHTMLがありました。

追記部分のHTMLが重複していました。一方は非表示に設定されているので見た目こそわかりませんが、HTML上に存在するので読み込みに時間がかかったり、その他よくない影響がでる可能性があります。

誠に申しわけありませんでした m(__)m
この不要なHTMLを読み込ませないようにする方法を紹介します。

copyrightの自動更新

copyright とは「ここに書かれていることを勝手にコピーして利用しないでください」という著作権表記で、だいたいページの一番下に表示されています。

この copyright の後に続く年表示を、FC2ブログの変数を使って自動的に更新する方法を紹介します。

HTMLを編集します。
年表示させたい箇所を<%now_year>とします。

<!--▼▼ フッター ▼▼-->

copyright &copy; 2006 <%now_year> <%blog_name> all rights reserved.<br />

<!--▲▲ フッター ▲▲-->


これで copyright に常に最新の年が表示されます。

【2009/07/22 追記】
このカスタマイズは 2009年07月22日以降にダウンロードされたテンプレート(standardならver.09、lightframeならver.04)では実装されています。
バージョンはHTMLかCSSの一番下を見ると確認できます。

fullmoon_howling, white_eagle, standard_wide_white の不具合

IE7以上だと中央カラムの枠が右カラムの枠と重なってしまうという不具合がありました。誠に申しわけありません。

不具合があったテンプレートは次の3つです。
fullmoon_howling
white_eagle
standard_wide_white

以下この不具合の修正方法です。
ブログ内検索1
プロフィール

いたお

Author:いたお
更新は非常にマイペースです
現在休止中です

当サイトはリンクフリーです。

いたおの他の運営サイト
カレンダー
09 | 2017/10 | 11
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31 - - - -
なんでもスクロール
このように
縦に長く伸びた
プラグインを
スクロールバーによって
一定の長さに
抑えることが
出来ます。

※スクロールさせる文字やプラグインのHTMLをここに
今日の日付入りカレンダー

09 | 2017/10 | 11
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31 - - - -
ユーザータグ


△ ページトップへ戻る
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。