ありのごとくあつまりてFC2ブログカスタマイズ,共有テンプレート,素材リンク集,フリーソフトの紹介など。 迷子にならないブログ作りを目指し... 何か1つでも お役に立てる情報 を提供できたらいいなぁと思っています。

このページの記事目次 (2012年07月 の記事 3 件)

  ← 前の月へ 2012年07月 次の月へ →

FC2 スマホ用テンプレートに 関連記事リストを追加する方法

2012/07/11 (水)  カテゴリー: ブログカスタマイズ中級
関連記事の表示 ,スマートフォン用テンプレート

PC用テンプレートでは 定番となった 関連記事リスト(多くは 同じカテゴリーの新着記事などを表示しているもの)、PC用では 管理画面の設定 や FC2の変数を使うことで簡単に利用できるようになりましたが、スマートフォン用テンプレートでは その機能がまだ使えません。

そのうち仕様が変わるかな という気がしなくもありませんが、先日 ユーザーさんから 「関連記事を表示できたら...」 と質問がありましたので、その方法を探して2つ試してみました。

追記 (2012/07/12) :
関連記事リスト スマホ用でも動くように変わったようです(^_^;) そのうち.. は翌日でしたw

最終的に 「Google AJAX Feed API」 を利用して 同一カテゴリーの新着記事を表示する という方法がスッキリしましたので、紹介します。

リストに “表示中の記事” が含まれている場合には 区別できるようにもしてみました。 カテゴリーのRSSフィード と javascript を使っていますが、PC用で使う 関連記事リスト とほぼ同様に使えると思います。

関連記事リストの設置方法 (FC2ブログ スマートフォン版)

1. スマートフォン用テンプレート の表示したい場所に ソースを追加

個別記事ページ表示エリア(<!--permanent_area-->) の <!--topentry--> ~ <!--/topentry--> の間に入れておけばOKです。

キーワード検索 : 関連記事リスト  FC2ブログ  スマートフォン  テンプレート  javascript  

スポンサーリンク

はてなブックマーク  Google Bookmarks Google Bookmarks Yahoo!ブックマーク Facebook Twitter
お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。 FC2ブログランキング

URL http://arinogotokuatumarite.blog19.fc2.com/blog-entry-225.html

2012/07/11 ~ | Comment (0) tweet? | ↑ ページ先頭へ ↑ |

スマホ用テンプレートでも関連記事リストが使えるように!

2012/07/20 (金)  カテゴリー: ブログカスタマイズ中級
サンプル

前回の記事 FC2 スマホ用テンプレートに 関連記事リストを追加する方法 では、「スマートフォン用テンプレートでは FC2ブログの関連記事リスト がまだ使えないので、Google Feed API を利用して...」 と書いていたのですが、その投稿翌日には(2012/07/12~)仕様が変更されたようで、スマートフォン用テンプレートでも FC2ブログの関連記事リスト が使えるようになっていました。

(^_^;) という訳で、前回の方法ではなくてもOK になりましたので、FC2の変数を使う方法なども 一応紹介しておきます。 前回の方法と殆ど違いはないと思いますが、多少軽くはなるかも。。 好きな方を選んでご利用ください。

関連記事リストの設定,FC2ブログ管理画面
上図は「テンプレート変数のみ」としていますが、それ以外の場合(「個別ページの記事下」など テンプレートに自分で変数を追加しない場合)でも利用できます。

FC2ブログ 関連記事リストの設置方法 (スマートフォン版)

1. スマートフォン用テンプレート の表示したい場所に ソースを追加

※「テンプレート変数」 を使う場合のみ追加。

個別記事ページ表示エリア(<!--permanent_area-->) の <!--topentry--> ~ <!--/topentry--> の間に入れておけばOKです。

キーワード検索 : 関連記事リスト  変数  FC2ブログ  スマートフォン  テンプレート  

スポンサーリンク

はてなブックマーク  Google Bookmarks Google Bookmarks Yahoo!ブックマーク Facebook Twitter
お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。 FC2ブログランキング

URL http://arinogotokuatumarite.blog19.fc2.com/blog-entry-226.html

2012/07/20 ~ | Comment (0) tweet? | ↑ ページ先頭へ ↑ |

カテゴリーリストに各画像を加えて目立つように

2012/07/28 (土)  カテゴリー: ブログカスタマイズ中級
カテゴリー毎に画像を付けたカテゴリーの一覧

カテゴリーの一覧(カテゴリーリスト)は どのサイトでも表示されていると思いますが、それが カテゴリー毎の画像(もしくはアイコン等)になっていたら どのような内容なのか一目で分かるので、文字だけの時よりも目立つようにできますね。

以前、コメントで似たような質問を受けたことがありますが、最近また FC2ユーザーフォーラム でトピックが上がっていたので、それにも回答し 記事に残しておくことにしました。

図は 完成イメージの一例です。
画像部分とテキスト全体をリンクにしてあります。 背景画像を使っているので、サイズ次第で アイコンのようにすることもできますし、一部のカテゴリーを非表示 にすることも簡単です。 (非表示の方法は 「CSS で見えなくする方法」 と、「FC2ブログの仕様と変数を利用し、ソース自体にそのカテゴリーを載せないようにする方法」 があります。)

色々応用できると思いますが、図を例にして 方法を紹介します。

FC2ブログ カテゴリーリストに それぞれの画像を入れる方法

キーワード検索 : 画像  カテゴリー  FC2ブログ  プラグイン  変数  

スポンサーリンク

はてなブックマーク  Google Bookmarks Google Bookmarks Yahoo!ブックマーク Facebook Twitter
お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。 FC2ブログランキング

URL http://arinogotokuatumarite.blog19.fc2.com/blog-entry-227.html

2012/07/28 ~ | Comment (0) tweet? | ↑ ページ先頭へ ↑ |