WordPressではコメントとトラックバックが区別されないのですが、それはちょっと気持ち悪いので強引に分離してみました。

以前使っていたVicunaのテーマでは分離されているのがデフォルトだったので、Vicuna Ext.のテーマファイル群からcomments.phpを移植。
エラーを吐く関数を削除したり、CSSで見た目の整形をして、無事に分離できました。

かなり強引なやり方ですから、CSSもphpも汚い感じになってしまいました。
そのうち綺麗に書き直さなきゃなぁ。

今まで全て同列で扱ってきたカテゴリですが、グローバルナビゲーションに組み込むにあたって親カテゴリを設定し、整理しました。

従来のカテゴリを、文具と本、Web、その他と大まかに3種類に分けて、それぞれに親カテゴリを設定。
親カテゴリのアーカイブページでは子カテゴリすべての記事の一覧が表示されます。

で、この整理した親カテゴリを、WordPress3.0からの新機能、”メニュー”機能を使ってグローバルナビゲーション(↑のヘッダー画像下部にあるメニューね)に表示させてみました。

オンマウスでドロップダウン！子カテゴリを選択できます。

最新記事一覧だけじゃなくて、何があるのかメニューからわかると、初めて来た人でも読みたい記事を探し易いかなーと思います。

まあ、これくらいは小手調べ。
現在はテーマのコアを解析して、さらに私好みにするために改造中です。

ついでなので雰囲気をガラッと変えてみました(笑)

細かいところはこれから徐々に修正していきます。

テーマそのものが変わったので、現状ではAdsenseも表示されていませんし、コメントとトラックバックの区別もされていません。
また、運用していくうちに気づく表示の不具合なども見つけ次第修正していきます。

お気づきの点があれば、コメントでもメールでもTwitterでもいいのでご連絡頂けると助かります。

これからも当blogをよろしくお願いいたします。

突然ですが、現在、blogデザイン変更の作業を進めています。
今回の変更は技術的なことに関連するものです。
WordPress3.0で実装されたかなり便利な新機能が、現在使用しているテーマでは使えないので、対応しているテーマに変更します。

新機能によって独自のメニューリストをウィジェットやグローバルナビとして適用できるので、読みたい記事にサクッとアクセスできるようなメニュー構成を考えています。

で、現在確認している中で唯一その新機能に対応しているのが、WordPress 3.0から新しいデフォルトテーマとなった”Twenty-Ten”というテーマ。

これが非常にカスタマイズしやすい構造になっています。

まず、背景とヘッダー画像が、管理画面から直接編集できます。
当blogではやらない予定ですが、季節によってヘッダーを変えるといったことがとても簡単になります。
また、背景も見づらければいちいちFTPを立ち上げたり画像パスを書き換えたりすることなく、サクッと変更できます。

次に、CSSが分散していないということ。
現在使っている”Vicuna Ext.”では、パーツ、セレクタ、プロパティの種類によっていくつかのCSSに分散されています。
ひとつの要素に対して3つのCSSを書き換えなければいけないこともあります。
これが、”Twenty-Ten”だとひとつのCSSファイルにほとんどの要素が記述されているので、該当ファイルを探す手間が省けます。

とてもカスタマイズしやすいテーマなので、おそらく今回変更した後のデザインでしばらく運営していけそうです。

ここ数日、最新記事だけ全文表示、過去記事は”続きを読む”を自動的に処理できないかなーと模索しています。

色々調べてるうちに、当初の目的と直接は関係ないのですが、こんな記事に行き当たったのでこのblogでもやってみました。

wp.vicunaのcontinue reading…を”続きを読む”に変更して#extendedをなくす方法 – sorarium

“#extended”が付かなくなると何が起きるかというと…
まず、URLが分散しなくなります。
ブックマーク先などが”ドメイン/記事ID”と”ドメイン/記事ID#extended”に分かれてしまうことが無くなるわけです。
次に、WordPressでは”続きを読む”をクリックした場合、自動的に”続きを読む”で隠されていた部分まで飛ぶようになっているのですが、これが意外と読みにくい。
それが、記事の先頭から表示されるようになります。

元記事ではwp.vicunaを想定していますが、当blogは拡張版のVicuna.Extを使っています。
とはいえ、やることは同じなんですけども。(※やることが同じなので、以下の記述は元記事と同じです)

/wp-contents/theme/Vicuna_Ext/functions.php 内に、以下のような箇所があるので探します。

$content = preg_replace(‘/\s*<p><span id=”more-([0-9]+?)”><\/span>(.*?)<\/p>/’, “\n\t\t\t</div>\n$indentText<div class=\”textBody\” id=\”extended\”>\n$indentText\t<p>\\2</p>”, $content);

$content = preg_replace(‘/\s*<span id=”more-([0-9]+?)”><\/span>(.*?)<\/p>/’, “\t</p>\n\t\t\t</div>\n$indentText<div class=\”textBody\” id=\”extended\”>\n$indentText\t<p>\\2</p>”, $content);

$content = preg_replace(‘/\s*<p><span id=”more-([0-9]+?)”><\/span>(.*?)<br\s*\/>/’, “\n\t\t\t</div>\n$indentText<div class=\”textBody\” id=\”extended\”>\n<p>$indentText\t<p>\\2</p>”, $content);

