WordPressさて、WordPressのオリジナルテーマが完成したところでエディタについて。オリジナルのテーマが作れるということはHTML,CSSであれば問題なく使いこなせるという状態ではないでしょうか。プラグイン最近というかもう結構前からレスポンシブデザインなんてのが流行っていますが、個人的にはデバイスとかブラウザのサイズによって見た目が変わるのはちょっと気持ち悪いと思っているので今回のオリジナルテーマ作りでは手をだしませんでした。テーマ前回に続き今回もjQueryネタ。したアニメーションネタです。本ブログではサイドバーにあるカテゴリーにマウスカーソルを持っていくと下にびよーんと伸びます。これの実装方法について。テーマ行いたい処理はこれ。マウスカーソルがタイトルや「続きを読む」にのったとき背景色をかえることです。単純にタグやclassの値を拾ってjQueryで処理させると、フォーカスしている記事以外の背景もすべて色が変わってしまいます。テーマまた公開前のちょっとしたおまけの内容です。AdSenseの「検索向けAdSense」というものを利用しています。これを利用すると検索結果が以下画面のようになります。テーマテーマづくりもほぼ終わり、バックアップもとったのでほぼ完成!という状態ですがおまけ程度にamazonウィジェットについて。amazonアソシエイトに登録してウィジェットを見てみるとたくさんのウィジェットがあります。プラグイン今回はWordPressのバックアッププラグインについて。ローカル環境でオリジナルのテーマが完成したら本番環境への移行が必要になります。移行するのは危険なのでやはりバックアップはとっておくべきでしょう。パンくずリスト以前パンくずリストをHTML化したのでそれをWordPressのテーマ化します。これ実は結構苦労しました。WordPressのカテゴリは階層化できる(親御関係を持たせられる)し、一つの記事に複数のカテゴリを付けられるから。テーマ今回はプラグインを使用しないでランダムな記事を表示する方法について。サイドバーのこの部分のことです。これは以下サイトを参照して実装しました(ランダム以外にもいろいろと参考になります)。プラグイン今回は関連記事を表示してくれるプラグインYARPPについて。以下のようなやつを自動的にブログに挿入してくれます。テーマ不具合第2弾です。前回の対応でコメント投稿後画面が真っ白になることはなくなりましたが、次はコメント投稿後、投稿したコメントよりも上にスクロールできなくなっていました。この原因はcssにありました。テーマオリジナルのテーマもそこそこ形になってきて、新規投稿やコメントをしてみるとなぜか画面が真っ白。こんな状況になりました。