最新記事更新記録はこちら↓

お名前コムで独自ドメインが安い (06/17)

Firefoxのアドオンを停止する・Firefoxフリーズ対策 (06/14)

いずれレンタルサーバーへお引越しするかも知れない (06/10)

また、IEに問題発? (05/23)

iPhoneをスキャナとして利用できるライトスタンドがあるんだって (05/21)

リロードとスーパーリロードってどう違う? (05/17)

Google検索の上位サイトが専門家が書いた難しいページだらけになる日がくるかも (05/15)

歩行中のスマートフォンの利用を法律や条令で規制すべきか? (05/11)

ワードパットはどこにある? (05/08)

会社のWordが使いにくいと感じたらワードパットを使ってみよう (05/06)

IEって何?InternetExplorer?ブラウザって何? (05/02)

IE使っては駄目!国土安全保障省のコンピュータ緊急対応チームから (04/30)

黒いパソコンは重い? (04/27)

携帯電話の絵文字が共通化されるらしい (04/26)

シーサーブログの投稿記事の下に広告を自動表示させる (04/20)

Windows7、8、8.1のサポート期限 (04/13)

GoogleのAndroidOS用オフィスアプリQuickofficeでできること (04/12)

WindowsXPのサポートが終わってしまいましたがな (04/10)

Windows7のスタートメニューによく使うソフトやフォルダのショートカットを登録してみよう (04/08)

Windows7になったらタスクマネージャーはどうやって出す? (04/02)

WindowsXPにWindows Live メールをインストールしておくとWindows7・8への移行が楽らしい (03/27)

Windows7のスタートメニューにショートカットアイコンをおいて、ソフトの起動を簡単に (03/23)

WindowsPCのシャットダウン (03/21)

複数のテキストを比較する無料ソフト (03/14)

入力しにくい文字をローマ字入力する (03/13)

災害時インターネットは強い (03/11)

ノートパソコンのタッチパットをOFFにする方法 (03/09)

wordの自動箇条書きをOFFにしよう (03/07)

Windows7以降のWindowsOSに標準で付属している電卓が便利だ (03/04)

「半角/全角」キーを押すとひらがなの「ろ」が入力される (03/01)

総記事数:
Top Page > タグ: カテゴリー

スポンサーサイト

サイトの文字の大きさを変える場合はクリック⇒ 文字を大きくする 文字を小さくする

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

 --.--.-- / コメント:: - / トラックバック:: - / PageTop↑


カテゴリーをクリックしたら、記事のタイトルが出るようにする

サイトの文字の大きさを変える場合はクリック⇒ 文字を大きくする 文字を小さくする

カテゴリ:ブログカスタマイズFC2ブログカスタマイズ全般 
テーマ:ホームページ・ブログ制作 / ジャンル:コンピュータ

  FC2のカテゴリーページ、もともとの設定では、カテゴリーをクリックしてもタイトル一覧とかは出てこない。


 これ、閲覧する人にとっては、ものすごく不便なことじゃないだろうか?


 で、ちょっと調べてみた。

 かつちょっと、アレンジしてみた。

<!-- ▼カテゴリーページでの一覧ここから -->
<!--category_area-->
<div class="category_area">
<div class="textcenter"><span style="color:#ff3300; font-size:15px;"><%sub_title> カテゴリーの他の記事</span></div>
<ul>
<!--topentry-->
<li><%topentry_year>/<%topentry_month>/<%topentry_day>&nbsp;<a href="<%topentry_link>" title="<%topentry_title>へ"><%topentry_title></a></li>
<!--/topentry-->
</ul>
<p class="content-nav">
<!--prevpage--><a href="<%prevpage_url>" title="同一カテゴリーの新しい記事へ" id="category_nav_previous" name="category_nav_previous">≪同一カテゴリーの新しい記事へ </a><!--/prevpage-->||
<a href="<%url>" title="ホーム" id="category_nav_main" name="category_nav_main">ホーム</a>
<!--nextpage-->||<a href="<%nextpage_url>" title="同一カテゴリーの古い記事へ" id="category_nav_next" name="category_nav_next"> 同一カテゴリーの古い記事へ≫</a><!--/nextpage-->
</p></div>
<!--/category_area-->
<!-- /カテゴリーページでの一覧ここまで△ -->
 


 現在使っているテンプレートに挿入すると↓
カテゴリーナビゲーション・環境設定で記事数を3 環境設定で、カテゴリー記事を3つ表示するようにした場合。


カテゴリーナビゲーション・環境設定で記事数を1 環境設定でカテゴリー記事を1に設定した場合。

 ・・・、どっちかというとタイトルリストというより、ナビゲーション・・・。

 でも、本とは、もうちょっと、何とかできないかと思ってるんだけど・・・。


 環境設定でカテゴリー記事を複数表示するようにして、本文のトップにスクロールで記事一覧が見れるようにするとか・・・。


