WordPress管理ダッシュボードをカスタマイズする方法

WordPress管理ダッシュボードをカスタマイズする方法

カスタムカー。他の自動車と同じように、A地点からB地点に移動します。彼らは同じ材料から作られ、他の自動車と同じようにガロンのガスを燃やします。それでも、私たち(または少なくとも私たちの間の自動車愛好家)は、カスタムメイドの自動車に深い愛情を持っています。なぜ?


  • 彼らは組立ラインからまっすぐに対応するものよりもはるかによく見えます
  • 彼らはより良いパフォーマンスのために最適化されています

WordPressは、オンラインの夢を実現するために使用できる最高の手段の1つです。優れたダッシュボードが付属しています。すぐに使えるWordPressは、あなたやクライアントがすぐに素晴らしいウェブサイトを構築するのに役立ちます.

ただし、WordPress管理ダッシュボードは、「主流」になりすぎています。つまり、それは美しいけれども、個人的なスタイルを正確に染み出させるわけではありません。これは少し一般的であり、以前にプラットフォームを使用したことのあるクライアントにはおそらく印象を与えません。一体、それは個人的なスタイリングまたはブランディングのいくつかの類似を高く評価するクライアントを感動させません.

一方、カスタムのWordPressダッシュボードは個人的なものであり、クライアントがより多くのことを切望し続ける良い感じの要素をクライアントに提供します。ブランドを構築したり、クライアントのニーズに合わせてWordPressダッシュボードを調整したりすることで、優れた製品である独自のカスタムパッケージを提供できます。今日の投稿では、次のことを行います。

  • 不要なウィジェットとメニューを削除して、よりクリーンで軽量なカスタムダッシュボードを作成します
  • ダッシュボードのフッターリンクをカスタマイズする
  • WordPressロゴなどの一般的な要素を取り除く
  • 画面オプションをタッチ
  • ダッシュボードのカスタマイズに使用できるいくつかのプラグインをタッチします

この投稿の終わりまでに、クライアントと共感したり、オンラインブランドの存在感を高めたりする、美しく個人的なWordPress管理ダッシュボードを作成できるようになるはずです。最後まで楽しんで、以下のコメントセクションにあなたの考えを盛り込んでください!

待つ!始める前に、子テーマを作成します

コアテーマファイルを編集するか、テーマダッシュボードの[外観]の下にあるエディターを使用できますが、WordPressテーマを再び更新することはありません。テーマファイルに変更を加える前に、 子テーマを作成する. このようにして、コアテーマを更新しても、変更内容はすべてそのまま残ります。このチュートリアルのためだけに設定する簡単な手順を以下に示しますが、完全な子テーマ作成ガイドも用意されています。 ワードプレスコーデックス さらに助けが必要.

  1. 子テーマフォルダーを作成します。 WordPressインストールにログインし、 wp-content / themes / yourthemename フォルダ。このフォルダ内に新しいフォルダを追加し、「child-theme」または「yourthemename-child」という名前を付けます(アイデアがわかります).
  2. 子テーマのCSSファイルを作成します。 これで新しい子テーマフォルダーができたので、新しいファイルを追加して、現在のテーマのスタイルと機能を微調整したりオーバーライドしたりできます。最初に、子のテーマフォルダー内に新しいstyle.cssファイルを作成し、次に新しいファイルを編集して、基本的な見出し情報を追加します(何が起こっているのかを自分または後続の開発者が理解できるようにするため)。
    / *---------------------------------------------------
    テーマ名:ここにあなたの子のテーマフォルダ名
    説明:親のテーマ名の子テーマ
    著者:ここにあなたの名前
    テンプレート:ここに親テーマ名
    ----------------------------------------------------* /

    見出しの後、素晴らしいCSSをすべて追加して、子テーマを使用して親テーマの外観を変更できます.

  3. 子テーマのPHPファイルを作成します。 新しい子テーマフォルダー内にfunctions.phpファイルを作成します。次に、新しい関数ファイルを編集して、元の「親」テーマのスタイルをロードするコードを追加します。

    最後に開いたPHPタグの後にfunction.phpを微調整してください。.

もちろん、子テーマにさらに多くを追加して、ヘッダー、フッター、またはその他のテンプレートを変更できます。しかし、このチュートリアルの目的はこれで完了です。さあ、行きます…

