WordPressのダッシュボードをカスタマイズするベストな方法:ユーザーエクスペリエンスを向上させる5つの実踐的なヒント

WordPressは柔軟性の高いオープンソースのコンテンツ管理システムであり、ダッシュボードはデフォルトではすっきりしていますが、特定のニーズを持つユーザーにとってはやや単調(diào)になりがちです。幸い、いくつかの調(diào)整とプラグインの助けを借りて、WordPressのダッシュボードをパーソナライズし、特定のユーザーのニーズに対応できるようにし、エクスペリエンスを向上させることができます。

畫像[1] - WordPressのダッシュボードをカスタマイズする方法:ベストメソッドと実用的なヒント

この記事では、さまざまな方法について説明します。カスタムWordPressダッシュボードコードの微調(diào)整から、プラグインを使用するためのノーコード?アプローチまで。

WordPressのダッシュボードをカスタマイズする5つのベストな方法

1.コードによるダッシュボードのカスタマイズ

コードに詳しい方は、テーマの functions.php ファイルにカスタム関數(shù)を追加することで、次のような効果が得られます:

  • WordPressのバックエンドに移動します。::
    • WordPressのバックエンドにログインします。
  • テーマファイルエディターを開きます::
    • 左のメニューで 外観 > テーマファイルエディタ.
    • の現(xiàn)在のトピックを選択します。 functions.php ファイル(しばしば「サブジェクト関數(shù)」などと呼ばれます。)
畫像[2] - WordPressのダッシュボードをカスタマイズする方法:ベストメソッドと実用的なヒント
  • 不要なウィジェットの削除

以下のコードは、デフォルトのWordPressダッシュボード?ウィジェットを削除するのに役立ちます。 functions.php ドキュメンテーション

関數(shù) remove_dashboard_widgets() {
    remove_meta_box('dashboard_quick_press', 'dashboard', 'side');
    remove_meta_box('dashboard_incoming_links', 'dashboard', 'normal');
    remove_meta_box('dashboard_right_now', 'dashboard', 'normal');
    remove_meta_box('dashboard_activity', 'dashboard', 'normal');
}
add_action('wp_dashboard_setup', 'remove_dashboard_widgets');

このコードでは、"クイックプレス","受信リンク","一見したところ「そして機能「ウィジェットウィジェットは必要に応じて追加?削除できます。

畫像[3] - WordPressのダッシュボードをカスタマイズする方法:ベストメソッドと実用的なヒント
  • カスタムウィジェットの追加

ウェルカムメッセージやショートカットリンクなどのカスタムウィジェットをダッシュボードに追加するには、以下のコードを使用します:

関數(shù) custom_dashboard_widgets() {
    wp_add_dashboard_widget(
        'custom_help_widget', // ウィジェットID
        'カスタムダッシュボードへようこそ', // ウィジェットのタイトル
        'custom_dashboard_help' // コンテンツを表示する関數(shù)
    );
}

関數(shù) custom_dashboard_help() {
    echo '<p>カスタマイズされたダッシュボードへようこそ!お客様のニーズに合わせたクイックリンクやリソースをご覧いただけます。</p>';
}

add_action('wp_dashboard_setup', 'custom_dashboard_widgets');

これは カスタムダッシュボード リンク、ショートコード、HTMLカスタマイズなど、関數(shù)に何でも追加できます。

  • CSSによるダッシュボードのスタイリング

カスタムスタイルシートでダッシュボードの外観を調(diào)整します:

関數(shù) custom_admin_css() {
    echo '<スタイル
         #wpadminbar { background-color: #333; }.
         .wrap h1 { color: #0073aa; }.
    ';
}

add_action('admin_head', 'custom_admin_css');

上記のコードは、トップ管理バーの背景色とタイトル色を変更します。スタイルコードは要件に応じて変更できます。

2.デフォルトウィジェットの追加と削除

また、ダッシュボードから直接アクセスすることもできます。スクリーンオプションでウィジェットの表示と非表示を制御します:

  1. WordPressのダッシュボードにログインします。
  2. の右上をクリックします。スクリーンオプションメニューを開いてください。
  3. ウィジェットの表示?非表示を設(shè)定します。
畫像[4] - WordPressのダッシュボードをカスタマイズする方法:ベストメソッドと実用的なヒント

この方法はシンプルかつ効果的で、ダッシュボードのレイアウトを素早く調(diào)整することができます。

3.カスタマイズを簡素化するプラグインの使用

コードを書きたくありません。プラグインを使えば、コードなしでダッシュボードをカスタマイズできます。おすすめのプラグインをご紹介します:

  • アドミニマイズ
    Adminimize では、ユーザーの役割に基づいてダッシュボードの要素を表示または非表示にできるため、一部のユーザーのインターフェイスを簡素化するのに最適です。
  • ホワイトラベルCMS
    ホワイトラベルCMSは、ブランド化されたダッシュボードに適しています。WordPressロゴの置き換えウィジェットの表示、カスタムカラースキーム、コントロールが可能です。また、カスタムログインページを作成することも可能です。
畫像[5] - WordPressのダッシュボードをカスタマイズする方法:ベストメソッドと実踐的なヒント
  • WPカスタム管理畫面
    このプラグインは、ダッシュボードの項目を調(diào)整したり、不要な要素を非表示にしたり、カスタムメニュー構(gòu)造を作成したりするための直感的なドラッグ&ドロップインターフェースを提供します。

これらのプラグインは強力なカスタマイズを提供し、コードの知識がなくても簡単に使用できます。

4.ショートカットメニューの作成

AnalyticsやDocumentationなど、WordPressサイトの重要な部分を指すメニューショートカットを追加することができます。以下のコードを使用してください:

関數(shù) custom_menu_links() {
    global $menu.
    $menu[5] = array( __('site analytics'), 'manage_options', 'https://your-analytics-url.com', '', 'menu-top', 'dashicons-chart-line', '' );
    $menu[6] = array( __('Document Centre'), 'manage_options', 'https://your-docs-url.com', '', 'menu-top', 'dashicons-book', '' );
}

add_action('admin_menu', 'custom_menu_links');

このコードはダッシュボードメニューにショートカットリンクを追加します。リンクアドレスは必要に応じて変更できます。

5.ログインページのカスタマイズ

WordPressのログインページはデフォルトではシンプルなデザインですが、コードによってパーソナライズされたコンテンツを追加することができます:

関數(shù) custom_login_logo() {
    echo '
         .login .button-primary { background: #0073aa; }.
         
    ';
}

add_action('login_enqueue_scripts', 'custom_login_logo'); }.

ログインページをさらに調(diào)整したい場合はカスタムログインページカスタマイザーなどのプラグインを使って、WordPressのカスタマイザーで直接ページスタイルを変更することができます。

畫像[6] - WordPressのダッシュボードをカスタマイズする方法:ベストメソッドと実用的なヒント

概要

コードによって不要なウィジェットを削除したり、パーソナライズされたウィジェットを追加したり、プラグインを使用してインターフェイスを簡素化したりすることで、ダッシュボードのエクスペリエンスを向上させることができます。一方、ショートカットメニューを作成したり、ログインページをカスタマイズしたりすることで、WordPressのブランディングとプロフェッショナリズムをさらに高めることができます。


お問い合わせ
チュートリアルが読めない?無料でお答えします!個人サイト、中小企業(yè)サイトのための無料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨詢:1025174874
Eメール:info@361sale.com
勤務(wù)時間: 月~金、9:30~18:30、祝日休み
? 複製に関する聲明
この記事を書いた人: Xiesong
終わり
好きなら応援してください。
クドス11 分かち合う
おすすめ
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし