ありのごとくあつまりて共有テンプレート ari_seoシリーズ更新履歴 と 月別アーカイブ用ナビゲーションメニューのサンプル など。

 
最新版プレビュー → ari_seo1 / ari_seo2L / ari_seo2M

ソースは該当箇所を書き換えれば大丈夫なようにしていますが、よくわからない部分があれば、サポート窓口 にコメントを残してください。 また、初めて利用する方は # ReadMe # からお読みください。

共有テンプレート ari_seoシリーズ の主な更新履歴

※この背景部分の ソースは ここ(Web上) で直接編集できます。 (IE,Firefox,Opera,Google Chrome 等 対応)
元の状態に戻すには 「デフォルトに戻す」 ボタンを押すか、ブラウザの更新を押してください。

2010/06/12続きを表示する で使っているスクリプトを よりシンプルなもの に変更

  • 基本的な動きは 以前と同じものです。 これまでのものでも問題ないので、参考まで。
<head>
(中略)
<!--not_index_area--><!--not_permanent_area--><!--not_titlelist_area--><!--not_edit_area-->
<script type="text/javascript" src="http://blog-imgs-35.fc2.com/a/r/i/arinogotokuatumarite/t_more_v2.js"></script>
<!--/not_edit_area--><!--/not_titlelist_area--><!--/not_permanent_area--><!--/not_index_area-->



<!--more_link-->
<div id="ReadOpen<%topentry_no>" class="readmore"><a href="<%topentry_link>" title="記事の続きを展開します" onclick="showRead(<%topentry_no>); return false;">【 ↓ 続きを表示する ↓ 】</a></div>
<div id="ReadClose<%topentry_no>" style="display:none"><div class="readclose"><a href="#" title="続きを閉じる" onclick="showRead(<%topentry_no>); return false;">【 続きを閉じる 】</a></div>

<%topentry_more>

</div>
<!--/more_link-->
<!--more-->
<br /><%topentry_more>
<!--/more-->
※ちなみに 旧バージョン のソースはこれです。 特に問題なく機能します。
<head>
(中略)
<!--not_index_area--><!--not_permanent_area--><!--not_titlelist_area--><!--not_edit_area-->
<script type="text/javascript" src="http://blog-imgs-32.fc2.com/a/r/i/arinogotokuatumarite/t_more.js"></script>
<!--/not_edit_area--><!--/not_titlelist_area--><!--/not_permanent_area--><!--/not_index_area-->



<!--more_link-->
<div id="varP<%topentry_no>"><div class="readmore"><a href="<%topentry_link>" title="記事の続きを展開します" onclick="showMore(<%topentry_no>,'<%topentry_link>');return false;">【 ↓ 続きを表示する ↓ 】</a></div></div>
<div id="varXYZ<%topentry_no>" style="display:none"><div class="readclose"><a href="#entry<%topentry_no>aa" title="続きを閉じる" onclick="showMore(<%topentry_no>,0);return true;">【 続きを閉じる 】</a></div>

<%topentry_more>

</div>
<!--/more_link-->
<!--more-->
<br /><%topentry_more>
<!--/more-->

2010/06/04この記事にトラックバックする (FC2ブログユーザー限定) のソース変更

 [ 詳細記事 : この記事にトラックバックする のソース変更 ]
  • スクリプトの使用を止め、別窓で トラックバック記事投稿画面 が開くものに変更した。
<!--trackback_area-->
<!-- ▼トラックバック▼ -->
(中略)

<input onfocus="this.select();" value="<%trackback_url>" size="30" class="tb_url" readonly="readonly" /><br />
<a rel="nofollow" href="http://blog.fc2.com/?url=<%url>blog-entry-<%pno>.html" target="_blank">この記事にトラックバックする (FC2ブログユーザー限定)</a>

(中略)
<!-- ▲トラックバック▲ -->
<!--/trackback_area-->

2010/05/28カレンダー(プラグイン)用 のスタイル設定を標準に追加

 [ 詳細・関連記事 : カレンダーの装飾 + 空リンク非表示機能 ]
  • これまでは、「必要に応じて追加」 としていたものですが、設定方法が分からない方もいるようなので デフォルトで入っている状態にし、不要の場合は削除すればOK なように追加。
/* カレンダー装飾用 */
table.calender {
width:175px;
border:1px solid #dcdcdc;
border-collapse:separate;
}
.calender caption {
padding:2px;
font-weight:bold;
background:#fff;
}
.calender th#sun {
color:#cc3366;
}
.calender th#sat {
color:#339966;
}
.calender th, .calender td {
border-top: solid 1px #f5f5f5;
border-right: solid 1px #ccc;
border-bottom: solid 1px #ccc;
border-left: solid 1px #f5f5f5;
text-align:center;
font-weight:normal;
color:#999;
}
.calender td a {
display:block;
background:#f5f5f5;
color:#000;
}
.calender td a:hover {
background:#777;
text-decoration:none;
color:#fff;
}

