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

モード変更

この記事に含まれるタグ (Keyword) :
FC2ブログ  テンプレート  プレビュー  新仕様  

テンプレプレビューで各ページを確認する方法 (新旧対応版)

2011/05/12 (木)  カテゴリー: FC2マニア・仕様関連

過去記事でも紹介している テンプレートプレビューの方法 が 『新仕様サーバー』 では使えないため、新・旧 どちらでも使える方法を紹介します。 共有テンプレート(ari_seo シリーズ) では 2011年2月16日 更新版以降、修正した内容に変更してあります。

旧仕様サーバー と 新仕様サーバー について 【はじめに】

現在の FC2ブログの仕様には、2種類(もう少し厳密に分けると5種類?) があり、サイトのアドレス, 文字コード, スタイルシートの適応形式, 管理画面のアドレス, 多言語版か, テンプレートをDLした際の反応 などが共通のものではありません。

大雑把に仕様を分類すると、
  • 『 旧仕様サーバー 』
    主に、2011年1月23日頃 より前に登録されたブログ が該当。
    http://arinogotokuatumarite.blog19.fc2.com/ のように blog○○ の部分にサーバー番号が入っているもの。 文字コード は(多言語サーバーを除き) euc-jp
    ※他言語サーバー (blog124 ~128,131,132,138) の場合、日本語の文字コードは utf-8 になるようです。 登録時の設定によるもの...?
    ※また、「blog1 ~ 131,137,138」(大多数のブログ) と 「blog132 ~ 136」 では スタイルシートの形式が異なります。 後者は 新仕様のスタイルシート形式 と同様。
  • 『 新仕様サーバー 』
    主に、2011年1月23日頃 以降に登録されたブログが該当。
    http://paruparutestnew.blog.fc2.com/ のように blog の後ににサーバー番号が入らないもの。 文字コードは utf-8
    ※但し、2011年1月23日以降の登録であっても、稀に blog95, blog2 などのサーバー番号の入った 旧仕様 に登録されたものもあるようです。

で、本題ですが、これまで私が紹介していたプレビューの方法は 『新仕様サーバー』 では使えませんでしたので、新・旧 どちらでも使える方法 に変更しました。 単に アドレス部分を変更しただけですので、詳しいことは 過去記事 を参照してください。


適用していないテンプレートの トップページ以外のページもプレビューする方法 (実際に利用する方法)

プレビュー画面が トップページでなく カテゴリーページ や 好きなページ をプレビュー出来るってご存知ですか?FC2ブログのプレビュー機能。 これって編集した画面を確認するのにとても便利ですが、トップページを記事以外で構成しているブログなどの場合、プレビュー画面が トップページ では結構不便ですよね。 私は、ソースを弄るのが大好きなので、結構テンプレート(ソース)を編集していますが、その際、トップペー…
[ 過去記事 : FC2のプレビューでトップページ以外を確認 より ]

つまり、「適用しているテンプレートも していないテンプレートも 全ページ使えるんだよ!」 「テンプレートをカスタマイズする時などにも有効だよ」 ということです。

テンプレートのプレビュー用アドレス

追記 (2011/09/27) :
現在は 全サーバーで、どちらの形式も利用できるようになっているようです。

「temp_1」 というテンプレートの 個別記事ページ(固定リンク)をプレビュー
旧仕様サーバー用 ./index.php?style2=temp_1&no=75
新旧サーバー対応 ./?pc&template=temp_1&no=75
「temp_1」 というテンプレートの コメント編集ページをプレビュー
旧仕様サーバー用 ./index.php?style2=temp_1&mode=edit&rno=29
新旧サーバー対応 ./?pc&template=temp_1&mode=edit&rno=29
「temp_1」 というテンプレートの カテゴリー別ページをプレビュー
旧仕様サーバー用 ./index.php?style2=temp_1&cat=14
新旧サーバー対応 ./?pc&template=temp_1&cat=14
「temp_1」 というテンプレートの 月別ページをプレビュー
旧仕様サーバー用 ./index.php?style2=temp_1&date=200810
新旧サーバー対応 ./?pc&template=temp_1&date=200810
「temp_1」 というテンプレートの 検索結果ページをプレビュー
旧仕様サーバー用 ./index.php?style2=temp_1&q=Sleipnir
新旧サーバー対応 ./?pc&template=temp_1&q=Sleipnir
「temp_1」 というテンプレートの タグ検索結果ページをプレビュー
旧仕様サーバー用 ./index.php?style2=temp_1&tag=Google
新旧サーバー対応 ./?pc&template=temp_1&tag=Google
「temp_1」 というテンプレートの 全記事一覧ページ をプレビュー
旧仕様サーバー用 ./index.php?style2=temp_1&all
新旧サーバー対応 ./?pc&template=temp_1&all 新仕様サーバーでは利用不可
「temp_1」 というテンプレートの page-0.html をプレビュー
旧仕様サーバー用 ./index.php?style2=temp_1
新旧サーバー対応 ./?pc&template=temp_1
「temp_1」 というテンプレートの (トップページをプレビュー)
旧仕様サーバー用 ./index.php?style2=temp_1&index
新旧サーバー対応 ./?pc&template=temp_1&index

