FC2共有テンプレート 【 ありのごとくあつまりて 】

先日、テンプレユーザーさんより、以下のようなコメントをもらいました。

久しぶりに自ブログにアクセスしてみると・・・ あれ？表示しない・・・。 ブラウザ内は真っ白（汗） 何度アクセスしても、管理画面内からアクセスしても 過去記事編集のプレビューからも 何をしてもブログが表示されないのです（涙）

これに対して返信したものが ↓ です。 これで白紙から復活されたようなので、同様の現象が起きた方がいましたら参考にしてみてください。

サーバー移設時に FC2側で強制的に PC用テンプレート， PC用プラグイン をガチャガチャと変換してしまうのですが、その際、余計な部分に charset="euc-jp" を付与されてしまう（場所も変なところに...）など があるようです。

取り敢えず、以下をお試しください。

1． （テンプレをカスタマイズしていないのなら） 共有テンプレを再度DLして利用する。
私の共有テンプレだと Ver.110216 以降 のものがサーバー移設対応のものになっています。

※それ以前のバージョンでも 移設後も大きな問題なく使えているケースもあるよなので... バージョンが白紙の原因という訳でもないと思いますが、できれば Ver.110216 以降 のもの使っていただくことをお勧めします。

2． テンプレの複製（バックアップなど） があれば、それを適用する。
適用中以外は（移設時に）弄られないようなので、これで直る可能性も高いとは思います。

追記 （2012/07/09） ：
管理画面にある PC用テンプレート全て（共有登録済みのものを含む） に変換が掛けられてしまうようです。 スクリプトの文字コードを指定していないもの全てに charset="euc-jp" が追加されてしまっているので、注意してください。 しかも 本来必要のない場所（外部スクリプト以外のもの等）への 誤挿入 も多いです！

3． charset="euc-jp" の誤挿入がないか調べ 不要なものを削除する。
ブログが白紙になってしまったという場合、エリア変数の途中など 本来入れてはいけない場所に charset="euc-jp" が入り込んでしまった可能性が高いと思います。 PC用テンプレート，PC用プラグイン を全てチェックして不要なものを削除してください。

4． PAROさん作のブックマークレットでチェック → 修正する
【FC2ブログサーバー移設】修正する箇所がないかをチェックするブックマークレット http://paro2day.blog122.fc2.com/blog-entry-927.html#utfcheck

上の画像の赤枠部分、ソースを見ると以下のようになっています。 リンクテキストのところに　http://xxxxxxx.blog129.fc2.com/?overture" target="_new　という中途半端なテキストが入っているのが分かるでしょうか。。

<div class="entry_bottom">
<p class="url"><a rel="nofollow" href="http://blog129.fc2.com/control.php?mode=editor&amp;process=load&amp;eno=" target="_blank" class="edit" title="管理用">（記事編集）</a>　<a href="http://xxxxxxx.blog129.fc2.com/?overture" target="_new" title="個別記事URL">http://xxxxxxx.blog129.fc2.com/?overture" target="_new</a></p>

&#45;&#45;/&#45;&#45;/&#45;&#45; | <b>Comment</b> (-) | <a href="./" title="トップページへ">HOME</a> | <a href="#top" title="このページの先頭へ">↑ ページ先頭へ ↑</a> |
</div><!--/class=entry_bottom-->

文法的エラーなどになっている訳ではないので、気にする必要もないかもしれませんが...

これまで、元のテンプレソースは 以下のようなものでした。（概略）

<p class="url"><a rel="nofollow" href="<%server_url>control.php?mode=editor&amp;process=load&amp;eno=<%topentry_no>" target="_blank" class="edit" title="管理用">（記事編集）</a>　<a href="<%topentry_link>" title="個別記事URL"><%topentry_link></a></p>

で、↑ この部分を 以下のものに変更するとバグのないスッキリした表示にすることが可能でした。 たかだかこれを見つけるのに 小一時間、変数と格闘しました。 （理由は後に..）

【 修正版 】
<p class="url"><a rel="nofollow" href="<%server_url>control.php?mode=editor&amp;process=load&amp;eno=<%topentry_no>" target="_blank" class="edit" title="管理用">（記事編集）</a>　<a href="./blog-entry-<%pno>.html" title="個別記事URL"><%url>blog-entry-<%pno>.html</a></p>

<p class="url"><a rel="nofollow" href="<%server_url>control.php?mode=editor&amp;process=load&amp;eno=<%topentry_no>" target="_blank" class="edit" title="管理用">（記事編集）</a>　<a href="./blog-entry-<%topentry_no>.html" title="個別記事URL"><%url>blog-entry-<%topentry_no>.html</a></p>

追記 （2012/02/04） ：
<%pno>　だと、ページエリア（カテゴリー別ページ や 月別ページ 等） の表示に不具合があったことを見落としていました。 <%topentry_no> を利用してください。

• <%topentry_link>
• <%url><%topentry_rlink>
• <%url>blog-entry-<%pno>.html
• <%url>blog-entry-<%topentry_no>.html

topentry 関連の変数は <!--topentry--> と <!--/topentry--> の間でのみ有効です。
<%topentry_rlink> というのは、多分 最近追加された変数だと思います。 blog-entry-212.html 部分だけ出力できるので、知っていると 多少ソースが軽量化できるかも。。

<%pno> は、個別記事ページ と コメント編集ページ でのみ出力されます。

テンプレート用　変数一覧｜FC2ブログ公式マニュアル

追記 ： 2011/12/08 までの更新履歴です。 各自修正してご利用ください。 公開中の最新版では修正済みです。 変更理由などは コメントを参照してください。

1. テンプレートの上部
   
   <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
   　↓
   <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
   　↓
   追記 （2013/04/13 Ver. ～） ： <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=3.0,user-scalable=yes" />
   
   
2. スタイルシートの該当箇所
   
   body {
   width: auto !important;
   margin: 0;
   padding: 0;
   （以下省略）
   }
   
   
3. 黒のテンプレ 「sp_custom」 のみ以下も修正
   
   /*================================
   Header
   ================================*/
   #s_top {
   width: 100%;　← 削除
   min-height: 60px;
   （省略）
   }
   .pankuzu {
   clear: both;
   width: 87%;
   （省略)
   }
   
   
4. 12/08　テンプレートの上部（スクリプト部分）変更
   
   <script type="text/javascript" charset="utf-8">
   function doScroll(){
   if(window.pageYOffset === 0){
   window.scrollTo(0,1);
   }
   }
   window.onload = function(){
   setTimeout(doScroll, 100);
   }
   function submit(){
   document.form1.submit();
   }
   </script>