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

このページの記事目次 (タグ: スクリプト未使用 の検索結果 5 件)

  total 2 pages  次のページ →  

SEOにも有効なFC2ブログの新変数 lastpage_url

2011/09/24 (土)  カテゴリー: FC2マニア・仕様関連
ページ移動用の変数で出力されているもの

スマートフォン用テンプレート までカスタマイズできるようになったFC2ブログ。 テンプレート編集をしていて 「おっ!!」 と思う見慣れない変数(公式マニュアルには今のところ載っていないもの) を見つけて色々テスト。 PC用テンプレートモバイル(ガラケー)用テンプレート でも機能する 有効な変数 を見つけたので紹介します。

スマホ用テンプレートには、図のように ページ移動用のリンクが出力できる変数 が予め入っていますが、これは javascript を使わずに機能する便利なものです。
ここでの 4ページ目 は ./?cat=23&page=3 となっているように、○ページ目 とはズレています。 でも、この変数ではそれが出力できるようです。 ソースは以下のようなものになっています。

<!--firstpage_disp--><a href="<%firstpage_url><%tail_url>"><%firstpage_num></a>...<!--/firstpage_disp-->
<%template_pager1>
<!--lastpage_disp-->...<a href="<%lastpage_url><%tail_url>"><%lastpage_num></a><!--/lastpage_disp-->

<%template_pager1> は PC用では機能しないようですが、それ以外の 太字になっている変数 はPC用,モバイル用,スマホ用で 問題なく機能します。 という訳で...

ページナビ部分,javascript ON・OFF の状態

このようにカスタマイズして使ってみることにしました! ちなみに、最初の図とページ数が異なるのは、PC用 と 携帯用(スマホ用・モバイル用) で表示件数の設定を変えているためです。
[ 関連記事 : FC2ブログ 環境設定の変更 ブログの設定2011 ]


PC用テンプレートに <%lastpage_url> を設置する方法,その目的

キーワード検索 : FC2ブログ  ページナビ  変数  スクリプト未使用  SEO対策  

スポンサーリンク

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

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

2011/09/24 ~ | Comment (0) tweet? | ↑ ページ先頭へ ↑ |

スクリプト未使用 カテゴリー別サイトマップ

2009/09/29 (火)  カテゴリー: ブログカスタマイズ上級
カテゴリー別サイトマップ

FC2ブログで、スクリプトを使わない カテゴリー別の記事一覧サイトマップ) を作る方法。 このサイトでは、一般的な 日付順の全記事一覧ページ の他に、カテゴリー別の記事一覧ページ があり、両方を使えるようにしてあるのですが... これ、実はどちらもスクリプト未使用。 今回は、このタネあかしをしちゃいます !!

  • スクリプト未使用なので、無駄もなく、重くならない!
  • 日付順 と カテゴリー別 という内容の異なるサイトマップを扱えるため、利用者が目的によって使い分けられる。 また、SEO対策 の1つとしても有効。

カスタマイズの難易度は高めですが、是非チャレンジしてみてください。

日付順の全記事一覧 と カテゴリー別の全記事一覧 の作り方

適用中のテンプレート は 日付順の全記事一覧ページ にするという前提で説明していきます。 その方が、通常のテンプレート自体がゴチャゴチャしなくて良いかな・・・と。 日付順の全記事一覧 については もはや説明不要かと思いますが... 私のテンプレートでは ↓下のような感じです。 (共有テンプレート ari_seoシリーズ でも 灰色部分以外 同じです。)

