5月 202012
 

Suffusionにテーマを切り替えてまず最初に目についたのが、サイドバーに置いているAdSenseがウィジェットに収まりきっていないところ(右図)。AdSenseの広告の幅が300pxなのに対して、ウィジェットの幅は260pxしかないので、サイドバー全体の幅を拡張してやる必要がある。

ダッシュボードの「外観/Suffusion Options」をクリックすると(何度見ても「DON’T PANIC!!」というメッセージに面食らうw)、CSSを書き換えずにテーマのスタイルを変更できるようなUIが出てくる。配色とかレイアウトとか、かなり細かく設定できるようになっているようだ。Skinningのタブは、配色とかアイコンセットとかを変更するがわりかし直観的だったのだが、いざサイドバーの幅を広げようと思ったら、Layoutsタブの下にあるDefault Sidebar Layoutや1 Right Sideber、Sidebarsタブの下にあるSidebar 1と、同じような設定があちこちにあって大混乱。あちこちのWidthを変えてみたものの、なかなか期待した表示にならなかったり。

Continue reading »

5月 132012
 

WordPressのテーマをSuffusionに乗り換えて気持ちもなんだかリフレッシュしたところで、さっそくスタイルのカスタマイズに着手していこう。スタイルシートは「外観/テーマの編集」から編集することができるが、一般的には、スタイルとかをカスタマイズするには子テーマを使うのが定石らしい。そうしないと、(iFeatureでしくじったように)テーマをアップデートしたらカスタマイズしたスタイルが消えてしまう。子テーマの作り方はWordPress Codexに詳しく書かれているが、この辺の面倒な作業を代わりにやってくれるOne-Click Child Themeという便利なプラグインがあったのでインストール&有効化。ダッシュボードに追加された「外観/Child Theme」というメニューをクリックする。

Continue reading »

5月 062012
 

ブログ開設当初はWordPressのテーマにiFeatureを使っていたのだが、カスタマイズしていく上でいろいろ不便なところがあったのでSuffusionに乗り換えることにした。iFeatureの何がイケてなかったかというと、CSSをちょこっと変えたいといったときに、メインのstyle.cssにスタイルを書き加えてもまったく反映されないところ。WordPressのダッシュボードから、「外観/テーマの編集」をクリックして、右側の一番下にある「スタイルシート(style.css)」を選択すると、一般のテーマではグローバルなスタイルを変更できるのだが、HTMLのソースを見てみるとiFeatureはどういうわけかstyle.cssを読み込んでいないのだ。

Continue reading »