気に入ったら、押してね⇒FC2 Blog Ranking

ホームに戻る.ダイヤル0

関連記事
スポンサーサイト

サイト内の記事へのタグリンク↓
ブログ FC2 カテゴリー 記事 ナビゲーション 一覧 

FC2ブログ内同タグ へのリンク↓
ブログ FC2 カテゴリー 記事 ナビゲーション 一覧

 2012.01.02 / コメント:: 0 / トラックバック:: 0 / PageTop↑


カテゴリーをクリックすると、関連する記事のタイトルが出てくる

サイトの文字の大きさを変える場合はクリック⇒ 文字を大きくする 文字を小さくする

カテゴリ:ブログカスタマイズFC2ブログカスタマイズ全般 
テーマ:ホームページ・ブログ制作 / ジャンル:コンピュータ

 カテゴリーをクリックすると、同一カテゴリーの記事のタイトルが出るようにする。

 昨日もやったけど、今回の変更点は2つ。

 1、スタイルシートを使って、ちょっと使いやすくしてみた。

 2、位置を記事の上に設定。

 前提として、環境設定で、表示記事数を複数にしてある。
カテゴリーをクリックしたときに記事リストが表示させる

 本来、HTMLとスタイルシートは別々にするべきなんだろうけど、それほどの技術は無いので、HTMLの中にスタイルシートの記述も入っている。

 また、テーブルで形を整えて、記事の上に表示できるように大きさを調整してある。



 *カテゴリーページの表示記事数を多くしすぎると、ページの表示が遅くなるのが難点・・・。


気に入ったら、押してね⇒FC2 Blog Ranking

ホームに戻る.ダイヤル0

関連記事

サイト内の記事へのタグリンク↓
FC2 無料 ブログ カテゴリー クリック 関連記事 タイトル 

FC2ブログ内同タグ へのリンク↓
FC2 無料 ブログ カテゴリー クリック 関連記事 タイトル

 2012.01.03 / コメント:: 0 / トラックバック:: 0 / PageTop↑


カテゴリーをクリックするとタイトルリストが表示される・注意点

サイトの文字の大きさを変える場合はクリック⇒ 文字を大きくする 文字を小さくする

カテゴリ:ブログカスタマイズFC2ブログカスタマイズ全般 
テーマ:ホームページ・ブログ制作 / ジャンル:コンピュータ

  FC2ブログのカテゴリーをクリックするとそのカテゴリーのタイトルリストが出てくる。

 今回の話は、HTMLのテンプレート内での設置場所と環境設定の注意。


環境設定の注意。

・『環境設定の変更』→『ブログの設定』→『記事の設定』→『記事(カテゴリ別)』の記事数を複数設定する。

・『記事(カテゴリ別)』の記事数を多く設定しすぎると、ページが重くなり、表示が遅くなる。

・カテゴリ別の設定記事数のタイトルが表示される。

・例えば、記事設定での記事数を5とすると、5タイトルが表示される、次の5タイトルは『 同一カテゴリーの前の記事のタイトルリスト』あるいは『同一カテゴリーの前の記事のタイトルリスト』をクリックすると表示される。

テンプレート内での設置時の注意。

・必ず<!--topentry--> の上に設置する。

設置するHTML(スタイルシートと一緒に記載しているのであしからず)

 

<!-- ▼カテゴリーページでの一覧ここから -->
<!--category_area-->
<table border="0" cellspacing="0" cellpadding="0" width="95%" align="center">
           <tr>
             <td>
<div class="category_area">
<div class="textcenter"><span style="color:#ff3300; font-size:15px;">
<%sub_title> カテゴリーの他の記事
<br></span>
</div>
<ul>
<div style="border-width:thin; border-style:solid; border-color:#C2C2C2; overflow: auto;   height: 40px;">
<!--topentry-->
<li><%topentry_year>/<%topentry_month>/<%topentry_day>&nbsp;<a href="<%topentry_link>" title="<%topentry_title>へ"><%topentry_title></a></li>
<!--/topentry-->
</ul>
<p class="content-nav">
<!--prevpage--><a href="<%prevpage_url>" title="同一カテゴリーの次のタイトルリスト" id="category_nav_previous" name="category_nav_previous">≪同一カテゴリーの次のタイトルリスト </a><!--/prevpage-->||
<a href="<%url>" title="ホーム" id="category_nav_main" name="category_nav_main">ホーム</a>
<!--nextpage-->||<a href="<%nextpage_url>" title="同一カテゴリーの前の記事のタイトルリスト" id="category_nav_next" name="category_nav_next"> 同一カテゴリーの前の記事のタイトルリスト≫</a>
<!--/nextpage-->
</p>
</span>
</div>
</div>

 

 </td>
           </tr>
         </table><!--/category_area-->