<!--titlelist_area-->
<!-- ▼全記事一覧▼ -->
<p>このサイトマップは...<br />
<a href="./?pc&template=categorymap&amp;all" title="カテゴリー別の記事一覧へ">カテゴリー別に並べ替え</a> もできます。</p>
<div class="entry_title"><h2>日付順の全記事一覧</h2></div>
<div class="all_m">
<!--titlelist-->
<h3><a href="<%titlelist_url>" title="個別記事ページへ">
<%titlelist_title></a></h3><p><%titlelist_body> …</p><div class="t_right">
<%titlelist_year>/<%titlelist_month>/<%titlelist_day> (<%titlelist_wayoubi>) [<a href="<%titlelist_category_url>" title="カテゴリー: <%titlelist_category> へ"><%titlelist_category></a>]</div>
<!--/titlelist-->
</div><!--/class=all_m-->
<!-- ▲全記事一覧▲ -->
<!--/titlelist_area-->

1. 準備 (カテゴリー別の全記事一覧)

  1. Firefox などの「選択部分のソースを表示する」機能を持つブラウザ か、 Chrome 拡張機能 『View Selection Source』 など が必要になります。 無くても作れない訳ではないですが... 少なくとも記事数が多い場合には必要です。

  2. 現在適用中のテンプレートの 「複製」 をまず1つ作ります。 必要な部分は HTMLの枠組み(構造)部分 と ヘッダーやフッター,サイドバーなどのブログの枠組み部分です。 (※FC2の広告変数 <%ad> <%ad2> は削除すると保存できないので注意!) それ以外は必要ないので 構造を壊さないように...削除しちゃってください。

  3. 必須ではないので後回しにしてもOKですが、スタイルシートは公開ブログのものと共有 にしておきます。 複製テンプレートのスタイルシート部分は削除し、 テンプレートの <link rel="stylesheet" type="text/css" href="<%css_link>" /> となっている部分の <%css_link> という部分を 適用中のテンプレートのCSS に変更します。
    追記 (2013/04/20):
    現在は、テンプレート更新毎に新しいスタイルシートが生成される仕様 になっているため、↑ のような設定は使えません。<%server_no> も利用不可です。 なので、
    <link rel="stylesheet" type="text/css" href="<%css_link>" /> を残して、スタイルシートもそのまま利用してください。
  4. 今作った 複製テンプレート の 「さらに複製」 をもう1つ作ります。 テンプレート名が紛らわしいと思うので、1つは [script] ,もう1つは [categorymap] のように判りやすい名前をつけておいてください。
    ※今後、この [script],[categorymap] という仮のテンプレート名で説明を続けさせていただきます。

2. 全記事一覧ページ をプレビューする手段を作る

  • 今回の作業を行うのは 全記事一覧ページ (<!--titlelist_area--> を含むページ) になりますが、テンプレートの編集→プレビューで表示できるのは トップページ です。 なので、テンプレートの編集作業を確認するための手段を用意しておきます。

  • http://arinogotokuatumarite.blog19.fc2.com/?pc&template=script&all
    http://arinogotokuatumarite.blog19.fc2.com/?pc&template=categorymap&all
    アドレスは↑ のようになるので、これを自分用に書き換え ブックマーク (お気に入り) などに追加しておいてもOKですが...

    そのテンプレート [script],[categorymap] に 以下のような トップページで表示されるリンク を張っておくのがお勧めです。
    <!--index_area-->
    <a rel="nofollow" href="./?pc&template=script&amp;all">
    スクリプト版 カテゴリー別の全記事一覧ページ</a>
    <a href="./?pc&template=categorymap&amp;all">
    ノンスクリプト版 カテゴリー別の記事一覧ページ</a>
    <!--/index_area-->
    これで、準備は完了です!!

3. いたおさん のスクリプトをお借りする・・・

もう、お気づきだと思いますが、ここでスクリプトを使用します。 お借りするのは、FC2ブログのテンプレート工房 いたおさんのスクリプト 「親子カテゴリ対応サイトマップ」 です。

これを参考にして テンプレート [script] に手を加えていきます。 ちなみに私のカスタマイズしたソースは ↓ こんな感じ。 (※実際のものよりも判りやすくしてあります。)

【 参照 : 直接編集OK 整形済みコピー用ソース

