この記事は最後に更新してから1年以上経過しています。

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.05.06 1.0.0をリリース。

最終更新 : 2024年05月06日 09:30

お勧め

wp_revisions_to_keep(2023年4月4日 更新)

int wp_revisions_to_keep( WP_Post $post )
投稿情報のリビジョン数を取得する。

get_month_link(2012年2月2日 更新)

string get_month_link( mixed $year, mixed $month )
月アーカイブのURLを取得する。

get_site_icon_url(2020年4月2日 更新)

string get_site_icon_url( [ int $size = 512 [ , string $url = '' [ , int $blog_id = 0 ] ] ] )
サイトアイコンのURLを取得する。

is_singular(2026年8月20日 更新)

bool is_singular( [ mixed $post_types = '' ] )
要求されているページが、投稿またはページか調べる。

wp_strip_all_tags(2018年5月27日 更新)

string wp_strip_all_tags( string $string [ , bool $remove_breaks = false ] )
文字列からHTMLタグを取り除く。