WordPress 관리 대시 보드를 사용자 정의하는 방법

WordPress 관리 대시 보드를 사용자 정의하는 방법

맞춤형 자동차. 다른 자동차와 마찬가지로 지점 A에서 B로 안내합니다. 그들은 같은 재료로 만들어지며 다른 자동차와 마찬가지로 가스 갤런을 태 웁니다. 그러나 우리 (또는 적어도 우리 사이의 자동차 애호가)는 맞춤형 자동차에 대한 깊은 사랑을 가지고 있습니다. 왜?


  • 조립 라인에서 곧바로 대응하는 것보다 훨씬 나아 보입니다.
  • 성능 향상을 위해 최적화되었습니다

워드 프레스는 온라인 꿈을 이루기 위해 사용할 수있는 가장 큰 수단 중 하나입니다. 훌륭한 대시 보드가 제공되며, 즉시 사용할 수있는 WordPress는 고객 및 / 또는 고객이 멋진 웹 사이트를 신속하게 구축 할 수 있도록 도와줍니다..

그러나 WordPress 관리 대시 보드는 느낌과 모양이 너무 “주류 적”입니다. 내 말은 아름답지만 개인 스타일을 정확하게 표현할 수는 없습니다. 그것은 약간 일반적이며 아마도 플랫폼을 사용했던 고객에게 깊은 인상을주지 않을 것입니다. 개인 스타일링이나 브랜딩 유사점을 좋아하는 고객에게는 감동하지 않습니다..

반면, 맞춤형 WordPress 대시 보드는 개인용이며 고객에게 더 많은 것을 갈망하는 추가 느낌 좋은 요소를 제공합니다. 고객의 요구에 맞게 브랜드를 구축하거나 워드 프레스 대시 보드를 조정할 수있어 맞춤형 포장과 같은 훌륭한 포장으로 제공되는 훌륭한 제품을 제공 할 수 있습니다. 오늘 포스트에서, 우리는 :

  • 더 깨끗하고 가벼운 사용자 정의 대시 보드를 만들기 위해 불필요한 위젯 및 메뉴 제거
  • 대시 보드 바닥 글 링크 사용자 정의
  • 워드 프레스 로고와 같은 일반적인 요소 제거
  • 화면 옵션 터치
  • 대시 보드를 사용자 정의하는 데 사용할 수있는 몇 가지 플러그인을 터치하십시오.

이 게시물이 끝날 때 고객과 ​​공감하거나 온라인 브랜드 인지도를 강화하는 아름답고 개인적인 WordPress 관리 대시 보드를 만들 수 있습니다. 아래의 댓글 섹션에서 끝까지 즐기고 당신의 생각으로 우리를 놀라게하십시오!

기다림! 시작하기 전에 어린이 테마 만들기

핵심 테마 파일을 편집하거나 테마 대시 보드의 모양에서 편집기를 사용할 수 있지만 WordPress 테마를 다시 업데이트하지는 않습니다. 테마 파일을 변경하기 전에 어린이 테마 만들기. 이렇게하면 핵심 테마를 업데이트 할 때 모든 변경 사항이 그대로 유지됩니다. 다음은이 튜토리얼을위한 간단한 단계이지만, 전체 하위 테마 생성 가이드를 참조하거나 참조 할 수 있습니다. 워드 프레스 코덱스 도움이 더 필요하다.

  1. 자녀 테마 폴더를 만듭니다. WordPress 설치에 로그인하여 wp-content / themes / yourthemename 폴더. 이 폴더 안에 새 폴더를 추가하고 이름을 “child-theme”또는 “yourthemename-child”로 지정하십시오 (아이디어를 얻음).
  2. 자녀 테마의 CSS 파일을 만듭니다. 이제 새로운 하위 테마 폴더가 생겼으므로 현재 테마의 스타일과 기능을 조정하거나 재정의하기 위해 새 파일을 추가 할 수 있습니다. 먼저 하위 테마 폴더 내에 새 style.css 파일을 만든 다음 새 파일을 편집하여 기본 제목 정보를 추가하십시오 (사용자 또는 후속 개발자가 진행 상황을 알 수 있도록).
    / *---------------------------------------------------
    테마 이름 : 여기에 자녀 테마 폴더 이름
    설명 : 부모 테마 이름에 대한 자식 테마는 여기
    저자 : 여기에 당신의 이름
    템플릿 : 부모 테마 이름은 여기
    ----------------------------------------------------* /

    제목 후에는 모든 멋진 CSS를 추가하여 자식 테마를 사용하여 부모 테마의 모양을 변경할 수 있습니다.

  3. 자녀 테마의 PHP 파일을 만드십시오 : 새로운 child-theme 폴더 안에 functions.php 파일을 만드십시오. 그런 다음 새 기능 파일을 편집하여 원래의 “부모”테마 스타일을로드하는 코드를 추가하십시오.

    마지막으로 열린 PHP 태그 이후에 function.php 조정을 추가하십시오..