<!-- /カテゴリーページでの一覧ここまで△ -->


気に入ったら、押してね⇒FC2 Blog Ranking

ホームに戻る.ダイヤル0

関連記事

サイト内の記事へのタグリンク↓
ブログ FC2 カテゴリー タイトル リスト 

FC2ブログ内同タグ へのリンク↓
ブログ FC2 カテゴリー タイトル リスト

 2012.01.04 / コメント:: 0 / トラックバック:: 0 / PageTop↑


FC2ブログの共有プラグインと変数を使ってカテゴリー内の記事一覧を作成

サイトの文字の大きさを変える場合はクリック⇒ 文字を大きくする 文字を小さくする

カテゴリ:ブログカスタマイズFC2ブログカスタマイズ全般 
テーマ:ホームページ作成 / ジャンル:コンピュータ

 FC2ブログのカテゴリをクリックすると、同じカテゴリーの記事の一覧に飛ぶようにしたいなあ。

 FC2ブログのプラグインの中に、同じカテゴリーの記事を表示するプラグインは有るのだが、このプラグイン、FC2ブログの環境設定のカテゴリー表示の記事数に依存する。

 カテゴリーの記事表示件数を増やすと、当然、ページの表示は重くなる。

 でも、やっと、解決方法がひとつ見つかったのでちょっとご紹介。


プラグインと<!--not_category_area-->~ <!--/not_category_area-->でカテゴリー内の記事一覧を作成する

1、テンプレートのタイトルを含めた記事部分を<!--not_category_area-->~ <!--/not_category_area-->で囲めば、カテゴリーページには本文が表示されなくなる。

2、記事の本文を表示されないようにして、環境設定でカテゴリーの記事表示を最大の30記事にする。

3、プラグインを使って、カテゴリーエリアに同一カテゴリーの記事一覧を表示する。


<!--not_category_area-->~ <!--/not_category_area-->で囲む位置

<!--topentry-->から<!--/topentry-->で囲まれている位置を囲みこむ。

<!--not_category_area--><!--topentry-->記事タイトルや記事本文<!--/topentry--><!--/not_category_area-->

<!--not_category_area-->~ <!--/not_category_area-->は、カテゴリーページには表示されないようにする変数。


挿入するカテゴリ内の記事一覧のプラグイン

共通プラグインの『カテゴリ』の中に、カテゴリ内の記事一覧のプラグインがあるので、其れを設定する。

プラグインが記事エリアの上下に設定できるようにしてあれば、そのまま、プラグイン3で表示できる。

プラグインが設定されていないテンプレートを使っている人は、<!--topentry-->の上か下の辺りに、プラグインのHTMLを挿入する。


プラグイン『カテゴリ内の記事一覧』を見つけられない人は


プラグイン『カテゴリ内の記事一覧』を見つけられない人は、下のHTMLを使ってみてください。
 ただし、動作の保障はできませんが・・・。

<!-- ▼カテゴリーページでの一覧ここから -->
<!--category_area-->
<table border="0" cellspacing="0" cellpadding="0" width="95%" >
           <tr>
             <td>
<div class="category_area">
<div class="textcenter"><span style="color:#ff3300; font-size:15px;">
カテゴリー『<%sub_title> 』の記事
<br>(30記事まで表示:これ以上の関連記事は、タイトルをクリックで記事下に表示又はカテゴリー『<%sub_title> 』の古い記事一覧へをクリック)</span>
</div>
<ul>
<div style="border-width:thin; border-style:solid; border-color:#C2C2C2; ">
<!--topentry-->
<li><%topentry_year>/<%topentry_month>/<%topentry_day>&nbsp;<a href="<%topentry_link>" title="<%topentry_title>へ"><%topentry_title></a></li>
<!--/topentry-->
</ul>
<p class="content-nav">
<!--prevpage--><a href="<%prevpage_url>" title="カテゴリー『<%sub_title> 』の新しい記事一覧へ" id="category_nav_previous" name="category_nav_previous">≪カテゴリー『<%sub_title> 』の新しい記事一覧へ </a><!--/prevpage-->||
<a href="<%url>" title="ホーム" id="category_nav_main" name="category_nav_main">ホーム</a>
<!--nextpage-->||<a href="<%nextpage_url>" title="カテゴリー『<%sub_title> 』の古い記事一覧へ" id="category_nav_next" name="category_nav_next"> カテゴリーの『<%sub_title> 』古い記事一覧へ≫</a>
<!--/nextpage-->
<br><%sub_title> カテゴリーの記事
<br>(30記事まで表示:これ以上の関連記事は、タイトルをクリックで記事下に表示又はカテゴリー『<%sub_title> 』の古い記事一覧へをクリック)</p>
</span>
</div>
</div>

 

 </td>
           </tr>
         </table><!--/category_area-->
<!-- /カテゴリーページでの一覧ここまで△ -->
 


 後は、FC2BLOG の環境設定で『カテゴリエリアの記事表示数』を30に設定する。

 カテゴリーをクリックした時のページ表示を見てみたい人はこちらをクリック


気に入ったら、押してね⇒FC2 Blog Ranking

ホームに戻る.ダイヤル0

関連記事

サイト内の記事へのタグリンク↓
FC2 FC2ブログ カスタマイズ 共有プラグイン 変数 カテゴリー 記事一覧 

FC2ブログ内同タグ へのリンク↓
FC2 FC2ブログ カスタマイズ 共有プラグイン 変数 カテゴリー 記事一覧

 2012.05.17 / コメント:: 0 / トラックバック:: 219 / PageTop↑


FC2ブログプラグイン『カテゴリー記事一覧』に親子カテゴリー名を表示

サイトの文字の大きさを変える場合はクリック⇒ 文字を大きくする 文字を小さくする

カテゴリ:ブログカスタマイズFC2ブログカスタマイズ全般 
テーマ:ホームページ作成 / ジャンル:コンピュータ

 FC2ブログのプラグインを使った『カテゴリーの記事一覧』に親カテゴリーや子カテゴリーを表示できるようにできないだろうか?

 親カテゴリーを表示させるFC2ブログのブロックの変数は<!--parent_category--> ~ <!--/parent_category-->。

 親カテゴリーの名前の表示の変数は<%topentry_parent_category>。

 <%topentry_category>はカテゴリ名。

 ま、いいや、ともかくやってみよう。

 と言うことで・・・。

 カテゴリーの記事一覧のHTMLを↓のように変更してみた。



カテゴリーページで記事タイトル+カテゴリーを表示させるHTML

<!-- ▼カテゴリーページでの一覧ここから -->
<!--category_area-->
<table border="0" cellspacing="0" cellpadding="0" width="95%" >
           <tr>
             <td>
<div class="category_area">
<div class="textcenter"><span style="color:#ff3300; font-size:15px;">
カテゴリー『<%sub_title> 』の記事
<br>(30記事まで表示:これ以上の関連記事は、タイトルをクリックで記事下に表示又はカテゴリー『<%sub_title> 』の古い記事一覧へをクリック)</span>
</div>
<ul>
<div style="border-width:thin; border-style:solid; border-color:#C2C2C2; ">
<!--topentry-->
<li>
<%topentry_year>/<%topentry_month>/<%topentry_day>&nbsp;
<strong>
<a href="<%topentry_link>" title="<%topentry_title>へ"><%topentry_title></a>
</strong>
</li>
<br>カテゴリ:<a href="<%topentry_parent_category_link>"><%topentry_parent_category></a>><!--parent_category_area-->>>:<a href="<%topentry_category_link>"><%topentry_category></a><hr size="2"><!--/parent_category_area-->
<!--/topentry-->
</ul>
<p class="content-nav">
<!--prevpage--><a href="<%prevpage_url>" title="カテゴリー『<%sub_title> 』の新しい記事一覧へ" id="category_nav_previous" name="category_nav_previous">≪カテゴリー『<%sub_title> 』の新しい記事一覧へ </a><!--/prevpage-->||
<a href="<%url>" title="ホーム" id="category_nav_main" name="category_nav_main">ホーム</a>
<!--nextpage-->||<a href="<%nextpage_url>" title="カテゴリー『<%sub_title> 』の古い記事一覧へ" id="category_nav_next" name="category_nav_next"> カテゴリーの『<%sub_title> 』古い記事一覧へ≫</a>
<!--/nextpage-->
<br><%sub_title> カテゴリーの記事
<br>(30記事まで表示:これ以上の関連記事は、タイトルをクリックで記事下に表示又はカテゴリー『<%sub_title> 』の古い記事一覧へをクリック)</p>
</span>
</div>
</div>

 </td>
           </tr>
         </table><!--/category_area-->
<!-- /カテゴリーページでの一覧ここまで△ -->

 カテゴリーをクリックすると、『投稿日』『記事タイトル』『親カテゴリ』『子カテゴリ』が表示されるようになった。

 HTMLで変わっているのは、赤い文字の部分。

 記事タイトルは、 <strong>~</strong>で囲って強調してみた。

 赤い文字中に<hr size="2">=水平線をいれ、見やすくしてみた。

 改造したカテゴリーページの表示はこちらを見てね。

 カテゴリーページで、タイトルリストを表示させる方法はこちら。