※2ページ目以降のページ を プレビューしたい場合には アドレスの一番最後に &page=1 (2ページ目), &page=2 (3ページ目), &page=3 (4ページ目) ... を追加すればOK!


テンプレートのプレビュー用リンク
実際のWebページはこちら 

適用中テンプレートの複製、テスト用テンプレートなどに プレビュー用のリンク を設置するためのソース

?pc&template= 版です。

適用中のテンプレートの複製テンプレートを作り、そのテンプレートの適当な場所に以下のソースを追加します。

テンプレート名 のところを そのテンプレート名 に変更し、■色文字部分 を 適当な記事No. カテゴリーNo. などに変更すれば使えます。 (検索結果ページ には Google→ &q=Google ,タグ検索結果ページ には FC2→ &tag=FC2 と仮設定してあります。 日本語を使う場合には、サーバーの文字コード(新仕様では utf-8 になる予定)で エンコード化して 利用してください。

必ず その都度 更新(保存)してから、チェックするようにしてください。 (適用中のテンプレートではないので ブログには影響せず安心です!!)

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

<!-- ▼ プレビュー用 公開する際にはここから下を削除 ▼ -->
<ul style="color:red">
<li><a rel="nofollow" href="./?pc&amp;template=テンプレート名&amp;no=15">
個別記事ページ</a></li>
<li><a rel="nofollow" href="./?pc&amp;template=テンプレート名&amp;mode=edit&amp;rno=15">
コメント編集ページ</a></li>
<li><a rel="nofollow" href="./?pc&amp;template=テンプレート名&amp;cat=0">
カテゴリー別ページ</a></li>
<li><a rel="nofollow" href="./?pc&amp;template=テンプレート名&amp;date=<%now_year><%now_month>">
月別ページ</a></li>
<li><a rel="nofollow" href="./?pc&amp;template=テンプレート名&amp;q=Google">
検索結果ページ</a></li>
<li><a rel="nofollow" href="./?pc&amp;template=テンプレート名&amp;tag=FC2">
タグ検索結果ページ</a></li>
<li><a rel="nofollow" href="./?pc&amp;template=テンプレート名&amp;all">
全記事一覧ページ</a></li>
<li><a rel="nofollow" href="./?pc&amp;template=テンプレート名">
page-0.html</a></li>
<li><a rel="nofollow" href="./?pc&amp;template=テンプレート名&amp;index">
トップページ</a></li>
</ul>
<!-- ▲ プレビュー用 公開する際にはここから上を削除 ▲ -->

※rel="nofollow" は、削除してもOKです。 このリンクをそのまま 「公開ブログ」 で使っている方を見かけたので... 重複対策用に 念のため入れているものです。


それにしても... なかなか説明しづらい仕様になりました (o´・∀・`o)
でも、仕様統一・ブログURL変更 などが実行されちゃうのはもっとイヤかも。。。

私が 現在使用している index.php?style2= などのページ ↓ は、取り敢えずこのまま使う予定ですが、将来的には ?pc&template= に書き換える必要がでてくるかもしれません。。。;



キーワード検索 : FC2ブログ  テンプレート  プレビュー  新仕様  

スポンサーリンク

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

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

2011/05/12 ~ | Comment (0) tweet? | ↑ ページ先頭へ ↑ |
 @arinogotoku
  • paruparu (arinogotoku) on Twitter
    ツイートが上手く表示されない時は Twilog or 公式Twitter などから見てください。

0 Comment

コメントを投稿する 記事: テンプレプレビューで各ページを確認する方法 (新旧対応版)


お気軽にコメントをどうぞ。
ソースコード等の < と > は (実態参照に変換されるので) そのまま使ってOKです。 & は 全角 に変えて使ってください。

  任意 : 後から修正や削除ができます。
  非公開コメントとして投稿する。(管理人にのみ公開)
 

Trackback