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

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

スポンサーサイト

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

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

当サイト配布の共有テンプレート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

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

<!--▼ユーザータグナビゲーション▼-->

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

<!--▲ユーザータグナビゲーション▲-->


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

<%topentry_year& gt;

<%topentry_year>


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

誠に申しわけありませんでした m(__)m
スポンサーサイト

IEでサイトマップが表示されない不具合について

先日(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

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

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

以下、管理画面でのプラグイン設定に応じて、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の最下部に記されています。

FC2バトンのデザイン

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

コメント入力欄の幅設定

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

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

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

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

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

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



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

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

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

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

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

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

<!--▼サイトマップ▼-->


<div class="display_no">
<ul>
<!--titlelist-->
<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>
<!--/titlelist-->
</ul>
</div>


<!--▲サイトマップ▲-->


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

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

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

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

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="最初の記事" />
<!--preventry--><link rel="prev" href="<%preventry_url>" title="<%preventry_title>" /><!--/preventry-->
<!--nextentry--><link rel="next" href="<%nextentry_url>" title="<%nextentry_title>" /><!--/nextentry-->


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

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

<!--prevpage--><link rel="prev" href="<%prevpage_url>" title="前のページ" /><!--/prevpage-->
<!--nextpage--><link rel="next" href="<%nextpage_url>" title="次のページ" /><!--/nextpage-->
<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/09/06 追記】この記事の修正はlightframeシリーズのver.05以降、standardシリーズのver.10以降には実装済みです。各バージョン情報はHTMLかCSSの最下部に記されています。

ブログ内検索1
プロフィール

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

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

いたおの他の運営サイト
カレンダー
11 | 2016/12 | 01
- - - - 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をここに
今日の日付入りカレンダー

11 | 2016/12 | 01
- - - - 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ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。