気に入ったら、押してね⇒FC2 Blog Ranking

ホームに戻る.ダイヤル0

関連記事

サイト内の記事へのタグリンク↓
FC2ブログ カテゴリ カテゴリー 記事一覧 記事リスト 

FC2ブログ内同タグ へのリンク↓
FC2ブログ カテゴリ カテゴリー 記事一覧 記事リスト

 2012.05.18 / コメント:: 0 / トラックバック:: 0 / PageTop↑


カテゴリーページでタイトル・親カテゴリー・子カテゴリー・投稿日・本文の一部を表示する

サイトの文字の大きさを変える場合はクリック⇒ 文字を大きくする 文字を小さくする

カテゴリ:ブログカスタマイズFC2ブログカスタマイズ全般 
テーマ:ホームページ・ブログ制作 / ジャンル:コンピュータ

 カテゴリー内の記事一覧に、記事の一部を表示できるようにしてみよう。

 <%topentry_discription>と言う変数が、FC2ブログで 本文の要約(200文字)を表示 するための変数。

  この、変数<%topentry_discription>をカテゴリー別記事一覧のプラグインのHTMLの中に入れると、本文が200字表示される。

 カテゴリーをクリックすると、『記事タイトル』・『親カテゴリー』・『子カテゴリー』・『投稿日時』・『本文の一部(200文字)』が表示されるようになる。

<!-- ▼カテゴリーページでの一覧ここから -->
<!--category_area-->
<table border="0" cellspacing="0" cellpadding="0" width="95%" >
           <tr>
             <td>
<div class="category_area">
<div class="textcenter"><span style="color:#ff3300; font-size:15px;">
カテゴリー『<%sub_title> 』の記事
<br>(30記事まで表示:これ以上の関連記事は、タイトルをクリックで記事下に表示又はカテゴリー『<%sub_title> 』の古い記事一覧へをクリック)</span>
</div>
<ul>
<div style="border-width:thin; border-style:solid; border-color:#C2C2C2; ">
<!--topentry-->
<li>
<%topentry_year>/<%topentry_month>/<%topentry_day>&nbsp;<strong>
<a href="<%topentry_link>" title="<%topentry_title>へ"><%topentry_title></a></strong></li>
<br>カテゴリ:<a href="<%topentry_parent_category_link>"><%topentry_parent_category></a>>><!--parent_category_area-->:<a href="<%topentry_category_link>"><%topentry_category></a>
<br>
<%topentry_discription>
<hr size="2"><!--/parent_category_area-->
<!--/topentry-->
</ul>
<p class="content-nav">
<!--prevpage--><a href="<%prevpage_url>" title="カテゴリー『<%sub_title> 』の新しい記事一覧へ" id="category_nav_previous" name="category_nav_previous">≪カテゴリー『<%sub_title> 』の新しい記事一覧へ </a><!--/prevpage-->||
<a href="<%url>" title="ホーム" id="category_nav_main" name="category_nav_main">ホーム</a>
<!--nextpage-->||<a href="<%nextpage_url>" title="カテゴリー『<%sub_title> 』の古い記事一覧へ" id="category_nav_next" name="category_nav_next"> カテゴリーの『<%sub_title> 』古い記事一覧へ≫</a>
<!--/nextpage-->
<br><%sub_title> カテゴリーの記事
<br>(30記事まで表示:これ以上の関連記事は、タイトルをクリックで記事下に表示又はカテゴリー『<%sub_title> 』の古い記事一覧へをクリック)</p>
</span>
</div>
</div>

 </td>
           </tr>
         </table><!--/category_area-->
<!-- /カテゴリーページでの一覧ここまで△ -->
 

 本文の要約が200文字では多すぎるような気がする。

タイトルリストエリアでの<%titlelist_body> 本文冒頭(約20文字) 、

最近投稿されたエントリーの一覧を表示するエリア関数<!--recent--> ~ <!--/recent--> 内で有効になる単変数<%recent_body> 本文の冒頭20文字の要約を表示 。

 <%topentry_discription>を<%topentry_body> に変えても、本文が表示されるだけのような気もするんだけど

 試してみたけど、記事全部が出ただけだった。

 残念。

 と言うわけで、ちょっと本文の要約が長くなるけど、<%topentry_discription>を挿入してください。

 次回は、カテゴリーエリアでの記事タイトル一覧に、『続きを読む』のリンクを入れたいと思うのだが、どうなることやら。

改造したカテゴリーページの表示はこちらを見てね。

カテゴリーページで、タイトルリストを表示させる方法はこちら。

FC2ブログプラグイン『カテゴリー記事一覧』に親子カテゴリー名を表示させる記事はこちら



気に入ったら、押してね⇒FC2 Blog Ranking