물론 자녀 테마에 더 많은 것을 추가하여 머리글, 바닥 글 또는 기타 다른 항목의 템플릿을 변경할 수 있습니다. 그러나이 튜토리얼의 목적 상 모든 준비가 완료되었습니다! 그래서 우리는 간다…

불필요한 WordPress 대시 보드 위젯 제거

WordPress 대시 보드에 로그인하면 다음과 같은 섹션 (위젯)이 나타납니다. 한눈에, 사이트 통계, 빠른 초안, 과 워드 프레스 뉴스 무엇보다도. 이러한 대시 보드 위젯의 대부분은 WordPress에 의해 추가되지만 테마 및 / 또는 플러그인에 따라 표시되는 위젯 수가 증가 또는 감소 할 수 있습니다. 일부 테마 및 플러그인은 자체 위젯을 대시 보드에 추가합니다.

이러한 위젯 중 일부는 유용하지만 고객이 각 위젯을 볼 필요가 있습니까? 로그인 할 때마다이 위젯을 각각보아야합니까? 어쩌면 위젯을 제거 할 방법이 없었기 때문에 위젯을 사용해야했습니다. 오늘은 운이 좋은 날입니다. 몇 줄의 코드를 사용하여 원하는만큼 대시 보드 위젯을 쉽게 제거 할 수 있습니다.

// 대시 보드 위젯 제거
함수 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’) 기능이 있는지 확인합니다. 모든 위젯의 대시 보드를 제거하고 싶지 않을 수도 있습니다. 대신 다음 코드를 사용할 수 있습니다.

// 액션 훅에서 사용할 함수를 생성
함수 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의 브라우저를 좋아합니다. 기본 웹 개발자 도구의 일부이므로 요소를 마우스 오른쪽 버튼으로 클릭하고 “검사”를 선택하기 만하면됩니다)를 사용하여 사업부 ID 제거하려는 위젯.

워드 프레스 대시 보드 위젯 추가

마음에 드는대로 대시 보드 위젯을 제거 할 수 있으므로 사용자 정의 위젯을 추가해 보겠습니다. 위젯으로 원하는 것을 표시 할 수 있으므로 꿈의 사용자 정의 대시 보드를 만들지 않아도됩니다. 가장 중요한 부분은 WordPress 대시 보드에 위젯을 쉽게 추가 할 수 있다는 것입니다. 다음 코드를 추가하십시오. wp-content / themes / yourthemename / child-theme / functions.php 파일:

/ **
* 대시 보드에 위젯 추가.
*
*이 기능은 아래 'wp_dashboard_setup'작업에 연결되어 있습니다..
* /
함수 wpexplorer_add_dashboard_widgets () {
wp_add_dashboard_widget (
'wpexplorer_dashboard_widget', // 위젯 슬러그.
'내 사용자 지정 대시 보드 위젯', // 제목.
'wpexplorer_dashboard_widget_function'// 디스플레이 기능.
);
}
add_action ( 'wp_dashboard_setup', 'wpexplorer_add_dashboard_widgets');

/ **
* 대시 보드 위젯의 내용을 출력하는 기능 만들기.
* /
함수 wpexplorer_dashboard_widget_function () {
echo "안녕하세요, 저는 훌륭한 대시 보드 위젯입니다. 편집 해주세요!";
}

