Swirling Mist

またひろまささんのところで面白そうなプラグインがリリースされました。

wp-otenki だそうです。投稿時のお天気を表示してくれます。

夏休みプラグインだそうで……。ああ、今現在個人的に夏休みが憎い身と致しましては、これを見て楽しい夏休みの思い出に浸ろうと思います。

自由研究もばっちりですね。新聞を毎日見ていなくても、毎日きちんと更新していれば「あれ？　この日って晴れてたっけ？」と8月末に宿題の日記の前で固まることもありません。

今の子はインターネットで調べることができますから、楽な世になったものです。はは。

Wordpress title suffix plugin というプラグインを使うと、タイトル部分をサイト名 » 記事のタイトルから記事のタイトル « サイト名にすることができます。

BirDesign さんのタイトルをサイト名の前に表示という記事で詳しく解説されています。配布サイトで 404 なので再配布も行っていらっしゃいます。

私もずっとそうしていたのですが、 caramel*vanilla さんの WordPressのためのSEO Tips&プラグイン16 という記事経由で知った WordPress and SEO に答えがありました。結論から言いますと、プラグインを使う必要はなかったのです。

結局どうすればいいのか

書いてある通り、 wp-content/themes/各使用中のテーマ/header.php の該当箇所を書き換えるだけ。

[code lang="php" -0]

[/code]

よくよく見たら Wptags.com の wp_title の項にもきっちり書いてあって落ち込みました。しかもそちらの方がコードが効率的です。しくしく。

凝ってみる

これでカラクリは解けました。それだけでは面白くないので Conditional Tags を使って少し凝ってみます。参考にしたのはテーマ Fauna のコード。

ここはどこですよ、というのを追加追加追加。少しくどいかもしれません。

[code lang="php" -0]

[/code]

個別記事、カテゴリー別表示、タグ別表示であることを主張。検索結果の用もあるのですが、どうにもこの記事内でうまく表示できません。構文が PHP HilightString と相性悪い、とかでしょうか？

<?php if(is_search()) { printf(__('Search Results for \'%s\' | '), $s); } ?>

というのを追加です。

付記

プラグインだけが WP を便利にする方法ではないんだなあ、と思いました。

そういえば月別表示にしてもおかしくはならなくなったのですが、 2006 July って正しい表記なのでしょうか。普通 July, 2006 などだと思うのですが。また、「7月だよ」、と言いたいのに ‘2006 July | Swirling Mist’ というのもなんだか不思議な気がします。うーん。

パンくずリストとは、 IT用語辞典によるとWebサイトの中のそのページの位置を、階層構造の上位ページへのリンクのリストで簡潔に記述したもの。だそうですが、構造が深くなればなるほど効力を発します。

当サイトでは、トップページ以外の上部に表示中。 Artworks 等、どうしても子ページの子ページになってしまうので、迷子防止のためにも親ページへのリンクは必要だと感じたためです。

WordPress でそれを実現してくれるプラグインが Breadcrumb Nav XT 。本稿執筆時のバージョンは1.4、使った WordPress のバージョンは 2.0.3 でした。

導入

Breadcrumb Nav XT — Software Guide からファイルをダウンロードして解凍します。 breadcrumb-navigation-xt.php を wp-content/plugins/ にアップロードして管理画面から有効化。

あとは表示したいところに記述するだけなのですが、多彩すぎて少し大変です。

[code lang="php" -0]

[/code]

これが必要最低限書かなければならないこと ¹ですが、オプションが沢山あるのです。

オプション

沢山ありすぎるので、原文を見てください。機械翻訳でも何とか分かります ²。

とりあえず当サイトで適用中のものをサンプルに解説していきます。

[code lang="php" -0]

[/code]

3行目の if の中身は

static_frontpage (デフォルト: false): あなたの Wordpress の URL が http://www.site.comだと仮定します。:
a) もしあなたが標準の WP のインストールをしていたら (www.site.com では最新の10件が表示されているようなら)、 FALSE を使います。
b) もしあなたが WordPress のページを使って http://www.site.com に静的なフロントページを作っていて、あなたのブログが http://www.site.com/blog/ にあるのならば、 TRUE を使います。

とのことなので 3 。多分 hyperpup さんみたいな構造の時は TRUE を使ってね、という意味だと思います。

しかし個別記事表示ページで

• Home http://isaki.net/ に戻る
• URL を指定します。

  static_frontpage が TRUE の時のみ使えます。原文の b) の時、ブログ部分は http://www.site.com/blog/ にあります。そこで url_blog で ‘/blog/’ と指定することによりブログのトップページが表示されるわけですが、当サイトではアーカイブページにつなげるために使ってしまっています。

  title_blog

  デフォルトでは ‘Weblog’ となっているブログのトップページのタイトルを変更します。

  static_frontpage が FALSE の時はここを ‘Home’ と指定したいと思うかもしれません。しかし当サイトでは以下省略。

  separator

  セパレーターを変更します。タイトル部分と併せて ‘ | ‘ にしてみました。画像も使えるそうです。

  付記

  他にも多くの部分が変更可能です。とりあえず適当に弄ってみるとベストな使い方が見えてくるかもしれません。

  Wordpress title suffix plugin を使っていると、表記が変になります。記事名の最後にもセパレーターが付いてしまいました。

  解決方法はあるのですが、それはまた