ホームに戻る.ダイヤル0

関連記事

サイト内の記事へのタグリンク↓
FC2 カテゴリー カスタマイズ  

FC2ブログ内同タグ へのリンク↓
FC2 カテゴリー カスタマイズ

 2012.05.20 / コメント:: 0 / トラックバック:: 0 / PageTop↑


FC2ブログのカテゴリーページに個別記事へのリンクを設定

サイトの文字の大きさを変える場合はクリック⇒ 文字を大きくする 文字を小さくする

カテゴリ:ブログカスタマイズFC2ブログカスタマイズ全般 
テーマ:ホームページ・ブログ制作 / ジャンル:コンピュータ

 FC2ブログのカテゴリーページに要約部分の続きへのリンクを設置しよう。

 要するに、個別記事へのリンク。

 

<a href="<%topentry_rlink>" target="_blank">この記事『<%topentry_title>』の続きを読む</a>を前回書いた、プラグインの中に入れ込むと、個別記事へのリンクが出来上がる。


カテゴリーページでの個別記事へのリンクの変数説明

 <a href="<%topentry_rlink>" target="_blank">この記事『<%topentry_title>』の続きを読む</a>を分解して説明する。

・<%topentry_rlink>は個別ページのリンクのURLを表す。

・<%topentry_title>は個別記事のタイトル。

・target="_blank"はリンクの開き方の指定。

 <a href="リンク先URL" target="_blank">この記事『記事の表題・実際表示される部分』の続きを読む</a>と言う形になる。

 

 がこれでは面白くない。

 リンクにマウスを乗せると、説明文が出るようにしてみよう。


カテゴリーページから個別記事へのリンクに説明をつける

 <a href="<%topentry_rlink>" title="この記事の続きはここをクリックすると、個別記事ページ<%topentry_title>へ移動します"target="_blank">この記事『<%topentry_title>』の続きを読む</a>

 こんな感じ。

  title="○○"がマウスを乗せたときの説明表示。


<!-- ▼カテゴリーページでの一覧ここから -->
<!--category_area-->
<table border="0" cellspacing="0" cellpadding="0" width="95%" >
           <tr>
             <td>
<div class="category_area">
<div class="textcenter"><span style="color:#ff3300; font-size:15px;">
カテゴリー『<%sub_title> 』の記事
<br>(30記事まで表示:これ以上の関連記事は、タイトルをクリックで記事下に表示又はカテゴリー『<%sub_title> 』の古い記事一覧へをクリック)</span>
</div>
<ul>
<div style="border-width:thin; border-style:solid; border-color:#C2C2C2; ">
<!--topentry-->
<li>
<%topentry_year>/<%topentry_month>/<%topentry_day>&nbsp;<strong>
<a href="<%topentry_link>" title="<%topentry_title>へ"><%topentry_title></a></strong></li>
<br>カテゴリ:<a href="<%topentry_parent_category_link>"><%topentry_parent_category></a>>><!--parent_category_area-->:<a href="<%topentry_category_link>"><%topentry_category></a>
<br>
<%topentry_discription>⇒この記事
<a href="<%topentry_rlink>" title="この記事の続きはここをクリックすると、個別記事ページ<%topentry_title>へ移動します"target="_blank">『<%topentry_title>』の続きを読む</a>

<hr size="2"><!--/parent_category_area-->
<!--/topentry-->
</ul>
<p class="content-nav">
<!--prevpage--><a href="<%prevpage_url>" title="カテゴリー『<%sub_title> 』の新しい記事一覧へ" id="category_nav_previous" name="category_nav_previous">≪カテゴリー『<%sub_title> 』の新しい記事一覧へ </a><!--/prevpage-->||
<a href="<%url>" title="ホーム" id="category_nav_main" name="category_nav_main">ホーム</a>
<!--nextpage-->||<a href="<%nextpage_url>" title="カテゴリー『<%sub_title> 』の古い記事一覧へ" id="category_nav_next" name="category_nav_next"> カテゴリーの『<%sub_title> 』古い記事一覧へ≫</a>
<!--/nextpage-->
<br><%sub_title> カテゴリーの記事
<br>(30記事まで表示:これ以上の関連記事は、タイトルをクリックで記事下に表示又はカテゴリー『<%sub_title> 』の古い記事一覧へをクリック)</p>
</span>
</div>
</div>

 </td>
           </tr>
         </table><!--/category_area-->
<!-- /カテゴリーページでの一覧ここまで△ -->
 

 これで、カテゴリーをクリックすると『記事のタイトル』『親カテゴリー』『子カテゴリー』『記事の要約』『個別記事へのリンク』が設定された形になる。

改造したカテゴリーページの表示はこちらを見てね。

カテゴリーページで、タイトルリストを表示させる方法はこちら。

