Align widgets horizontally:プラグイン作ってみました

説明

ほぼ毎日何度も見ているダッシュボードページ。自分好みに各ウィジェットの場所を配置しているものの、何かすっきりしない。そこでふと思ったのが、ウィジェットを横並びにできれば隣り合うウィジェットの並びがガタガタしなくなるのでは!?

flexが便利すぎる

ダッシュボードのウィジェットを横並びに変更する方法として、本プラグインではウィジェットアエリアに「display:flex」を適用。これをベースに細かなところを調整している。主な機能は次の通り。

  1. ダッシュボードのウィジェットを横並びに変更。
  2. 各ウィジェットの幅は個別に調整可能。
  3. ドラッグ中のウィジェットが配置される箇所を強調表示。

本プラグインにより、ウィジェットの幅は制約が緩和され、表現できる内容はより多彩になる(なってほしい)。

インストール

プラグインのインストール方法はいつもと同じ。

  1. 「Align widgets horizontally(wordpress.org申請中)」をダウンロード。アーカイブファイルを解凍したら、フォルダごと /wp-content/plugins/ の中にコピーする。
  2. 管理ページのプラグインページで「Align widgets horizontally」を有効にする。
  3. ダッシュボードへ遷移する。
    ダッシュボードのウィジェットが横並びに整列

ウィジェットの幅を調整

はじめて本プラグインを有効化した直後、各ウィジェットの幅は行別に均等化されている。(これまでと同様)ウィジェットをドラッグ&ドロップしながら配置を変更したら、ページ上部の「表示オプション」をクリック。各ウィジェット名の横に追加された数値入力ボックスで幅を調整する。

ウィジェット名の横に追加された数値入力ボックスで相対的な幅を指定

ウィジェットの幅は、相対的な幅となり、実際の幅はそのウィジェットがある行ごとに変化する。この幅は標準では1~5の範囲となる(フィルターで変更可能)。

よくある質問

Q. 各ウィジェットの幅や配置はユーザーごとに保存されますか。
A. はい、各ウィジェットの幅と配置はユーザーごとに保存されます。

変更履歴

  • 2024.04.XX 1.0.0をリリース予定。

最終更新 : 2024年02月28日 10:53

お勧め

get_bookmark_field(2011年6月11日 更新)

mixed get_bookmark_field( string $field, int $bookmark [ , string $context = 'display' ] )
リンク情報の要素値を取得する。

remove_filter(2022年11月8日 更新)

bool remove_filter( $tag, mixed $function_to_remove [ , int $priority = 10 [ , int $accepted_args = 1 ] ] )
WordPressタグに登録されているフィルターを削除する。

get_user_locale(2023年3月30日 更新)

string get_user_locale( [ mixed $user_id = 0 ] )
ユーザの言語を取得する。

add_plugins_page(2022年6月27日 更新)

mixed add_plugins_page( string $page_title, string $menu_title, mixed string $capability, string $menu_slug [ , mixed $function = '' [, int $position = null ] ] )
プラグインメニューにサブメニューを登録する。

wp_list_bookmarks(2018年5月27日 更新)

string wp_list_bookmarks( [ mixed $args = '' ] )
ブックマーク(管理画面の「リンク」)をパラメータ$argsのecho値が1ならば表示する。echo値が0ならばその文字列を取得する。