キーワード検索 : カテゴリー別の記事一覧  全記事一覧  スクリプト未使用  サイトマップ  FC2ブログ  

スポンサーリンク

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

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

2009/09/29 ~ | Comment (17) tweet? | ↑ ページ先頭へ ↑ |

FC2 ブログ記事にブックマーク追加ボタンを

2009/04/13 (月)  カテゴリー: ブログカスタマイズ中級

スクリプトを使わず、FC2ブログのブログ記事 に ソーシャルブックマーク に追加するボタン(リンク) を設置する方法。 現在、設置しているブックマーク等のリンクは 「この記事を含む はてなブックマーク」 「Google Bookmarks」 「Yahoo!ブックマーク」 「livedoorクリップ」 「Facebook でシェアする」 「Twitter でつぶやく」 の6つです。 順次更新

ソーシャルブックマークに追加ボタンの設置

追加ボタンは、javascript を使って設置しているサイトが多いですが、これらは スクリプトを使わなくても利用できるものですのでその方法を紹介します。 ここに載せたもの以外でも同様の方法で利用できると思います。 また、「IE のお気に入りに追加」 と 「Firefox のサイドバーに追加」 用のリンクも(使ってはいませんが...)参考までに載せておきます。

※画像のパス と 画像のサイズ は、各自変更してご利用ください。

【 参照 : 直接編集OK 整形済みコピー用ソース
はてなブックマーク この記事を含む はてなブックマーク
<a href="http://b.hatena.ne.jp/entry/<%topentry_link>" target="_blank"><img src="http://blog-imgs-18.fc2.com/a/r/i/arinogotokuatumarite/b_hatena.gif" title="この記事を含む はてなブックマーク" alt="はてなブックマーク" width="16" height="16" /></a>
Google Bookmarks この記事を Google Bookmarks に登録する
<a rel="nofollow" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=<%topentry_link>&amp;title=<%topentry_enc_utftitle>%20%E3%80%90%20<%enc_blogname>%20%E3%80%91" target="_blank"><img src="http://blog-imgs-18.fc2.com/a/r/i/arinogotokuatumarite/b_google.gif" title="この記事を Google Bookmarks に登録する" alt="Google Bookmarks" width="16" height="16" /></a>
Yahoo!ブックマーク この記事を Yahoo!ブックマーク に登録する
<a rel="nofollow" href="http://bookmarks.yahoo.co.jp/action/bookmark?t=<%topentry_enc_utftitle>%20%E3%80%90%20<%enc_blogname>%20%E3%80%91&amp;u=<%topentry_enc_link>" target="_blank"><img src="http://blog-imgs-18.fc2.com/a/r/i/arinogotokuatumarite/b_yahoo.gif" title="この記事を Yahoo!ブックマーク に登録する" alt="Yahoo!ブックマーク" width="16" height="16" /></a>
livedoorクリップ この記事を livedoorクリップ に登録する
<a rel="nofollow" href="http://clip.livedoor.com/clip/add?link=<%topentry_link>&amp;title=<%topentry_enc_utftitle>%20%E3%80%90%20<%enc_blogname>%20%E3%80%91&amp;jump=ref" target="_blank"><img src="http://blog-imgs-18.fc2.com/a/r/i/arinogotokuatumarite/b_live.gif" title="この記事を livedoorクリップ に登録する" alt="livedoorクリップ" width="16" height="16" /></a>

livedoorクリップ は、2012年10月10日でサービス終了となりました。
FC2ブックマーク この記事を FC2ブックマーク に登録する
<a rel="nofollow" href="http://bookmark.fc2.com/user/post?title=<%topentry_enc_utftitle>%20%E3%80%90%20<%enc_blogname>%20%E3%80%91&amp;url=<%topentry_link>" target="_blank"><img src="http://blog-imgs-18.fc2.com/a/r/i/arinogotokuatumarite/b_fc2.gif" title="この記事を FC2ブックマーク に登録する" alt="FC2ブックマーク" width="16" height="16" /></a>&nbsp;

