WordPressのサイドメニューを折りたたむ「wp_list_folderプラグイン」バージョンアップ
WordPressのサイドメニューを折りたたむ「wp_list_folderプラグイン」をバージョンアップしました。 １．プラグインの機能 WordPressのサイドメニューで折りたたみができるようにします。 プラグイン適用前（Twenty Tenテーマ） プラグイン適用後の折りたたんだ状態 ２．プラグインの変更点 ページを移動したときに、メニューの折りたたみ状態を保持できない不具合を解消しました。以下解説です。 このプラグインはjQueryの「Listfolderプラグイン」を利用しているのですが、ページを移動したときに折りたたみ状態を保持するために、各メニュータイトルに次のようなid属性の設定が必要です（その値をクッキーに保持します）。 <dt class="sidetitle" id="hoge">Recent Entries</dt> <dd> <ul> <li><a href="
横に飛び出すメガメニューを実装するjQueryプラグイン・JQUERY VERTICAL MEGA MENU - かちびと.net
最近かなり見かけるようになった印象の、 大量のコンテンツを格納するメガメニュー の横に飛び出すタイプ。jQueryで実装して います。メガメニューはECサイトやポータル サイトなどなど、階層の深いWebサイトにて ユーザビリティ向上に貢献してくれます。 何度もクリックしないと目的の場所に到達できない、という設計はユーザーに取って不便ですし、離脱率も上げてしまいがちですので、大量のコンテンツを保有するWebサイトではこういったメガメニューの導入を検討するのも良いかも知れません。 メガメニューはドロップダウン形式が多いのですが、今日ご紹介するスクリプトはサイドメニュータイプです。 見た目はよくあるサイドナビゲーションメニューですが、マウスを乗せると横に関連ページなどが整理された状態で飛び出しますので視覚的にもコンテンツを探しやすそうです。 画像を含めてあげるのもなかなか効果高そうですな。 コー
WordPress3.2にしたらサイドバーの行間が詰まりすぎて見にくいので変えた
WordPress3.2が出ましたねー！管理 画面のUIがまた随分と変わりました。 特にサイドバーが随分とかっこ良くなった ので、ちょっといいなと思ったんですが、 日本語だと文字間が詰まりすぎてなんだ か見にくい・・・！と思ったので変えました。 個人差あるでしょうけど・・・今まで丁度よかったので変えてしまいました。でも慣れないといけないのかなｗ 個人差あるでしょうけど、ちょっと僕には見にくい行間でした。 少し広げました。すっきり。英語版は気になりませんでしたけど、日本語で漢字込みになるとちょっと見難かったかな・・ add_action('admin_head', 'custom_side_style'); function custom_side_style() { echo ' <style> ul#adminmenu div.wp-submenu li{ padding: 3px !i
WordPressのサイドメニューを折りたたむ「wp_list_folderプラグイン」
WordPressのサイドメニューを折りたたむ「wp_list_folderプラグイン」を公開します。 １．機能 WordPressのサイドメニューで折りたたみができるようにします。 プラグイン適用前（Twenty Tenテーマ） プラグイン適用後の折りたたんだ状態 ２．プラグインのダウンロード・インストール 以下のリンクからプラグインをダウンロードしてください。 変更履歴 2011.06.20 v0.1 初版 2012.02.12 v0.2 折りたたみ状態が保持されない不具合を修正 wp_list_folder_0_2.zip プラグインのご利用および質問に対する回答等について、ご支援・ご賛同くださる方からの寄付をお待ち申し上げます。 アーカイブを展開し、中にあるwp_list_folderフォルダをpluginsディレクトリにアップロードしてください。 アップロード後、管理画面で「Li
WordPressのサイドバーリストをjQueryでツリー化する「wp_tree_maker」プラグイン
WordPressのサイドバーリストをjQueryでツリー化する「wp_tree_maker」プラグインを紹介します。 プラグイン適用前 プラグイン適用後 このプラグインは、以前公開した「サイドメニューのツリー化プラグイン for WordPress」をjQueryで新たに作り直したものです。これにより、ツリー化の設定が格段に簡単になりました。 １．機能 本プラグインの主な機能は次の通りです。 階層構造のリストをツリー化します サブカテゴリーの多段階層にも対応しています ツリー化の設定は管理画面から行えます ２．プラグインのダウンロード・インストール 以下のリンクからプラグインをダウンロードしてください。 変更履歴 2011.05.24 v2.0 jQuery版 2011.05.26 v2.1 保存後に入力項目が表示されない不具合を修正 2011.12.03 v2.2 第1階層にもツリーを
ブログを58の言語に瞬時に対応させるWordPressプラグイン「GTranslate」:phpspot開発日誌
WordPress GTranslate WordPress Plugins ブログを58の言語に瞬時に対応させるWordPressプラグイン「GTranslate」。 Google翻訳のAPIを使い、ページを５８の言語に対応させます。驚くべき部分は、Ajaxを使い画面遷移なしで、ブログそのままを瞬時に翻訳してくれるところ。 更に一度設定すればクッキーを使って設定が保存され、別のページに移動したとしても自動でページが翻訳されます（記事だけでなくナビゲーションも全て)。 インストール＆設定すると次のような言語選択ウィジェットが追加できます。 設定方法 インストールして、有効にすると、「設定」→「GTranslate」の項目が現れますのでクリック。 設定画面ではデフォルトの言語を「Default Language」→「Japanese」を選択して日本語に設定しましょう。 また、選択する言語が
WordPress 3のサイドバーにウィジェットを表示するカスタマイズ
WordPress 3のサイドバーにウィジェットを表示するカスタマイズです。ネタ的にはかなり出遅れてる感じですが、なかなか仕組みが理解できなかったので、WordPressテーマを変更したときの備忘録として残しておきます。 ここでは、ウィジェットが適用されていない2つのサイドバー（sidebar.php/sidebar2.php）にウィジェットを表示する例を説明します。カスタマイズしたいテーマにサイドバーが1つしかない場合、あるいは3つ以上ある場合でも手順はたいして変わりません。 １．sidebar.phpの変更 まず、サイドバー用のテーマファイルsidebar.phpがあるとします。 <ul> <li><h2>Search this site</h2><?php include (TEMPLATEPATH . '/searchform.php'); ?></li> <li><h2>Arch
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPressのサイドバーリストをjQueryでツリー化する「wp_tree_makerプラグイン」バージョンアップ
オリジナルテーマにウィジェットを追加するには | WordPressを使いこなしたい♪