FC2ブログプラグイン『カテゴリー記事一覧』に親子カテゴリー名を表示させる記事はこちら

FC2ブログのカテゴリー記事一覧に要約を表示させる方法はこちら


気に入ったら、押してね⇒FC2 Blog Ranking

ホームに戻る.ダイヤル0

関連記事

サイト内の記事へのタグリンク↓
FC2ブログ カテゴリー 個別記事 リンク 

FC2ブログ内同タグ へのリンク↓
FC2ブログ カテゴリー 個別記事 リンク

 2012.05.21 / コメント:: 0 / トラックバック:: 0 / PageTop↑


シーサーブログのカテゴリーページでタイトルのみを一覧表示

サイトの文字の大きさを変える場合はクリック⇒ 文字を大きくする 文字を小さくする

カテゴリ:ブログカスタマイズシーサーブログカスタマイズ 
テーマ:ホームページ・ブログ制作 / ジャンル:コンピュータ

 シーサーブログのカテゴリページでタイトルだけをリスト化して表示するしてみよう。

 ちょっとばかり、ややこしいですが・・・。

 


シーサーブログのカテゴリーページのリスト化

1、デザイン⇒コンテンツ⇒記事⇒記事のHTML編集。

 

2、中のHTMLをすべてコピーしテキストエディタに貼り付ける。

 

3、テキストエディタで、以下の記述を探す。

<% if:page_name eq 'category' -%>
<div class="navi">
<a href="<% blog.page_url %>">TOP</a> / <% category.name %>
</div>
<% if:pager.need_pager -%>
<div class="navi">
<% if:pager.previous_page %><a href="<% category.page_url(pager.previous_page) %>">&lt;&lt;</a><% else %>-<% /if %><% loop:list_pager %><% if:pager.show_previous_group(pager_number,5) %>..<% /if %><% if:pager.show_page(pager_number,5) %> <% if:current_page ne pager_number %><a href="<% category.page_url(pager_number)%>"><% /if %><% pager_number %><% if:current_page ne pager_number %></a><% /if %><% /if %><% if:pager.show_next_group(pager_number,5) %>..<% /if %><% /loop %> <% if:pager.next_page %><a href="<% category.page_url(pager.next_page) %>">&gt;&gt;</a><% else %>-<% /if %>
</div><% /if -%> 

 

4、上のHTMLの最後に、下の記述を追加。

<!--一覧表示--><div class="blog"> <div class="blogbody"> <h2 class="title">[<% category.name %>]の記事一覧</h2>  <div id="clist">  <% loop:list_article -%> ・<a href="<% article.page_url %>"><% article.subject %></a> <% /loop -%>  </div> </div> </div> <!--/一覧表示-->

 

5、追加したHTMLの後の<% loop:list_article -%>の前に、<% unless:page_name eq 'category' -%>を追加。

 

6、以下のHTMLの下に、<% /unless -%>を追加

<% if:blog.fan_setting.accept_fan %>| <a href="<% blog.fan_regist_url %>" title="このブログの読者になる"><img src="<% site_info.blog_url %>/img/fan_read.gif" alt="このブログの読者になる" border="0" /></a><% /if %>
| <a href="<% blog.fan_blog_reader_url %>" title="更新情報をチェックする"><img src="<% site_info.blog_url %>/img/fan_received.gif" alt="更新情報をチェックする" border="0" /></a>
</div>
</div>
</div>
<% /loop -%>

 

7、出来上がったHTMLをすべてコピーし、コンテンツのHTMLに貼り付ける。

 

8、保存ボタンをクリック。

 


 <h2 class="title">[<% category.name %>]の記事一覧</h2>の部分は、シーサーブログのデフォルトのテンプレートなら<h3 class="title">[<% category.name %>]の記事一覧</h3>となるべきところ。

 シーサーブログの場合、ページタイトルは本来<h3></h3>となっている。

 そして、投稿年月日が<h2></h2>

 SEO対策としては、ページタイトルが、<h2></h2>になっていたほうが望ましいので、この際合わせてカスタマイズしたほうがいいかも。

見出しタグのカスタマイズについてはこちらの過去記事を見てね。

 特別、カスタマイズしない場合は<h3 class="title">[<% category.name %>]の記事一覧</h3>にしてね。

 


気に入ったら、押してね⇒FC2 Blog Ranking

ホームに戻る.ダイヤル0

関連記事

サイト内の記事へのタグリンク↓
無料 ブログ シーサーブログ カスタマイズ カテゴリー タイトル リスト 

FC2ブログ内同タグ へのリンク↓
無料 ブログ シーサーブログ カスタマイズ カテゴリー タイトル リスト

 2012.11.11 / コメント:: 0 / トラックバック:: 0 / PageTop↑


