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

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

カテゴリー [ 実装済みカスタマイズ ]

ユーザータグナビゲーションの不具合について [2010/02/02]
IEでサイトマップが表示されない不具合について [2009/09/05]
プラグイン各部分の文字配置変数の扱い [2009/09/03]
FC2バトンのデザイン [2009/09/01]
プラグイン説明の入力有無を判定して、表示/非表示を振り分けるフラグ [2009/08/31]
便利ナビ「月別アーカイブ」のページ送りリンク [2009/08/29]
プラグイン内にある入力欄の幅を設定する [2009/08/29]
コメント入力欄の幅設定 [2009/08/28]
親子カテゴリ対応サイトマップのリンクタイトル [2009/08/28]
linkタグ relの設定 [2009/08/26]

ユーザータグナビゲーションの不具合について

当サイト配布の共有テンプレートstandardシリーズにおいて、ユーザータグナビゲーションに不具合がありました。誠に申しわけありません。

対象テンプレートはこの11種類になります。
(lightframeシリーズは問題ありません)

standard_monotone
standard_sepia
standard_blue
standard_skyblue
standard_green
standard_orange
standard_pink
standard_wide_white
standard_wide_black
fullmoon_howling
white_eagle

不具合箇所は下記になります。

～

<li><a href="#entry<%topentry_no>" title="記事の先頭へ"><%topentry_title> [<%topentry_year& gt;/<%topentry_month>/<%topentry_day>]</a></li>

～

赤い部分を次のように修正してください。

<%topentry_year& gt;
↓
<%topentry_year>

この修正は本日(2010/02/02 23:00頃)共有テンプレートに反映させました。
それ以前にダウンロードされた方はお手数ですが上記修正をしてください。

誠に申しわけありませんでした m(__)m

スポンサーサイト

[ 2010/02/02 23:51 ] 修正報告実装済みカスタマイズ | TB(0) | CM(14)

先日(9/4)バージョンアップしたテンプレート（standard_ver.10, lightframe_ver.05）において、IEが対応していないJavaScript (document.getElementsByClassName) を使用したため、IEではサイトマップが正常に表示されない問題がありました。
誠に申しわけありませんm(__)m

この問題を解決するためには、サイトマップのHTMLを親子カテゴリ対応サイトマップ【2009/09/05 追記】のものに入れ替えてください。

テンプレートを修正し、マイナーバージョンアップしました。
standard_ver.10.1
lightframe_ver.05.1

もしまだ不具合があればお知らせください。
誠に申しわけありませんでした m(__)m

[ 2009/09/05 23:10 ] 修正報告実装済みカスタマイズ | TB(0) | CM(2)

プラグイン各部分の文字配置変数の扱い

プラグインのタイトルやコンテンツ等は、環境設定で配置（左寄せ/中央/右寄せ）を制御できます。

以下、管理画面でのプラグイン設定に応じて、left/center/right （左寄せ/中央/右寄せ）のいずれかが代入される変数です。

プラグインのタイトルの文字配置
<%plugin_first_talign>
<%plugin_second_talign>
<%plugin_third_talign>

プラグインのコンテンツの文字配置
<%plugin_first_align>
<%plugin_second_align>
<%plugin_third_align>

プラグインの説明（description,description2）の文字配置
<%plugin_first_ialign>
<%plugin_second_ialign>
<%plugin_third_ialign>

当サイト配布のテンプレートも含めて、多くのFC2テンプレートはこの変数をHTML内でのスタイル設定に使用しています。

例

<div class="plugin3_title" style="text-align:<%plugin_third_talign>">

スタイル設定はできるだけスタイルシートに記述したいという場合は、以下の様にクラス名として使用する方法があります。

HTML編集

<div class="plugin3_title ta_<%plugin_third_talign>">

スタイルシートの末尾に追加

/* プラグインの文字配置 */
.ta_left { text-align: left }
.ta_right { text-align: right }
.ta_center { text-align: center }

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

[ 2009/09/03 19:13 ] 修正報告実装済みカスタマイズ | TB(0) | CM(2)

FC2バトンのデザイン

FC2ブログはFC2バトンという機能を(かなり以前に＾＾；)開始していました。
記事に表示されるFC2バトンのQ&Aのデザインを変える方法を紹介します。

【続きを読む】

[ 2009/09/01 00:47 ] 修正報告実装済みカスタマイズ | TB(0) | CM(0)

プラグイン説明の入力有無を判定して、表示/非表示を振り分けるフラグ

普段はあまり使われることはありませんが、プラグインにはその上と下に説明文を付けることができます。

プラグインの設定→設定[詳細]
プラグイン説明(上部)
プラグイン説明(下部)

プラグインの説明文が何も入力されないと、HTMLに無駄な空タグが生じてしまいました。