不要なWordPressダッシュボードウィジェットの排除

WordPressダッシュボードにログインすると、次のようないくつかのセクション(ウィジェット)が表示されます。 一目で, サイト統計, クイックドラフト, そして WordPressニュース とりわけ。これらのダッシュボードウィジェットのほとんどはWordPressによって追加されますが、テーマやプラグインによっては、表示されるウィジェットの数が増減する場合があります。一部のテーマとプラグインは、独自のウィジェットをダッシュ​​ボードに追加します.

これらのウィジェットのいくつかは便利ですが、クライアントはそれぞれを表示する必要がありますか?ログインするたびにこれらの各ウィジェットを表示する必要がありますか?ウィジェットを取り除く方法がなかったため、ウィジェットに我慢しなければならなかったのかもしれません。今日はあなたのラッキーな日です。数行のコードを使用して、必要な数のダッシュボードウィジェットを簡単に削除できます。

//ダッシュボードウィジェットを削除します
function remove_dashboard_meta(){
if(!current_user_can( 'manage_options')){
remove_meta_box( 'dashboard_incoming_links'、 'dashboard'、 'normal');
remove_meta_box( 'dashboard_plugins'、 'dashboard'、 'normal');
remove_meta_box( 'dashboard_primary'、 'dashboard'、 'normal');
remove_meta_box( 'dashboard_secondary'、 'dashboard'、 'normal');
remove_meta_box( 'dashboard_quick_press'、 'dashboard'、 'side');
remove_meta_box( 'dashboard_recent_drafts'、 'dashboard'、 'side');
remove_meta_box( 'dashboard_recent_comments'、 'dashboard'、 'normal');
remove_meta_box( 'dashboard_right_now'、 'dashboard'、 'normal');
remove_meta_box( 'dashboard_activity'、 'dashboard'、 'normal');
}
}
add_action( 'admin_init'、 'remove_dashboard_meta'); 

上記のコードを子テーマのfunctions.phpファイル(以下にあります)にコピーします。 wp-content / themes / yourthemename / child-theme / functions.php)変更を保存すると、テーマまたはプラグインによって追加されたものを除いて、すべてのダッシュボードウィジェットが削除されます。上記のコードから、以下のすべてのユーザー 管理機能 コードのこの部分のおかげでウィジェットは表示されません:

if(!current_user_can( 'manage_options'))

…ユーザーが管理者だけが利用できる(「manage_options」)機能を持っているかどうかを確認しますおそらく、すべてのウィジェットをダッシュ​​ボードから削除したくないでしょう。代わりに次のコードを使用できます。

//アクションフックで使用する関数を作成します
function wpexplorer_remove_dashboard_widget(){
remove_meta_box( 'dashboard_quick_press'、 'dashboard'、 'side');
}
add_action( 'wp_dashboard_setup'、 'wpexplorer_remove_dashboard_widget');

上記のコードをfunctions.phpファイルにコピーし、変更を保存して、 クイックドラフト ウィジェット。他のウィジェットを削除するには、単に置き換えます 「dashboard_quick_press」、「dashboard」、「side」 各ウィジェットに対応するスラッグ。その他の標準ウィジェットスラグには次のものがあります。

  • dashboard_incoming_links
  • dashboard_plugins
  • dashboard_primary
  • dashboard_secondary
  • dashboard_quick_press
  • dashboard_recent_drafts
  • dashboard_recent_comments
  • dashboard_right_now
  • dashboard_activity

ただし、親テーマによって追加のウィジェット、インストールした他のプラグイン、またはホスティング(WP Engineでは、 wpe_dify_news_feed)。これらの追加されたウィジェットのスラッグを見つけるには、ブラウザーインスペクターを使用します(Chromeのウィジェットが気に入っています。これはデフォルトのWeb開発者ツールの一部なので、要素を右クリックして[検査]を選択するだけです)。 div ID 削除するウィジェットの.

WordPressダッシュボードウィジェットの追加

好みに合わせてダッシュボードウィジェットを削除できるようになったので、独自のカスタムウィジェットを追加してみましょう。ウィジェットで何でも表示できるので、夢のカスタムダッシュボードの作成を妨げるものは何もありません。最良の部分は、WordPressダッシュボードにウィジェットを簡単に追加できることです。次のコードをあなたの wp-content / themes / yourthemename / child-theme / functions.php ファイル:

/ **
*ダッシュボードにウィジェットを追加する.
*
*この関数は、以下の「wp_dashboard_setup」アクションにフックされています.
* /
function wpexplorer_add_dashboard_widgets(){
wp_add_dashboard_widget(
'wpexplorer_dashboard_widget'、//ウィジェットスラグ.
'マイカスタムダッシュボードウィジェット'、//タイトル.
'wpexplorer_dashboard_widget_function' //表示関数.
);
}
add_action( 'wp_dashboard_setup'、 'wpexplorer_add_dashboard_widgets');

/ **
*ダッシュボードウィジェットのコンテンツを出力する関数を作成する.
* /
function wpexplorer_dashboard_widget_function(){
echo "こんにちは、私は素晴らしいダッシュボードウィジェットです。編集してください!";
}

変更内容を保存。もちろん、必要に応じてプラグインを編集できます。あなたが持っている場所にあなたのHTML、PHPまたは何かを置きます:

echo "こんにちは、私は素晴らしいダッシュボードウィジェットです。編集してください!";

新しいカスタムウィジェットは、すべてのウィジェットの下の完全な下部に表示されます。ウィジェットが多数ある場合、ビューポートの外側にある可能性があります。ただし、ウィジェットを上部(またはそのほかの場所)にドラッグアンドドロップできます。.

カスタムWordPressダッシュボードページ

まったく異なるダッシュボードを作成したいとします。独自のカスタムHTML、PHP、さらにはスタイリングが付属しています。ダッシュボードウィジェットの追加/削除だけでなく、Remi CorsonによるWordPressカスタムダッシュボードページの作成方法を確認してください。.

彼は、独自のカスタムダッシュボードページ(custom-dashboard.php)の作成を高速化するのに役立つ優れたプラグインを作成しました。特定のニーズに合わせてプラグインをフォークするには、PHP開発スキルを磨く必要があります。全体として、私は試しました 甘いカスタムダッシュボード そしてそれは素晴らしいです。カスタムダッシュボードをインストールすることができます:)。ウェルカムメッセージをカスタマイズするには、WordPressダッシュボードのウェルカムメッセージのカスタマイズに関する投稿をご覧ください。.

WordPressダッシュボードメニューの削除

WordPressダッシュボードウィジェットを追加または削除したり、ダッシュボード全体の外観を変更したりすることができます(おかげでRemi)。次は、不要なメニュー項目を削除します。.

どうして?一部のメニューを削除して、クライアントに無駄のないダッシュボードを提供し、「制限された」領域にアクセスできないようにします。クライアントがWordPressの使い方を知らない場合、設定やプラグインなどのページにアクセスしてオプションを変更すると、最終的にはサイトを壊してしまう可能性があります。次のコードをfunctions.phpファイルに追加します。

function wpexplorer_remove_menus(){
remove_menu_page( 'themes.php'); //外観
remove_menu_page( 'plugins.php'); //プラグイン
remove_menu_page( 'users.php'); //ユーザー
remove_menu_page( 'tools.php'); //ツール
remove_menu_page( 'options-general.php'); // 設定
}
add_action( 'admin_menu'、 'wpexplorer_remove_menus');

上記のコードは、すべてのユーザーの設定、プラグイン、外観、ユーザー、およびツールへのメニューリンクを削除します。サブメニューも削除できます。以下は、Appearanceの下のWidgetsサブメニューを削除するコード例です。

function wpexplorer_adjust_the_wp_menu(){
$ page = remove_submenu_page( 'themes.php'、 'widgets.php');
}
add_action( 'admin_menu'、 'wpexplorer_adjust_the_wp_menu'、999);

上記の例では、ユーザーは[ウィジェット]を除く[外観]のすべてのサブメニューにアクセスします。メニューまたはサブメニューはいくつでも削除できます。ただし、これによってユーザーがこれらのページに直接アクセスできなくなることはありません。つまり、ユーザーがyourdomain.com/wp-admin/options-general.phpなどを入力すると、設定ページにアクセスします。アイテムがメニューにない場合、ほとんどのユーザーが気にしない良いこと.