FC2ソーシャルブックマーク は、2011年2月16日でサービス終了となりました。

Facebook この記事を Facebook でシェアする
<a rel="nofollow" href="http://www.facebook.com/sharer.php?u=<%topentry_enc_link>" target="_blank"><img src="http://blog-imgs-35.fc2.com/a/r/i/arinogotokuatumarite/s_facebook.gif" title="この記事を Facebook でシェアする" alt="Facebook" width="16" height="16" /></a>
Twitter この記事について Twitter でつぶやく
<a rel="nofollow" href="http://twitter.com/share?url=<%topentry_enc_link>&amp;text=<%topentry_enc_utftitle>%20%E3%80%90%20<%enc_blogname>%20%E3%80%91&amp;via=ツイッターID&amp;lang=ja" target="_blank"><img src="http://blog-imgs-35.fc2.com/a/r/i/arinogotokuatumarite/s_twitter.gif" title="この記事について Twitter でつぶやく" alt="Twitter" width="16" height="16" /></a>

&amp;via=ツイッターID 部分はツイッターを使っていない方は省略します。
※ツイッターを使っている方は ID(アカウント名)を任意に設定(省略可)。

IE この記事を IEのお気に入り に追加する
<a href="javascript:window.external.AddFavorite
('<%topentry_link>','<%topentry_title> 【 ありのごとくあつまりて 】')"><img src="http://blog-imgs-18.fc2.com/a/r/i/arinogotokuatumarite/b_favorite2.gif" title="この記事を IEのお気に入り に追加する" alt="IE" width="16" height="16" /></a>
Firefox この記事を Firefoxのサイドバー に追加する
<a href="javascript:window.sidebar.addPanel
('<%topentry_title> 【 ありのごとくあつまりて 】','<%topentry_link>','')"><img src="http://blog-imgs-18.fc2.com/a/r/i/arinogotokuatumarite/b_firefox.gif" title="この記事を Firefoxのサイドバー に追加する" alt="Firefox" width="16" height="16" /></a>

キーワード検索 : ソーシャルブックマーク  追加ボタン  スクリプト未使用  

スポンサーリンク

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

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

2009/04/13 ~ | Comment (3) tweet? | ↑ ページ先頭へ ↑ |

FC2 非表示カテゴリーの作り方

2009/04/03 (金)  カテゴリー: ブログカスタマイズ上級

カテゴリーの一覧で表示されない 「非表示カテゴリー」 の作り方を紹介します。 これは、スクリプトを使っている訳でもなく スタイルシートで見えなくした訳でもない 極めて単純な発想ですが、私が実際に使っている方法です。
ちなみに、限定公開などのプライベートモードとは 別もので、Web上に公開されているけれども カテゴリーリストに載らない というだけのものです。

今現在 私が使っているのは 「ノンカテゴリー」 と 「非表示カテゴリー」 の2つです。 カテゴリー名は適当に付けてありますが、使っている意味合いが異なります。 例えば、「ゴミ箱行きカテゴリー」 「補足だけの記事」 「管理用カテゴリー」 「ご利用規約」 などに使うのも一案です。

右上の カテゴリーリスト は FC2の変数 を利用して 自動的に書き出している 一般的なものですが、 「ノンカテゴリー」 と 「非表示カテゴリー」 は載りません。 (月別アーカイブ や 検索結果ページ などには 記事 が反映されます。)

カテゴリの編集画面 (親子カテゴリーの場合)

キーワード検索 : FC2ブログ  非表示カテゴリー  カテゴリー  スクリプト未使用  

スポンサーリンク

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

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

2009/04/03 ~ | Comment (3) tweet? | ↑ ページ先頭へ ↑ |
申し訳ありません。 お探しの記事は現在、この ユーザータグ (Keyword) を設定していない可能性があります。 右上の検索BOXで 再度用語を短めに入力していただくと記事が見つかる場合があります。