この無駄な空タグを、テンプレート変数「プラグイン説明の入力有無を判定して、表示/非表示を振り分けるフラグ」を利用して非表示にする方法を紹介します。

ただこの空タグが悪影響を及ぼすことは無いので無理に修正する必要はありません。

【続きを読む】

【続きを閉じる】

当サイト配布のテンプレートであれば、HTMLの下記箇所に次の赤い記述を加えてください。

【standardシリーズの場合】

～





<div class="menu_title" style="text-align:<%plugin_first_talign>"><%plugin_first_title></div>
<table width="100%" summary="plugin1"><tr><td class="menu_cont">



<div style="margin: 10px 0; text-align:<%plugin_first_ialign>">
<%plugin_first_description></div>



<div style="margin: 10px 0; text-align:<%plugin_first_align>">
<%plugin_first_content>
</div>



<div style="margin: 10px 0; text-align:<%plugin_first_ialign>">
<%plugin_first_description2></div>



</td></tr></table>
<hr class="left_width" />





～






<div class="menu_title3" style="text-align:<%plugin_third_talign>"><%plugin_third_title></div>
<div class="menu_cont3">



<div style="margin: 10px 0; text-align:<%plugin_third_ialign>">
<%plugin_third_description></div>



<div style="margin: 10px 0; text-align:<%plugin_third_align>">
<%plugin_third_content>
</div>



<div style="margin: 10px 0; text-align:<%plugin_third_ialign>">
<%plugin_third_description2></div>



</div>

<br />





～





<div class="menu_title" style="text-align:<%plugin_second_talign>"><%plugin_second_title></div>
<table width="100%" summary="plugin2"><tr><td class="menu_cont">



<div style="margin: 10px 0; text-align:<%plugin_second_ialign>">
<%plugin_second_description></div>



<div style="margin: 10px 0; text-align:<%plugin_second_align>">
<%plugin_second_content>
</div>



<div style="margin: 10px 0; text-align:<%plugin_second_ialign>">
<%plugin_second_description2></div>



</td></tr></table>
<hr class="right_width" />





～

【lightframeシリーズの場合】

～





<div class="plugin3_outline">
<div class="plugin3_title" style="text-align:<%plugin_third_talign>">
<%plugin_third_title></div>
<div class="plugin3_body">



<div style="text-align:<%plugin_third_ialign>; margin:1px 1px;">
<%plugin_third_description></div>



<div style="text-align:<%plugin_third_align>">
<%plugin_third_content></div>



<div style="text-align:<%plugin_third_ialign>; margin:1px 1px;">
<%plugin_third_description2></div>



</div>
</div>





～




<div class="plugin1_outline">
<div class="plugin1_title" style="text-align:<%plugin_first_talign>"><%plugin_first_title></div>
<div class="plugin1_body" style="text-align:<%plugin_first_align>">



<div style="text-align:<%plugin_first_ialign>; margin:1px 5px;"><%plugin_first_description></div>



<%plugin_first_content>



<div style="text-align:<%plugin_first_ialign>; margin:1px 5px;"><%plugin_first_description2></div>



</div>
</div>




～




<div class="plugin2_outline">
<div class="plugin2_title" style="text-align:<%plugin_second_talign>"><%plugin_second_title></div>
<div class="plugin2_body" style="text-align:<%plugin_second_align>">



<div style="text-align:<%plugin_second_ialign>; margin:1px 5px;"><%plugin_second_description></div>



<%plugin_second_content>



<div style="text-align:<%plugin_second_ialign>; margin:1px 5px;"><%plugin_second_description2></div>



</div>
</div>




～

これで無駄な空タグを出力しなくて済みます。

[ 2009/08/31 22:40 ] 修正報告実装済みカスタマイズ | TB(0) | CM(2)

便利ナビ「月別アーカイブ」のページ送りリンク

設定できる「月別アーカイブ」の表示件数は、最大で30件です。
環境設定の変更→ブログの設定[記事の設定]→記事(月別)

しかし「月別アーカイブ」の便利ナビ末尾に表示されるページ送りリンクは、前月や翌月へのリンクはあっても、その月の31件目から先を表示するリンクはありませんでした。

月に30件以上記事を掲載する方にとっては不十分なページ送りリンクでした。
申しわけありません。m(__)m

この問題を解決するために、HTMLに次の記述の赤い箇所を加えてください。

【続きを読む】

[ 2009/08/29 22:13 ] 修正報告実装済みカスタマイズ | TB(0) | CM(2)

プラグイン内にある入力欄の幅を設定する

公式プラグイン「メールフォーム」は、そのHTML内で入力欄の幅が90%と設定されています。
しかし公式プラグイン「検索フォーム」の入力欄等は幅が設定されていません。