functions.phpファイルを編集できない、または編集したくない場合は、いつでもインストールできます。 管理メニューエディタープラグイン, これにより、メニューを完全に制御できます。役割ベースのメニュー制限、メニューを非表示にしてカスタムメニュー項目を作成する機能など、いくつかの優れた機能が同梱されています。.

WordPressダッシュボードのフッターのカスタマイズ

これまでに、WordPress管理ダッシュボードに「重要な」カスタマイズを行いました。あなたがしているすべての素晴らしい仕事をいくらか信用するのは正しいことです。フッターのカスタマイズ(「 ワードプレス.」)は、お客様(またはクライアント)のブランドをさらに強化するのに役立ちます。フッターを「自分の名前で愛を込めて構築」に変更してみましょう。次のスニペットをfunctions.phpファイルに追加して、変更を保存してください。

//カスタム管理フッター
function wpexplorer_remove_footer_admin(){
エコー 'WPExplorerによる愛を込めて構築';
}
add_filter( 'admin_footer_text'、 'wpexplorer_remove_footer_admin');

「あなたの名前」をあなたの名前、ウェブサイト、メールアドレスなどに置き換え、yourdomain.comをあなたの実際のドメイン名に置き換えてください。次へ…

ログインフォームのカスタマイズ

これまでのところ、WordPress管理ダッシュボードをカスタマイズするために必要なものはすべて揃っています。さらに一歩進んでログインページをカスタマイズして、ユーザーが最初から真にパーソナライズされたエクスペリエンスを利用できるようにします。結局のところ、WordPressダッシュボードのカスタマイズがわざわざログインページからのみ提供されるのはなぜですか?

このページでは、デフォルトのWordPressロゴとそれに付属するwordpress.orgリンクの2つの要素をカスタマイズする必要があります。しかし、コードshowを紹介する前に、WordPress用の15のベストカスタムログインページプラグインのいずれかを使用して、ログインページを簡単にカスタマイズできます。ここで、コードで遊んだことによる温かみのあるあいまいな感じのために、次のものをfunctions.phpにコピーします。