2010/03/19ナビゲーションメニューの右端はみ出し対応「予防線」を追加

  • ナビゲーションメニューの 右2つ に枠からはみ出すプルダウンメニューを使うと、 IEではブラウザの画面サイズによって 枠の画像がブレてしまうのですが、枠からはみ出すプルダウンメニューを使っても ガタつくことがないように修正。
body {
margin:0;
padding:0;
background:#ccc url(http://blog-imgs-32.fc2.com/a/r/i/arinogotokuatumarite/waku_middle.png) repeat-y center top;
background-attachment:fixed;
text-align:center;
font-size:12px;
color:#444;
}

2010/03/03検索結果ページ(<!--search_area-->)の仕様変更に伴う不具合を修正

 [ 詳細記事 : FC2ブログ仕様変更に伴う、ソース修正のお願い ]
  • 挿入される 広告のアンカー(a)のスタイル設定 の影響で、 KW強調ボタン を押した際、「広告部分が 横まで伸びる黄色い帯だらけ になってしまう」 という状態になってしまうので修正。
<!--FCafe KW強調ボタン
http://pcafe.blog3.fc2.com/blog-entry-392.html-->
<script type="text/javascript">
// <![CDATA[
if("<%tag_word><%search_word>"!=""){
if(document.getElementById){
KHL=0;
function EKW() { if(KHL==0){
var Style="background:yellow; display:inline"; KHL++;
var A=document.getElementById("highlight");
var KW="<%tag_word><%search_word>";
var H='<span style="'+Style+'">'+KW+'</span>';
var R= new RegExp( KW, "g");
A.innerHTML=A.innerHTML.
replace(R,"DMY").
replace(/<([^>]*)DMY([^<]*)>/g,"<$1"+KW+"$2>").
replace(/<([^>]*)DMY([^<]*)>/g,"<$1"+KW+"$2>").
replace(/DMY/g,H);
} }
document.write('<input type="button" onclick="EKW(); initLightbox();" value="<%sub_title> を 強調表示する" title="検索用語 を 黄色背景でハイライトします<!--search_area-->&nbsp;&nbsp;&#10;(文字列完全一致の場合のみ反映)<!--/search_area-->" />');
} }
// ]]>
</script>

2009/12/06ナビゲーションメニュー部分、個々の幅に関係する ボーダーの設定 を修正

  • 解像度の低い 小型ノートパソコン で閲覧した際、最後のメニューまで 一段で 収まりきっていなかった (計算上も 2px オーバーした状態) だったので修正。
/* Navigation
------------------------------------- */
(中略)
#nav .navitop {
height:25px;
border-right:0px;  /* この一行を削除してもOK */
border-left:1px solid #222;
text-align:center;
font-weight:bold;
color:#fff;
}

2009/11/19この記事にトラックバックする (FC2ブログユーザー限定) 部分のリンク修正

  • リンクの中に target="_blank" が入っていると、記事投稿の画面が開かないようなので修正。
<!-- ▼トラックバック▼ -->
(中略)
<a href="javascript:window.location.replace('http://blog.fc2.com/?url='+window.location.href);" target="_blank">この記事にトラックバックする (FC2ブログユーザー限定)</a>

※追記 : Ver.100604 より、スクリプトを使わないもの に変更しました。 2010/06/04 の項目参照。

2009/11/08記事下にある Trackback (件数) という部分の リンク切れ を訂正

  • リンクが繋がっていなかったので id を追加。 (すみません...)
<!-- ▼トラックバック▼ -->
<div id="trackback-top" class="tb_title"><h3>Trackback</h3></div>

2009/11/07ari_seo2M サイト内検索フォーム に onclick要素 を追加

  • メニュー下の画像を差し替えて使用した場合、背景透過の 検索フォーム が見づらくなることがあったので... フォームをクリックした際に、背景色と文字色 をつけるように設定した。
<div id="sidebar">

<div class="t_center">
<form action="./" method="get" class="site_search"><input type="text" size="15" style="width:110px; background:transparent" name="q" value="<%search_word><%tag_word>" maxlength="100" onclick="this.style.background = '#f5f5f5'; this.style.color = '#333';" /> <input type="submit" value="&nbsp;検索&nbsp;" title="サイト内検索をします" /></form>
</div>
※ /> ← スラッシュの前には 半角スペース が入ります。

2009/10/28レイアウト乱れを防ぐ予防線を追加 (本来は要らない設定)

  • サイドバー部分で使う フォーム関係のものが サイズ(絶対指定) をしていなくてもはみ出すことがないように。
  • メイリオ 確認環境がない方,Vista以降のパソコンを使っていない方 は入れておくと安心かも。。。
