top


総投稿数 本 
no_

スポンサーサイト

 --------
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
カテゴリ :スポンサー広告 トラックバック(-) コメント(-)
no_632

年月アーカイブ:情報量増えてきたので、レイアウト整理。でもこんな方法しかないのかなぁ ・・・ 【FC2ブログカスタマイズ】

 2009-01-17
 随分情報量が増えてきた
 もちろんこれからも、どんどん敏感に情報をキャッチし
 自身にもこのブログにも役立てたいが、

 今までの情報も無駄にせず、意味のあるものにしたい。
 情報を整理するには、レイアウトも整理しなくては・・・

 まず、
 ・年月アーカイブ
  これが長々とリスト表示されているのをどうにかしたい。

 設定方法が別にあるわけではないので、
 (例によって)JavaScriptで動的生成・・・

**************************************************
年月アーカイブ のレイアウト方法を変える
**************************************************

 ■まず、デフォルトの
  「年月アーカイブ」部分のソースは
   プラグイン形式になっていて
<ul>
<!--archive-->
<li &align>
<a href="<%archive_link>" title="<%archive_year>年<%archive_month>月"><%archive_year>年<%archive_month>月 (<%archive_count>)</a>
</li>
<!--/archive-->
</ul>

   こんな感じだ。

  これに、<div> で id を与えて
<ul><div id='archive_month'>
<!--archive-->
<li &align>
<a href="<%archive_link>" title="<%archive_year>年<%archive_month>月"><%archive_year>年<%archive_month>月 (<%archive_count>)</a>
</li>
<!--/archive--></div>
</ul>

   と、する。

  これは、すべてを完全なJavaScriptにしてしまうと
  ・JavaScript がオフの方はこのリストを使えない
  ・SEO的にも良くない
  から

 そしてこの展開の後、JavaScript をコール。
<script type="text/javascript">changeArchiveMOnth();</script>


 ■呼ばれる JavaScript は
  (いつものごとく)力廻し だが
<script type="text/javascript">function changeArchiveMOnth(){ var now_archive_year=""; var temp_str="";
<!--archive-->
if(now_archive_year !='<%archive_year>'){
if(now_archive_year !=''){ temp_str += "<br>"; }
temp_str += "<%archive_year>年<br>"; now_archive_year ='<%archive_year>'; }
temp_str += "<a href='<%archive_link>' title='<%archive_year>年<%archive_month>月'><%archive_month>月 (<%archive_count>)</a>\n";
<!--/archive-->
if( document.getElementById ) {
document.getElementById('archive_month').innerHTML = temp_str;
}
}</script>

 こんな感じ。

 ※今回、発見(?)したのは、
  ・FC2ブログの 
    <!--archive--><!--/archive--> は
   JavaScript の中でも廻るんだな・・・まぁ、当たり前か。

 あまりいい方法とは言えないが、
 とりあえず実現(右サイドバー)

 何か他の方法があれば教えて欲しい。

FC2ブログランキングにほんブログ村 IT技術ブログ Webサイト構築へブログ王ランキング人気ブログランキング人気ホームページランキングへ


commentsコメント
comment_post












管理者にだけ表示を許可する
commentトラックバック
トラックバックURL:
http://metaboy.blog23.fc2.com/tb.php/632-534d0f59
ようこそ
Add to Google 創るmetaboy:RSSフィード
My Yahoo!に追加
最新記事のRSS | 問い合わせ

仕事検索、アルバイト検索、依頼仕事の検索ポータル - 仕事検索.COM - www.jobkensaku.com ツクルン

創るmetaboy - WEB創る、サイト創る、何創る - 創ったmetaboy

 

リンク集

 

最近の記事

 

ブロとも申請フォーム
Sponserd by

さくらのレンタルサーバ さくらのレンタルサーバ
大容量・高機能レンタルサーバー heteml 大容量・高機能レンタルサーバー heteml
XREA (ValueDomain)
お名前.com お名前.com
名づけてねっと名づけてねっと
ムームードメインムームードメイン

 

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。