これら入力欄の幅が設定されていない公式、共有プラグインを実装したときに、IEでは収まっているのにFirefoxでは枠から飛び出している等、ブラウザにより違う幅が表示されてしまいます。

この問題を解決するためには、プラグインを囲っているクラスのinput,textareaに対して、スタイルシートで幅を設定します。

【続きを読む】

[ 2009/08/29 17:32 ] 修正報告実装済みカスタマイズ | TB(1) | CM(3)

コメント入力欄の幅設定

コメント等のテキスト入力欄の幅は、設定しなければブラウザによって少し違う幅が表示されてしまいます。

当サイト配布のテンプレートはこの幅を設定していなかったために、ブラウザにより少し差異が生じてしまいました。
申しわけありません m(__)m

これらの幅を設定するには、以下をスタイルシートの末尾に加えてください。

/* コメント諸項目（名前、URL等）の入力欄の幅 */
#subject,
#name,
#mail,
#url {
width: 50%;
}

/* コメント本文の入力欄の幅 */
#comment {
width: 95%;
}

/* コメントパスワード入力欄の幅 */
#pass {
width: 30%;
}

各数値はお好みに合わせて設定してください。

この設定は、公式、共有に関わらず、どのテンプレートでも有効になると思います。

[ 2009/08/28 21:33 ] 修正報告実装済みカスタマイズ | TB(0) | CM(7)

親子カテゴリ対応サイトマップのリンクタイトル

リンクタイトルはマウスカーソルをリンクに乗せたときに表示されます。

当サイト配布のテンプレート(standard_ver.09,lightframe_ver.04 以降)であれば、次の赤い箇所がリンクタイトルに相当します。

～

<div class="display_no">
<ul>

<li Name="<%titlelist_category_no>" ID="<%titlelist_category_no>">
<a href="<%titlelist_url>" title="<%titlelist_body>"><%titlelist_title></a>
-　<%titlelist_year>.<%titlelist_month>.<%titlelist_day>
</li>

</ul>
</div>

～

この <%titlelist_body> は、本文冒頭(約20文字)しか表示しません。リンク先に移動せずに内容がある程度解るのなら良いのですが、20文字前後だと少し不十分です。

より記事タイトルをSEOのキーワードとして強調したければ、記事タイトルと同じリンクタイトルにしたほうが良いかもしれません。

記事と同じリンクタイトルにする場合は<%titlelist_body>を<%titlelist_title>に入れ替えてください。

[ 2009/08/28 00:10 ] 修正報告実装済みカスタマイズ | TB(0) | CM(2)

linkタグ relの設定

linkタグのrelとは現在のページからみた別のページとの関係を設定するために使われるタグです。

当サイト配布のテンプレートであれば<head></head>内に次のような箇所があります。

<link rel="stylesheet" type="text/css" href="<%css_link>" media="screen,tv" title="default" />
<link rel="alternate" type="application/rss+xml" href="<%url>?xml" title="rss" />
<link rel="top" href="<%url>" title="トップ" />
<link rel="start" href="<%url>" title="最初の記事" />
<link rel="prev" href="<%preventry_url>" title="<%preventry_title>" />
<link rel="next" href="<%nextentry_url>" title="<%nextentry_title>" />

個別記事の前後関係は設定していましたが、その他（カテゴリや日付等）のページの前後関係は設定していませんでした。

もしこのタグが検索エンジンのクロールやインデックスに効果があるとすれば、さらに以下のタグを加えると良いかもしれません。

<link rel="prev" href="<%prevpage_url>" title="前のページ" />
<link rel="next" href="<%nextpage_url>" title="次のページ" />
<link rel="index" href="<%url>archives.html" title="サイトマップ" />

効果があるかどうか解りませんが、これで少しでも検索エンジンのインデックスがスムーズになると良いですね。

【2009/08/27 追記】
一部スラッシュ「/」が抜けていたので追加しました。
ちゃんさんご指摘ありがとうございました m(__)m

また、全記事一覧は「索引」でも「目次」でもあると思うので
<link rel="index" href="<%url>archives.html" title="サイトマップ" /> を
<link rel="contents" href="<%url>archives.html" title="サイトマップ" />
としても問題ないと思います。

ちなみにFC2の公式テンプレートは「index」を使っていましたが、三大検索エンジン(Google, Yahoo, MSN)のトップページはこのどちらも使っていませんでした。あまりこのタグの効果を期待しないほうが良さそうです＾＾；

[ 2009/08/26 23:15 ] 修正報告実装済みカスタマイズ | TB(0) | CM(5)

| HOME | 次ページ ≫

ブログ内検索1

サイトマップ

カテゴリ別全記事一覧表示

カテゴリ