動作確認で違うブラウザでサイト見てみたら、サイト左下になんか顔マークがある…。なにこれ？レイアウト崩れてるし、なにこれ？？で、調べて、解決したお話です。

先日、ol要素をcssでランキング形式っぽくスタイリングする方法という記事を書きましたが、目次に使ってるol要素ももっと可愛くできるんじゃないかなと思ってやってみました！

人気記事にランキングのアイコンをつけてみました。それぞれにli id="rank●"とかつければ簡単だったと思うんですが、WordPress Popular Postsを使って自動生成しているので、どうにかシンプルなol要素で出来ないかと頑張ってみました。王冠のアイコン、たいしたものじゃないですがフリーでお使いください。

そういえば404ページ作ってなかったなーと思いたったので、せっかくオリジナルでテーマ作ってるんだから作成してみました。新着記事とランダム記事を掲載して誘導する形で。

タブメニュー実装にチャレンジしてみました。jQuery-UIなんて素敵なものもあるのですが、サイトに合うようにカスタマイズするのであれば自分で組むのが一番かなと思いまして。

かなり長いことああでもないこうでもないとやっていましたが、やっと形になったっぽいです。2.X系でのカスタマイズ方法は良く目にするんですが、3.X系だとちょっと違うようで悩み抜きました。

WordPressでコードを書いている人ならきっと使っているSyntaxHighlighter Evolvedですが、見た目をもうちょっといじりたいな…と思っておりました。やり方が分かったのでご紹介。

追記：2013年9月にver3.xへ変更しました。こちらの記事をどうぞ。

せっかくスマートフォンに対応させたので、PCからスムーズに移動できるQRコードなんかあっても良いですよね。サイトに合うようにリンクと色を合わせたり、ロゴも埋め込んだりしてみました！

当サイトもスマートフォンへ対応させてみました！レスポンシブデザインではなく、テーマの切り替えという方法をとっていますが、適応させてみると断然見易い…やはりやってみるものですね。なかなか勉強になったので、その流れを書き残しておきます。

先日、URLを自動リンクするWordPressプラグイン、Auto-hyperlink URLsという記事を書いたのですが、ソースコードの一部に不備が出たり、ここはリンクさせたくない…とかいろいろありまして、結局は自分の欲しいとこだけjQueryでやるのが一番いいなという結論に至りました。