변경 사항을 저장하다. 물론 필요에 따라 플러그인을 편집 할 수 있습니다. 당신의 HTML, PHP 또는 당신이있는 곳에 무엇이든지 놓으십시오 :

echo "안녕하세요, 저는 훌륭한 대시 보드 위젯입니다. 편집 해주세요!";

새 사용자 정의 위젯은 모든 위젯 아래의 절대 맨 아래에 표시되며 위젯이 많은 경우 뷰포트 외부에있을 수 있습니다. 그러나 위젯을 상단 (또는 해당 사안의 다른 곳)으로 드래그 앤 드롭 할 수 있습니다.

맞춤 WordPress 대시 보드 페이지

완전히 다른 대시 보드를 만드는 데 관심이 있다고 가정 해 보겠습니다. 사용자 정의 HTML, PHP 및 스타일링이 제공됩니다. 대시 보드 위젯을 추가 / 제거하는 것 이상의 내용을 보려면 Remi Corson의 WordPress 사용자 지정 대시 보드 페이지를 만드는 방법을 확인하십시오..

그는 사용자 정의 대시 보드 페이지 (custom-dashboard.php)를 빠르게 만드는 데 도움이되는 훌륭한 플러그인을 만들었습니다. 특정 요구에 맞게 플러그인을 포크하려면 PHP 개발 기술을 연마해야합니다. 전체적으로, 나는 시도했다 스위트 커스텀 대시 보드 놀랍습니다 사용자 지정 대시 보드를 설치하지 않아도됩니다. :) 환영 메시지를 사용자 정의하려면 WordPress 대시 보드 환영 메시지 사용자 정의에 대한 게시물을 확인하십시오..

워드 프레스 대시 보드 메뉴 제거

WordPress 대시 보드 위젯을 추가하거나 제거 할 수 있으며 대시 보드의 모양을 완전히 바꿀 수도 있습니다 (Remi 덕분에). 다음 부분으로 넘어가겠습니다..

왜? 고객에게 더 적은 대시 보드를 제공하고 “제한된”영역에 액세스하지 못하도록 일부 메뉴를 제거하려고합니다. 고객이 WordPress를 잘 모르는 경우 설정 또는 플러그인과 같은 페이지에서 방문하여 옵션을 변경하면 사이트가 손상 될 수 있습니다. functions.php 파일에 다음 코드를 추가하십시오 :

함수 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');

위의 코드는 모든 사용자의 설정, 플러그인, 모양, 사용자 및 도구에 대한 메뉴 링크를 제거합니다. 하위 메뉴도 제거 할 수 있습니다. 모양 아래의 위젯 하위 메뉴를 제거하는 예제 코드는 다음과 같습니다.

함수 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 관리 대시 보드를 “중요한”사용자 정의했습니다. 당신이하고있는 모든 훌륭한 일에 대해 약간의 신용을 얻는 것이 옳습니다. 바닥 글 사용자 정의 ( ” 워드 프레스.”)는 귀하 (또는 고객의) 브랜드를 강화하는 데 도움이 될 수 있습니다. 바닥 글을 “당신의 이름으로 사랑으로 빌려주십시오”로 바꾸겠습니다. functions.php 파일에 다음 코드를 추가하고 변경 사항을 저장하십시오.

// 맞춤 관리자 바닥 글
함수 wpexplorer_remove_footer_admin () {
에코WPExplorer의 사랑으로 구축';
}
add_filter ( 'admin_footer_text', 'wpexplorer_remove_footer_admin');

‘이름’을 이름, 웹 사이트, 이메일 주소 등으로 바꾸고 yourdomain.com을 실제 도메인 이름으로 바꾸십시오. 계속…

로그인 양식 사용자 정의

지금까지 WordPress 관리 대시 보드를 사용자 정의하는 데 필요한 모든 것이 있습니다. 한 걸음 더 나아가 로그인 페이지를 사용자 정의하여 사용자가 시작부터 진정으로 개인화 된 경험을 가질 수 있도록하십시오. 결국, 로그인 페이지에서만 WordPress 대시 보드를 사용자 정의 해야하는 이유는 무엇입니까??

이 페이지에서는 기본 WordPress 로고와 함께 제공되는 wordpress.org 링크의 두 가지 요소를 사용자 정의해야합니다. 그러나 코드 ��을 보여주기 전에 WordPress 용 15 가지 최고의 사용자 정의 로그인 페이지 플러그인 중 하나를 사용하여 로그인 페이지를 쉽게 사용자 정의 할 수 있습니다. 이제 코드를 가지고 노는 것에 따른 따뜻한 퍼지 느낌을 얻으려면 다음을 복사하십시오.

함수 wpexplorer_login_logo () {?>

logo.png를 사용자 정의 로고 파일 이름으로 바꾸십시오. wp-content / themes / yourtheme / images. 일부 사용자 정의 CSS로이 로고를 변경할 수 있지만 사용자 정의 로고를 80 x 80 픽셀 미만으로 유지하십시오. 사용자 정의 로그인 로고가 있으면 원래 WordPress 로고와 함께 제공되는 링크를 변경해야합니다. 새 로고를 웹 사이트에 연결하겠습니다. 이 코드를 functions.php 파일에 복사하고 변경 사항을 저장하십시오 :

함수 wpexplorer_login_logo_url () {
return esc_url (home_url ( '/'));
}
add_filter ( 'login_headerurl', 'wpexplorer_login_logo_url');

함수 wpexplorer_login_logo_url_title () {
'귀하의 사이트 이름 및 정보'를 반환합니다.
}
add_filter ( 'login_headertitle', 'wpexplorer_login_logo_url_title');

당신은 항상 할 수 있다는 것을 기억하십시오 CSS를 사용하여 원하는대로 로그인 페이지 스타일 지정. 또는 사용자 정의 로그인 페이지 및 사이트 브랜딩을위한 기본 제공 옵션과 함께 제공되는 Total Multi-purpose & Responsive WordPress 테마와 같은 멋진 테마로 간단히 시작할 수 있습니다..

워드 프레스 대시 보드 사용자 정의 : 화면 옵션

코드에 들어가거나 플러그인을 설치하지 않으려면 화면 옵션을 활용하여 사용자 정의 WordPress 대시 보드를 만들 수 있습니다. WordPress 대시 보드에 로그인하기 만하면 오른쪽 화면 상단에 화면 옵션 드롭 다운 메뉴가 나타납니다. 이것을 클릭하면 위젯을 확장 / 확인 / 선택 해제하여 위젯을 활성화 / 비활성화 할 수 있습니다. 그런 다음 위젯을 끌어서 놓아 원하는대로 배열 할 수 있습니다.

유일한 단점은이 방법이 사용자별로 설정을 저장한다는 것입니다. 즉, 다중 작성자 블로그를 보유하고 있다면 별다른 효과가 없습니다. 또한 사용자가 원하는대로 위젯을 다시 활성화하지 못하게 할 수 없습니다.

보너스 : 플러그인 사용

우리는 코드 옵션을 다루는 데 대부분의 시간을 보냈습니다. 그러나 시간이 걸리면 플러그인이 도움이 될 수 있습니다..

옵션 1 : WordPress 용 Ultimate Tweaker 플러그인

워드 프레스를위한 최고의 트위 커

우선 CodeCanyon에서 제공하는 WordPress 용 Ultimate Tweaker가 약간 다릅니다. WordPress 관리자 편집을위한 진정한 최고의 플러그인 옵션 (몇 가지 다른 WordPress 기능 추가).

대부분의 플러그인은 하나의 특정 목적으로 기능을 지원하지만 Ultimate Tweaker는 지원하지 않습니다. 이 플러그인은 다목적 만능 제품으로, 이전에는 본 적이 없습니다. 기본적으로 Ultimate Tweaker는 240 개 이상의 서로 다른 워드 프레스 해킹, 트릭 및 도구를 지원하여 삶을보다 쉽게 ​​만듭니다. 효율성 향상, 성가신 WordPress 부분 제거 및 WordPress 핵심 기능을 생각했던 것 이상으로 확장하는 등 여러 가지 방법으로 유용합니다..

이 240 개의 해킹은 실제로 다양하며 35 가지 범주로 분류 할 수 있습니다. Ultimate Tweaker가 수행 할 수있는 작업에 대한 아이디어를 제공하기 위해 다음과 같은 몇 가지 "해킹"이 있습니다.

  • 사이드 바 메뉴 위에 로고 추가
  • 워드 프레스 대시 보드 및 로그인 페이지 이름 변경
  • 웹 사이트에서 마우스 오른쪽 버튼 클릭 또는 화면 인쇄 버튼 비활성화
  • 로그인 화면에 reCaptcha 2를 추가하여 보안 강화
  • 이미지의 파일 크기를 줄이기 위해 JPEG 품질 설정
  • 텍스트 위젯에서 단축 코드 사용
  • 게시물에 대한 최소 단어 수 만들기
  • 로그인 화면에서 잘못된 비밀번호 "흔들기"를 비활성화하십시오
  • 웹 사이트에 Google 웹 로그 분석 코드 추가
  • 워드 프레스를위한 19 가지 새로운 키보드 단축키
  • 맞춤 404 페이지 만들기
  • 자동 워드 프레스 업데이트 비활성화

이러한 워드 프레스 해킹의 대부분은 우리가 어느 시점에서 Google에 의존 한 것들입니다. 그들 대부분은 그 자체로는 상대적으로 작지만 수백 가지의 포괄적 인 목록을 통해 전체적으로 플러그인은 많은 가치를 제공 할 수 있습니다. 워드 프레스 커뮤니티는 일반적으로 워드 프레스 코어에서보고 싶은 것에 대해 보컬이 많기 때문에 개발자가 커뮤니티를 듣고 향후이 플러그인의 업데이트에서 제안 사항을 구현하기를 바랍니다..

옵션 2 : 포리스트 – 혁명 WordPress 관리 테마

숲 워드 프레스 관리자 테마

웹 사이트 백엔드의 브랜딩을 변경하고 싶습니까? 일반적으로 약간의 코드를 사용하는 것이 좋지만 플러그인을 사용할 수도 있습니다. 기본 대시 보드의 모양에 지루한 경우 Forest WordPress 관리자 테마를 사용하면 약간의 성형 수술을 할 수 있습니다. 그리고 단지 $ 9. Forest는 게시물 / 페이지 추가와 같이 WordPress에서 익숙한 작업을 수행하는 방법을 변경하지 않으며 WordPress 만 만듭니다. 보기 당신이 그들을 할 때 더 나은! 플러그인은 또한 기본 워드 프레스 로그인 페이지를 수정할 수 있습니다.

산림 관리자 테마 스크린 샷

Forest를 사용하면 WordPress 대시 보드에 고유 한 배경 이미지를 추가하거나 위 스크린 샷의 이미지를 포함하여 무료로 제공된 6 개의 이미지 중 하나를 사용할 수 있습니다. 고유 한 창의력 (무제한 색상 사용)을 사용하거나 기본 WordPress 색상 구성표 중 하나를 사용하여 대시 보드를 사용자 정의 할 수 있습니다. 600 개가 넘는 Google 글꼴 중에서 원하는 타이포그래피를 선택하여 대시 보드를 추가로 사용자 정의 할 수 있습니다. 플러그인은 밝고 어두운 피부를 지원하며 각 요소의 불투명도 수준을 구성 할 수 있습니다. 대시 보드에 사용하지 않는 버튼이 있으면 숨길 수도 있습니다. 너무 많은 옵션이 과부하 될 수있는 클라이언트 웹 사이트에 적합합니다..

참고 : Forest는 어떤 방식 으로든 라이브 웹 사이트의 모양을 변경하지 않으며 순전히 백엔드를위한 것입니다..

WordPress 대시 보드 사용자 정의에 대한 자료

WordPress 대시 보드 사용자 정의에 대해 더 자세히 알고 싶으십니까? 전문 툴킷에 대한 몇 가지 추가 리소스는 다음과 같습니다.

너에게…

맞춤형 WordPress 관리 대시 보드 생성은 브랜드 이미지를 강화하고 고객에게 개인화 된 경험을 제공하는 가장 좋은 방법 중 하나입니다. 간단하고 시간이 많이 걸리지 않습니다. 그래서 당신은 무엇을 기다리고 있습니까? 커스터마이징.

그 외에 오늘 여기서 무엇을 배웠습니까? 사용자 정의 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