主婦プログラマのSOHO生活

WordpressのWPtouchプラグインを色々とカスタマイズしていたのですが
「次のエントリを表示」機能が意外と使い難いという指摘を受け
思いきって削除してみました。

index.php <div id="call<?php echo md5($_SERVER['REQUEST_URI']); ?>" class="ajax-load-more"> <div id="spinner<?php echo md5($_SERVER['REQUEST_URI']); ?>" class="spin" style="display:none"></div> <a class="ajax" href="javascript:return false;" onclick="$wpt('#spinner<?php echo md5($_SERVER['REQUEST_URI']); ?>').fadeIn(200); $wpt('#ajaxentries<?php echo md5($_SERVER['REQUEST_URI']); ?>').load('<?php echo get_next_posts_page_link(); ?>', {}, function(){ $wpt('#call<?php echo md5($_SERVER['REQUEST_URI']); ?>').fadeOut();});"> <?php _e( "Load more entries...", "wptouch" ); ?> </a> </div> <div id="ajaxentries<?php echo md5($_SERVER['REQUEST_URI']); ?>"></div>

上記のソースを削除すれば、「次のエントリを表示」を消すことができます。

後は見せ方をPCサイトと同じようなページングにしたり
▼メニューも分かり難いというので変更し、日付表示も変更しました。

色々やっていると楽しいけど、もう何をどう直したのか
良く分からない状態になりつつあります。

WPtouchプラグインは、スマートフォンでアクセスした時に
サイトをスマートフォン向けに自動的に表示にしてくれるので
結構気に入っていますが、割とカスタマイズはし難いです。
それでも色々とカスタマイズしたくて手を加えてみたのですが
日本語文字が文字化けしてしまう現象になり
どうして良いのか実はずっと悩んでいました。

こんな記事書くのちょっと恥ずかしいのですが
TeraPadで編集していたし、文字コードはUTF-8だと思っていたので
そのまま保存をしていました。

でも、実際は、文字コードがShift-Jisになっているようで

TeraPadの「ファイル→文字／改行コード指定保存」で
文字コードをUTF-8に変更しないと駄目なようです。

文字化けをした場合は、ファイルの文字コードを確認してみるだけで
簡単に解決しました。というか、そんな初歩的な問題なのに
実はずっと悩んでいました。。

最近、趣味でWordPressをいじっているのですが
使用するテンプレートによっては、ナビゲーションメニューがなく
探したら、結構楽に作成できるプラグインを見つけたので試してみました。

使用プラグイン：
Navigation List Plugin NAVT
バージョン 1.0.34

細かい使い方については、こちらのサイトに詳しく書いてあります。

JavaScriptエラーについて
WinXP+IE8の環境では、ツール→NAVTリストをクリックした時点で
JavaScriptエラー「実行しましたが、ページでエラーが発生しました。」が表示されて、使う事ができませんでした。
そこで色々と調べたところ、バージョンによって問題箇所が異なるらしく
どうしようかと悩みつつ、駄目元でFirefox 5.0.1 で試してみたらエラーに
ならないで使う事ができました。特に修正は加えずできました。
相変わらず、IEでは駄目みたいでした。
jsエラーなので各環境に左右されるので一概には言えないようですが・・


そして、ナビゲーションメニューは、基本的に縦並びになって表示されてしまいます。
それについては、CSSの修正で横並びにすることができるようです。
こちらのサイトのコメントにて詳しく説明されています。

続きを読む