この記事は最後に更新してから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

お勧め

has_category(2012年1月17日 更新)

bool has_category( [ mixed $category = '' [ , mixed $post = null ] ] )
投稿記事がカテゴリーに属しているか調べる。

comments_template(2018年5月27日 更新)

void comments_template( string $file = '/comments.php' , bool $separate_comments = false )
投稿ページ(post)または単一ページ(page)のコメント情報を取得し、コメント表示・投稿用のテンプレートファイルを読み込んで表示する。

is_taxonomy_hierarchical(2018年5月27日 更新)

bool is_taxonomy_hierarchical( string $taxonomy )
タクソノミーに階層(親子)関係があるか調べる。

send_confirmation_on_profile_email(2018年5月27日 更新)

void send_confirmation_on_profile_email()
メールアドレス変更を確認するメールを送信する。

get_the_modified_time(2023年9月20日 更新)

string | int | false get_the_modified_time( [ string $format = '' [ , int | WP_Post $post = null ] ] )
パラメータ$formatで指定したフォーマットで投稿の更新時刻を取得する。