関数wpexplorer_login_logo(){?>

logo.pngを、最初にアップロードする必要があるカスタムロゴファイル名に置き換えます。 wp-content / themes / yourtheme / images. 一部のカスタムCSSでこれを変更できる場合でも、カスタムロゴは80 x 80ピクセル未満にしてください。カスタムログインロゴを配置したら、元のWordPressロゴに付属するリンクを変更します。新しいロゴをウェブサイトにリンクしましょう。このコードをfunctions.phpファイルにコピーして、変更を保存します。

function wpexplorer_login_logo_url(){
esc_url(home_url( '/'));を返します。
}
add_filter( 'login_headerurl'、 'wpexplorer_login_logo_url');

function wpexplorer_login_logo_url_title(){
「あなたのサイト名と情報」を返す;
}
add_filter( 'login_headertitle'、 'wpexplorer_login_logo_url_title');

いつでもできます CSSを使用してログインページのスタイルを設定します. または、カスタムログインページとサイトブランディングのオプションが組み込まれたTotal Multi-purpose&Responsive WordPressテーマなどの素晴らしいテーマから始めることもできます。.

WordPressダッシュボードのカスタマイズ:画面オプション

コードに飛び込んだりプラグインをインストールしたりしたくない場合は、画面オプションを利用してカスタムWordPressダッシュボードを作成できます。 WordPressダッシュボードにログインするだけで、画面上部の右側に[画面オプション]ドロップダウンメニューが表示されます。これをクリックして展開し、ウィジェットのアクティブ化/非アクティブ化をオン/オフにします。その後、ウィジェットをドラッグアンドドロップして、必要に応じてウィジェットを配置できます.

唯一の欠点は、この方法ではユーザーごとに設定が保存されることです。つまり、複数の著者のブログがある場合はあまり効果がありません。また、ユーザーがウィジェットを自由に再アクティブ化できないようにすることはできません。.

ボーナス:プラグインを使用する

ほとんどの時間をコードオプションのカバーに費やしてきました。しかし、時間をつまんでいる場合は、プラグインが役立ちます.

オプション1:WordPress用Ultimate Tweakerプラグイン

ワードプレスの究極の微調整

最初に、少し違うもの:CodeCanyonから入手できるWordPress用のUltimate Tweaker。 WordPress管理者を編集するための本当に究極のプラグインオプション(他のいくつかのWordPress機能を追加).

ほとんどのプラグインは特定の目的のための機能をサポートしていますが、Ultimate Tweakerはサポートしていません。このプラグインは、私が今まで見たことがないような多目的なオールラウンダーです。基本的に、Ultimate Tweakerは240以上の異なるWordPressハック、トリック、およびツールをサポートし、あなたの生活をより簡単にします。これにより、いくつかの点でそれが役立ちます:効率を向上させる、WordPressの不快な部分を削除する、WordPressのコア機能を想定以上に拡張する.

これらの240のハックは非常に多様であり、35の異なるカテゴリに分類できます。 Ultimate Tweakerが何ができるかを理解するために、ここではその「ハック」のほんの一部を紹介します。

  • サイドバーメニューの上にロゴを追加する
  • WordPressダッシュボードとログインページのブランドを変更する
  • Webサイトの右クリックまたは画面印刷ボタンを無効にする
  • ログイン画面にreCaptcha 2を追加してセキュリティを強化する
  • JPEG品質を設定して画像のファイルサイズを小さくする
  • テキストウィジェットでショートコードを有効にする
  • 投稿の最小単語数を作成する
  • ログイン画面で間違ったパスワード「シェイク」を無効にする
  • ウェブサイトにGoogle Analyticsコードを追加する
  • WordPressの19の新しいキーボードショートカット
  • カスタム404ページを作成する
  • WordPressの自動更新を無効にする

これらのWordPressのハックの多くは、私たちがいずれかの時点でGoogleに頼ったものです。それらのほとんどはそれ自体では比較的マイナーですが、数百の包括的なリストがあれば、プラグインは集合的に多くの価値を提供できます。 WordPressコミュニティは通常、WordPressコアから何を見たいかについて非常に意見が分かれているので、開発者がコミュニティに耳を傾け、このプラグインの今後のアップデートで提案のいくつかを実装することを本当に望みます.

オプション2:フォレスト– Revolution WordPress管理テーマ

Forest WordPress管理テーマ

ウェブサイトのバックエンドのブランドを変更したいだけですか?通常は少しのコードを使用することをお勧めしますが、プラグインを使用することもできます。デフォルトのダッシュボードの外観に飽き飽きしている場合は、フォレストのWordPress管理テーマを使用して、少し見栄えをよくすることができます。そしてたったの$ 9。フォレストは、投稿/ページの追加など、WordPressでの使い慣れたタスクの方法を変更せず、WordPressを作成します 見て あなたがそれらをしているときはより良いです!プラグインでは、デフォルトのWordPressログインページを変更することもできます.

フォレスト管理テーマのスクリーンショット

フォレストを使用すると、WordPressダッシュボードに独自の背景画像を追加できます。または、上記のスクリーンショットの画像を含む、無料で提供されている6つの画像のいずれかを使用できます。独自の創造性(無制限の色を使用)を使用するか、デフォルトのWordPressカラースキームの1つを使用して、ダッシュボードをカスタマイズできます。 600以上のGoogleフォントから独自のタイポグラフィを選択して、ダッシュボードをさらにカスタマイズできます。プラグインは明るいスキンと暗いスキンをサポートしており、各要素の不透明度レベルを設定できます。ダッシュボードに使用していないボタンがある場合は、それらを非表示にすることもできます。これは、オプションが多すぎるとボタンが過負荷になる可能性があるクライアントWebサイトに最適です。.

注:Forestは、ライブWebサイトの外観を変更することはありません。純粋にバックエンド用です。.

WordPressダッシュボードのカスタマイズに関するリソース

WordPressダッシュボードのカスタマイズについてもっと知りたいですか?プロフェッショナルツールキットの追加リソースをいくつか紹介します。

あなたに…

カスタムのWordPress管理ダッシュボードを作成することは、ブランドイメージを強化し、パーソナライズされたエクスペリエンスをクライアントに提供する最良の方法の1つです。シンプルで、それほど時間はかかりません。何を求めている?カスタマイズする.

それ以外に、今日ここで何を学びましたか?カスタムWordPress管理ダッシュボードを作成したことがありますか?以下のコメントで熱心なコミュニティと共有してください。乾杯!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map