2inc.org

  1. HOME
  2. wordpress

jqueryでカテゴリごとにメニューの画像を切り替えるTips 2

以前にも一度書いてますが、汎用性0で非常に使いにくいものだったので、再度組み直し。良くわからないまま組んだけど、とりあえず動いているっぽいので公開します。

/*========================================

gnav画像を反転させるjquery plugin

========================================*/

function globalNaviCurrent() {
	var url = location.pathname
	var directory = url.split("/");

	if(directory[1]==''){
		var currentDirectory = "/";
	}else if(directory[1]=='category'){
		var currentDirectory = directory[2];
	}else{
		var currentDirectory = directory[1];
	}
	var currentA = $('#header #GlobalNavigation ul li a[@href$=' + currentDirectory + '] img');

	if(imgsrc = currentA.attr("src")){
		var kugiri = imgsrc.split("_n",2);
		var imgsrcCurrent = kugiri[0] + "_r" + kugiri[1];
		currentA.attr({ src: imgsrcCurrent });
	}
};
$(document).ready(globalNaviCurrent);

ルートの直後の階層のパスを取得して判別します(「http://2inc.org/web/html」だったら「web」)。一応wordpress用ってことで、カテゴリーページには「category」というパスが入るようだったので、その判別入れてます。

サイトに会わせて書き換えないといけないのは「currentA」に渡す画像の階層の部分。あとは_nという画像と_rという画像を用意してそれを反転させてます。

参考

Wordpress2.3.1に移行

今までwordpress ME 2.2.3を使用していたのですが、まぁ、もういい加減移行するかということで最新版に移行。MEはリリースされていなくて日本語ローカライズ版への移行となりましたが、全く問題なく使えてます。移行も簡単でした。アップロードしてブラウザ開いて指示に従うだけでOK。唯一の心配事だったのはプラグインがちゃんと動作するのかということでしたが、見事に不具合が出ました。

タグ機能のための「simple tagging」と最新記事の表示に使用していた「Customizable Post Listings」の2つ。「simple tagging」のほうはwordpress本体に移行機能があったのでそこまで難しくなかったのですが、「Customizable Post Listings」は私では対応不能です…。普通に一覧表示ならできるのですが、カテゴリー指定ができないっぽい。うーん、困ったな。てか、wordpress本体のタグ機能も、きちんど動作するかまだ不安です。インポートはできてるのですが、管理画面とかないし。完全に今まで通り動かすにはまだまだ時間がかかりそうです。

追記

悪魔の自動改行機能が復活しとる…。wp-include/default-filtersのwpautopを全削除しても、formatting.phpのwpautopを全削除しても、意地になってそのファイル自体削除しても…自動改行が消えないよおおぉぉ(泣 どうも前のバージョンとは違うとこで処理が行われているみたいですね。
こんな糞な機能はいらないっつの。せめてオンオフできるようにしてくれ。

Wordpressでクイックタグ(タグ入力支援)する

Wordpressでビジュアルエディタを使用していない場合、ボタンでタグを入力できるようになっています。いわゆるクイックタグ。このクイックタグ、正直デフォルトのものはあまり使えない。「link」と「more」ぐらいです。普段使うのは。

で、今回はそのクイックタグを便利にするプラグイン。

「WP-AddQuicktag.zip」をクリックしてファイルをダウンロード、解凍して「plugins」フォルダにアップロード、プラグインを有効化。

あとは「各種設定」→「Add Quicktags」で設定できます。英語ですが、ボタンに表示するテキストと開始タグ、終了タグの3つを入力するだけなので簡単です。

と、こんな記事書きながら全てタグ手打ちしている私がいます。意味無ぇ…。