【WordPress】サイドバー改良プラグイン「Standard Widget Extensions」を導入してみた。

 …とは言っても、導入から24時間以上経過しておりますが。

 このブログ、以前からサイドバーがやたらと縦長になってしまっていて、すっきりできないものかと思いつつも、長らく放置しておりましたが、昨晩、ふと思い立って、サイドバー改良プラグインを探してみたところ、真っ先にヒットしたのが、「Standard Widget Extensions」でした。

 このプラグイン、大きく次の2つのことを実現できます。

  • Accordion Widget (開閉するウィジェット)
  • Sticky Sidebar (スクロールが止まるサイドバー)

 私は当初、前者だけ実現できればいいやと思っていただけに、後者についても実現できるというのはうれしい誤算でした。

 私は過去の経緯から、日本人作成のWortdPressプラグインはなるべく導入しない方針ですが、こちらについては「過去の経緯」にも抵触しませんし、利用者からの評価も高いようですので、私のブログでも即採用決定でした。

 このプラグインについて、基本的には、「Standard Widget Extensions [日本語公式]」の内容でだいたい理解できます。ただ、現行のバージョン(1.7.4)の実装に完全に適合しているわけでもなさそうです。

 私がこのブログに導入する上で気をつけたことを、メモしておきます。なお、このブログのテーマは「Thematic Theme」を基本とした子テーマです。

  • 「一般」→「メインカラムのID」は本文のID。Thematicの本体では「content」となっているので、Thematic本体に手を入れていないのであれば、「content」を設定する。
  • 「一般」→「サイドバーのID」についても、Thematic本体に手を入れていないのであれば、そちらにあわせて「primary」を設定する 1)このプラグインの初期状態では、「メインカラムのID」に「primary」が設定されていて、当初そこを変更せずに動かしてみたら当然のごとく期待通りの動作をしなかったので、混乱してしまった…
  • 「一般」→「ウィジェットのクラス名」についても、Thematic本体に手を入れていないのであれば、そちらにあわせて「widgetcontainer」を設定する。ウィジェットのタイトルおよび内容の親要素のID。タイトルや内容の要素ではない。
  • 「Acordion Widgets」→「見出しのアイコン」は、デフォルトではなく「無効」とした。私のブログのようにウィジェットのタイトルに背景色をつけて文字色を白としているばあい、デフォルト設定だとタイトルを読めなくなってしまうための、苦渋の選択。
    しかしこれだとウィジェットが開いているのか閉じているのかわかりづらいので、テーマのスタイルシートに後述のスタイルシートを設定した。
  • 「Sticky Sidebar」については、基本的には初期状態のままでオッケー。ただし、私のブログでは「第2サイドバーのID」に「secondary」を設定した。

 なお、サイドバーの見出しアイコンについては、このブログでは上述の理由で適用しませんでした。そのため、テーマのスタイルシートに下記の記述を追加し、開閉状態を確認しやすくしております。

.aside h3.hm-swe-collapsed:before {
	content: '▼ ';
}
.aside h3.hm-swe-expanded:before {
	content: '▲ ';
}

 これで、右側がごちゃごちゃしている私のブログも、だいぶすっきりしました。

「Standard Widget Extensions」導入後のサイドバー

 現時点では、私の管理下のサイトでは、こちらと「Telmina.com」メインにのみこのプラグインを導入していますが、ほかのコンテンツにも導入するか否かについては、しばらく様子見をしたいと思います。

作者ブログ @ ヘタレな趣味の道
WordPress 用プラグイン Standard Widget Extensions を公開しました
Standard Widget Extensions [日本語公式]
プラグイン配布元
Standard Widget ExtensionsWordPress Plugins

このブログで関連すると思われる他の投稿:

00

References   [ + ]

1.このプラグインの初期状態では、「メインカラムのID」に「primary」が設定されていて、当初そこを変更せずに動かしてみたら当然のごとく期待通りの動作をしなかったので、混乱してしまった…
この記事はWordPress, 私的メモに投稿されました タグ: , , , , , , , . このパーマリンクをブックマークする。 Trackbacks are closed, but you can post a comment.

コメントを残す