/* Sidebar
------------------------------------- */

#sidebar input,
#sidebar textarea {
max-width:160px;
}

2009/10/27メニュー にある 「最近のコメント」 と 「トラックバック」 リスト表示部分、3箇所修正

 [ 詳細記事 : 共有テンプのナビゲーション部分 一部修正報告 ]
  • コメントにタイトルがあった場合、それも一緒に表示するようにした。
  • トラックバック冒頭文 が正しく表示されるように訂正した。
  • 親記事 「○○○」 へ という部分を コメント冒頭文,トラックバック冒頭文 よりも下の位置に変更した。
<!--▽ナビゲーションメニュー▽-->

(中略)

<!--==========区切り-->
<li>
<a href="./?xml&amp;comment" class="navitop" target="_blank">Comments &#187;<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]--><ul>
<!--rcomment-->
<li>
<a href="<%rcomment_link>#comment<%rcomment_no>"><%rcomment_month>/<%rcomment_day> <%rcomment_name><!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]--><ul>
<li><a href="<%rcomment_link>"><span class="sentence"><span><%rcomment_title></span><%rcomment_body> …</span><br />親記事 「<%rcomment_etitle>」 へ</a></li>
</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<!--/rcomment-->

<li><a href="./?xml&amp;comment" title="コメントのRSSフィード" target="_blank">Comment RSS</a></li>
</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<!--==========区切り-->
<li>
<a href="./?xml&amp;trackback" class="navitop" target="_blank">Trackbacks &#187;<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]--><ul>
<!--rtrackback-->
<li>
<a href="<%rtrackback_link>#trackback<%rtrackback_no>"><%rtrackback_title> : <%rtrackback_blog_name> (<%rtrackback_month>/<%rtrackback_day>)<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]--><ul>
<li><a href="<%rtrackback_link>"><span class="sentence"><%rtrackback_excerpt></span><br />親記事 「<%rtrackback_etitle>」 へ</a></li>
</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<!--/rtrackback-->

<li><a href="./?xml&amp;trackback" title="トラックバックのRSSフィード" target="_blank">Trackback RSS</a></li>
</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<!--==========区切り-->

(中略)

<!--△ナビゲーションメニュー△-->
/* Navigation
------------------------------------- */

(中略)

.sentence {
display:block;
margin:2px;
padding:5px;
background:#f5f5f5;
border:1px solid #ccc;
color:#666;
overflow:hidden;
}
.sentence span {
display:block;
font-weight:bold;
}

#nav li li.r_sentence {
width:200px;
padding:10px;
background:#f5f5f5;
color:#666;
overflow:hidden;
}

(以降省略)

2009/10/01ari_seo1 記事下 (記事編集) 部分の 管理用リンク を修正,他

 [ 詳細記事 : 09/09/28 以前に ari_seo1 をDLされた方へ ]
  • 管理用リンクが、私の使っている ブログサーバーNo. のままだったので訂正。
  • コメントのヘッダー画像 に関するスタイルで、一部 内容が抜けてしまっていたので再設定。
<p class="url"><a rel="nofollow" href="http://blog<%server_no>.fc2.com/control.php?mode=editor&amp;process=load&amp;eno=<%topentry_no>" target="_blank" class="edit" title="管理用">(記事編集)</a> <a href="<%topentry_link>" title="個別記事URL"><%topentry_link></a></p>
/* Comment, Trackback
------------------------------------- */
.cm_title {
margin:20px 0;
height:84px;
background:url("http://blog-imgs-32.fc2.com/a/r/i/arinogotokuatumarite/t_cm_1.png") no-repeat top;
}

.cm_title h3 {
padding:40px 40px 5px 50px;
text-align:right;
font-size:14px;

2009/09/28ari_seo1 <title> ~ </title> 部分のミス訂正

 [ 詳細記事 : 09/09/28 以前に ari_seo1 をDLされた方へ ]
  • カテゴリー別ページなどの 「複数の記事 が 設定件数分まとめて表示されるページ」 で表示される ページタイトル後半が このサイト名 【 ありのごとくあつまりて 】 のままだったので訂正。
<!--not_index_area--><!--not_titlelist_area--><!--not_permanent_area--><!--not_edit_area--><!--not_date_area--><title><%sub_title> no<!--topentry-->.<%topentry_no> <!--/topentry--> 【 <%blog_name></title><!--/not_date_area--><!--/not_edit_area--><!--/not_permanent_area--><!--/not_titlelist_area--><!--/not_index_area-->

2009/09/16ari_seo1 ナビゲーションメニュー部分、動きの不具合を修正,他

  • 公開当初のものです。 正直、イマイチな出来なので... 再ダウンロードをお願いします。
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。