それぞれのid=\”extended\”を削除して、以下のようにします。

$content = preg_replace(‘/\s*<p><span id=”more-([0-9]+?)”><\/span>(.*?)<\/p>/’, “\n\t\t\t</div>\n$indentText<div class=\”textBody\”>\n$indentText\t<p>\\2</p>”, $content);

$content = preg_replace(‘/\s*<span id=”more-([0-9]+?)”><\/span>(.*?)<\/p>/’, “\t</p>\n\t\t\t</div>\n$indentText<div class=\”textBody\”>\n$indentText\t<p>\\2</p>”, $content);

$content = preg_replace(‘/\s*<p><span id=”more-([0-9]+?)”><\/span>(.*?)<br\s*\/>/’, “\n\t\t\t</div>\n$indentText<div class=\”textBody\”>\n<p>$indentText\t<p>\\2</p>”, $content);

次に、以下の部分のextendedをそれぞれ削除。

$content = preg_replace(‘/<p(\s.+?=”.+?”>|>)\s?<a href=”(.+?)#more-([0-9]+?)”>(.+?)<\/a><\/p>/’, ‘<p><a href=”\2” title=”‘ . $entry_title . ‘ 全文を読む” rel=”nofollow”>\4</a></p>’, $content);

$content = preg_replace(‘/\s*<a href=”(.+?)#more-([0-9]+?)”>(.+?)<\/a><\/p>/’, “</p>\n\t\t\t\t”.’<p><a href=”\1extended” title=”‘ . $entry_title . ‘ 全文を読む” rel=”nofollow”>\3</a></p>’, $content);

それぞれ、このようになります↓

$content = preg_replace(‘/<p(\s.+?=”.+?”>|>)\s?<a href=”(.+?)#more-([0-9]+?)”>(.+?)<\/a><\/p>/’, ‘<p><a href=”\2” title=”‘ . $entry_title . ‘ 全文を読む” rel=”nofollow”>\4</a></p>’, $content);

$content = preg_replace(‘/\s*<a href=”(.+?)#more-([0-9]+?)”>(.+?)<\/a><\/p>/’, “</p>\n\t\t\t\t”.’<p><a href=”\1” title=”‘ . $entry_title . ‘ 全文を読む” rel=”nofollow”>\3</a></p>’, $content);

編集が終わったら保存してアップロード。

これで、”続きを読む”リンクをクリックした場合にも、URLに余計なものが付かず、記事の頭から読めるようになります。

WordPress3.0.1がリリースされました。

軽微な問題のFixだそうで。

いつものことながら、作業自体は、自動アップデートを使えばものの数分で終わります。

セオリー通り、まずはFTPでファイル群をバックアップ。
その後、DBのバックアップ(私のところはphpMyAdminなので、エキスポート)します。
自動アップデートをかけて、動作確認。

問題なければOKです。

こちらに今回のアップデートの内容が書いてあります。

更新情報はTwitterfeedで流していますが、記事をみてくれた方がその場でRetweet出来るようにしたら楽しいかな、と。

特に各種プラグインを比較してみたわけではなく、idea*ideaで紹介されていたTopsy Retweetを導入してみました。

プラグインをインストールしたら、あとは簡単な設定だけでOK。
設定画面は英語ですが、基本的な英単語の意味がわかればすぐに導入できます。

idea*ideaでの紹介記事はこちら

プラグインのページはこちら

WordPress 3.0 “Thelonious”がリリースされました。

日本語版はまだリリースされていないので、とりあえず英語版でアップデートをかけてみました。

いつものことながら、作業自体は、自動アップデートを使えばものの数分で終わります。

セオリー通り、まずはFTPでファイル群をバックアップ。
その後、DBのバックアップ(私のところはphpMyAdminなので、エキスポート)します。
自動アップデートをかけて、動作確認。

今回はメジャーアップデートなので、いつもより入念にバックアップを行ないました。

アップデート後、動作に問題なければOKです。

今回は新機能の追加などがあるのですが、ここ数日体調が優れず、英語を読んで色々試してみれる余力がないので、それについては日本語版リリースを待ってから改めて書きます。

WordPress2.9.2がリリースされました。

今回は不正なユーザー登録に対する脆弱性のFixです。

いつものことながら、作業自体は、自動アップデートを使えばものの数分で終わります。

セオリー通り、まずはFTPでファイル群をバックアップ。
その後、DBのバックアップ(私のところはphpMyAdminなので、エキスポート)します。
自動アップデートをかけて、動作確認。

問題なければOKです。

こちらに今回のアップデートの内容が書いてあります。

こんどはモノトーンで落ち着いた感じに。

実は暗い背景にコントラストの高くない文字というのが目に負担がない組み合わせなので、それを基準にいじってみました。

どうでしょうか。
読みづらいとか、以前のカラースキーマが残っている箇所があればご連絡頂ければと思います。

追記:

いくつかアドヴァイスを頂いたので、カラースキーマを若干変えて、完全なモノトーンではなく差し色を入れたりしてみました。