WPtouchを使っていた頃にはPC用とスマホ用のレイアウトを切り替えるボタンがありました。
レスポンシブデザインにしてからはいらないかなと思ったんですが、スマホ用のレイアウトではどうしても情報量が少なくなってしまいがちです。
そこでレイアウト切り替えボタンをjQueryで実装してみました。
PC用とスマホ用のレイアウト切り替えボタンをつくる
SyntaxHighlighterでCSS3とベンダープレフィックスに対応する
私はWordPressでソースコードを表示するのにSyntaxHighlighter Evolvedを使っています。
ふとCSSのコードを書いた時、inline-blockやtransitionがハイライトされなかったんです。
色々試してみたら-moz-や-webkit-も対応していないようです。
どうやらSyntaxHighlighter自体、CSS3やベンダープレフィックスには対応してないみたいですね。
そこでソースコードをいじって無理やり対応してみました。
ゴリ押しではないので今後CSSのプロパティが増えたとしても大丈夫なようになっています。
ソーシャルボタンをオリジナルのデザインにする
今までAddThisを使っていたんですが、いろんなサイトを見る限り使ってないんですよね・・・。
そこで最近よく目にするオリジナルのフラットなソーシャルボタンを作ってみました。
テーマのレイアウトの変更
今流行り（？）の画面全体に渡るようなワイドなレイアウトです。
テーマのレイアウト変更と少しだけ配色を変えました。
結構色んなところを変更したので以前のサイトを覚えている人は探してみてください（いない）
WordPress 4.1 「Dinah」にアップデート
12月19日にWordPress 4.1がリリースされました。
早速インストールしてみましたよ！
主な変更点は以下のとおりとなります。
iTunes12のフォントを変更する
iTunes12が少し前に出たのでアップデートしてみました。
アイコンが赤くなったり、フラットデザインが採用されたり、時代の流れですな・・・
それはまぁいいんですけどプレイリストなどの日本語のフォントが汚くなりました。
気軽に「いいね！」できるプラグイン 「WP Likes」
以前からあったらいいなと思っていたプラグインをようやく見つけましたので、試験的ではありますが実装しました。
「WP Likes」はブログ内だけで完結するFacebookの「いいね！」ボタンみたいなものです。
functions.phpに書いている便利なコード
WorpdressやPHPに結構慣れてきたり、検索能力が上がってきたので、コードを書く時にほぼ困らなくなってきました。
テーマファイルの中でよく書き換えるのはfunctions.phpで、これにはプラグインにしなくてもいいけど便利なコードをよく書いています。
jQuery slideUp slideDownがうまく動かない現象
個人的に結構悩んだので、そのメモです。
WordPressのカスタムメニューのドロップダウンメニューをslideUpとslideDownでアニメーションにしようと思ったんです。
セレクタが少し違ってたりしますが、コードはだいたいこんな感じです。
WordPressの高速化にかなり貢献してくれる「CloudFlare」
重いレンタルサーバーを借りている私はいつもWordPressの高速化を気にしています。
キャッシュなどもありますが、現在はCDNサービスが注目されています。
