WordPress にレスポンシブ対応のウィジェットを追加できる Responsive Column Widgets

WebSite

2015.01.09

WordPress にレスポンシブ対応なウィジェットを追加したい場合、通常はテーマが対応してなければできませんが、Responsive Column Widget というプラグインを利用すれば簡単に追加する事ができるようになります。

Responsive Column Widgets のインストール

WordPress の管理画面にあるプラグイン新規追加画面で "Responsive Column Widget" と検索すれば出てきますのでインストール -> 有効化と進めていきましょう。

もしくは上記リンク先よりファイルをダウンロードし、plugins ディレクトリへアップロード、管理画面より有効化しましょう。

プラグインをインストールすると管理画面のウィジェット欄に "Responsive Column Widgets" という項目ができてるので、そこに表示したいウィジェットを選びます。

ウィジェットを設定したらテーマ側で表示できるウィジェットを変更できる場合はそこで Responsive Column Widgets を選択、無ければ PHP のコードをテーマファイルに追加、もしくはショートコードをページ等に追加可能です。

// ショートコード
&#x5b;responsive_column_widgets&#x5d;
// php のコードならこっち
<?php ResponsiveColumnWidgets(); ?>

これでウィジェットが表示されます。

幅を狭めると1カラムに。

以下のような設定が可能です。