• 実は省いても大丈夫なところもあるのですが、とりあえず。[back]
• 全部訳そうと思ったのですが、ごめんなさいくじけました。ドキュメントの日本語訳をなさっている方の偉大さが身に染みます。[back]
• かなり意訳なので正確な理解のために原文を読んでください。[back]

Link Indication Plugin を使うと外部リンクに css クラスを付けることができます。それにより、画像を後ろに付けたり色を変えたり、目立たせることができます。

当サイトはリンクがごちゃごちゃしているのでとても必要なプラグインです。 IE で場合によってずれますが、仕方ないと諦めています。

導入

Link Indication Plugin — Software Guide からファイルをダウンロードします。本稿執筆時点でのバージョンは 2.6、使った WordPress のバージョンは 2.0.3 でした。

本体だけでなく、 Images もダウンロードしておきます。

解凍したら、 link-indication.php を wp-content/plugins/ にアップロードします。

次に、使用中のテーマフォルダ、 wp-content/themes/テーマ名/ の中にある style.css を開き、以下を追加します。

[code lang="css" -0]
/* For Link Indication plugin */
a.liexternal {
padding-right: 12px;
background: url(images/link-icon_external.gif) no-repeat right;
}
a.liwikipedia {
padding-right: 14px;
background: url(images/link-icon_wikipedia.gif) no-repeat right;
}
a.liimdb {
padding-right: 18px;
background: url(images/link-icon_imdb.png) no-repeat right;
}
a.liftp {
padding-right: 13px;
background: url(images/link-icon_ftp.png) no-repeat right;
}
a.limailto {
padding-right: 18px;
background: url(images/link-icon_mail.png) no-repeat right;
}
a.liinternal {
}
[/code]

あくまでも例えば、です。お好みで自由に合わせてください。画像を使う場合、上記の書き方だと wp-content/themes/テーマ名/images/ のなかに入れておきます。

後は有効化すれば完了。

オプション > Link Indication に行くと設定を変えることができます。 Specific external link types に記述を追加し、書いたクラス名に上記と同様にスタイルを設定すれば、特定の URL を特殊な見た目にすることが可能です。例えば、 Wikipedia へのリンクはこうなります。

ブログ - Wikipedia

分かりやすいです。

付記

外部リンクであることを示すような画像は

• famfamfam.com: Icons
• graphicPUSH: Free icons and free icon sets for web designers.

などにもあるので探してみるのも愉しいです。

WordPress の管理画面を見やすく、使いやすくするプラグインは数多くあります。昔は WP Tiger Administration と Admin Drop Down Menu のセットを使っていました。

しかし、 WP Tiger Administration の左下のスペースが気になって仕方ありませんでした。画面はめいいっぱい使いたいのです。

そうこうしているうちに SpotMilk が良いという話を耳にしました。試さないわけにはいきません。

導入

CeprixConception | SpotMilk, Admin Theme for WordPress からファイルをダウンロードします。本稿執筆時点でのバージョンは 1.6.6、使った WordPress のバージョンは 2.0.3 でした。

解凍したら spotmilk というフォルダを wp-content/plugins/ にアップロード。管理画面から有効化するだけですっきり見易くなります。

お好みで wp-admin.css のフォントの部分をいじるとより見易くなるかもしれません。私は "MS PGothic", "MS Pゴシック", が指定されているのがちょっと好みに合わなかったので、テキストエディタで

[code lang="css" -0]
“MS PGothic”, “MS Pゴシック”, “LiHei Pro”, “儷黑 Pro”, NSimSun, AppleGothic, Dotum, 돋움,
[/code]

を一気に削除してしまいました。

ドロップダウンメニュー

管理画面のメニュー項目をドロップダウンにするプラグインは Admin Drop Menus Wordpress Plugin が有名です。しかし、 SpotMilk と Admin Drop Menus を併用すると大変なことになります。残念だと思っていたら Spotmilk Admin Drop Menus という形で対応してくださりました。対応の素早さに脱帽です。

導入

本稿執筆時点でのバージョンは 1.2 でした。

Yellow Swordfish » Admin Drop Menus For SpotMilk Wordpress Plugin でファイルをダウンロードしたら spotmilkdropmenus というフォルダを wp-content/plugins/ にアップロード。あとは管理画面から有効化するだけです。

さっぱりすっきりしました。

総括

タグ:WordPress Plugin
カテゴリー: WordPress | コメントはまだありません »