無料ウイルスソフト
管理人も使用中
キングソフトインターネットセキュリティU

最新記事
ようこそ


サイト内外の検索ができます。キーワードを入力してください。
サイト内検索↓

カスタム検索

サイト外検索↓

設置日時 2008・02・17

マカフィー・ストア

全記事表示リンク
カテゴリ
タグリスト 改

ドメイン独自ドメインブログFirefoxブラウザフリーズアドオンIEIE8PhoneスマートフォンスキャナリロードスーパーリロードGoogleSEO検索検索結果上位サイトワードパットWindowsフリーソフトWord無料ソフトワープロInternetExplorer脆弱性セキュリティパソコン携帯電話絵文字シーサーブログカスタマイズテンプレートWindows8.1Windows8メインストリームサポート延長サポートWindows7サポートAndroidOfficeQuickofficeWindowsXP起動アイコンフォルダショートカットスタートメニューCtrl+Alt+DelタスクマネージャーWindowsLiveメールデータ移行メール連絡先OutlookExpressシャットダウンテキスト比較ローマ字入力入力キーボード東日本大震災インターネット災害タッチパットポインティングデバイスノートパソコンword箇条書き電卓OS入力できない半角排紙トレーが開いています印刷プリンターエラーYahoo!ヘッドクリーニングプリンターヘッド目詰まりExifGPSクリーニングインク染料顔料パスワードOpenOffice.orgLibreOfficeApacheOpenOffice百度ShimejiアプリBaidu日本語入力hao123IMEクラウドスケジュールPCalphaEDIT32ビット64ビットアップグレード電源の管理日本ヒューレット・パッカード3万円台赤ロム白ロムUSBメモリーフォーマットtranscendUSBメモリー再生書き込み禁止になっていますリカバリーツールGooアップデート更新プログラムオリンピックコメントニュースLinuxブートパーティションInter7フリーメールメールアドレス2ちゃんねる流出個人情報ID2チャンネルインストールWubiUbuntu日本語版USBハブ転送速度セルフパワーバスパワープライバシーGmail侵害マウスホイールマウスIDManager管理作成ハードディスク買い替え文字化け改行コード文字コードサイズ起動できないブートローダーLANポートデバイスマネージャーデュアルブートメモリメニューバーSilverlightFlashPlayerAdobeOSLinuxUbunt12.04.2インターネット接続言語の設定日本語化UnetBootinメモリー光学式右クリックXPKeePassGoogle+アドセンススコアボードインポートIDmanegerトラブルMicrosoftKB2839229Linuxで更新復元セーフモードシステムvCalendarvcsスマホジョルテThunderbirdOutlookサンダーバードPIMエクスポートFC2手書き入力Yahoo!IDツール確認GooglePlay詐欺カレンダーアウトルック同期オフラインジョルデCSVガラゲーSIMカードフィーチャーフォン7スポットスポットタッチペン金属繊維ペンスタイラスデーター赤外線通信共有GoogleアカウントMoborobo2.0iOS無線LANYahoo!スマホマネージャーアンドロイドOS日時表計算ソフト自動更新関数表示アンドロイドカメラシャッター音DoNotTrackIE10デスクトップExplorerIntrenet8ウインドウズ732ビット64偽サイト偽装サイトスタイラスペンMZK-RP150NポータブルWi-Fiポケットルータ無料無線LANスポット無線LANスポットドコモルーター有線LANタブレットアダプタ有線BlueStacksパスワード管理ソフト注意点サイトショットノートヌーボードショットノートヌーボードコード閲覧SafariInternetLunascapeChromeキャッシュクッキー一時ファイル削除履歴証明書取り消し情報ルート証明インターネットオプションアップロード情報違法開示ゴミ箱設定容量ファイルクラッシャーKingsoftAntiSpywareLunascape6キャッシュバックFC2コンテンツキャンペーンマーケット反映OpenOffice.orgCalcシートExcel列幅セル表計算移動入力欄テンキー数字ツイッターTwitterYahoo!カレンダーメールソフトネクサス7無料メールgooショートカットキープリンタ詰替プルンターノズルチェックカートリッジジャンル私製はがき年賀状フォント手書き手書き風フォント素材日本郵政はがきデザインキットOpenOfficeCalcオフィスソフトOpenOfficeカテゴリNexus7iPadminiスペックHiMakeDocWeb自動巡回用ファイルコンバートソフトカテゴリーリストタイトルテーマGoogleアドセンスストレージYahoo!ファイル関連記事シーサー株式会社JavaScriptウインドウズXPサポート終了カウントダウンJavascriptゲームCalcWi-Fi接続フリースポットFC2ブログ登録Writer宛名ワープロソフト制作レンタルトラックバック迷惑URL

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