5 טיפים – איך ניתן לשנות ולעצב את ה – Dashboard של וורדפרס

 מאז שנוצר הביקוש האדיר לניהול אתרי אינטרנט בוורדפרס, או כמו שנהוג לקרוא לזה: WordPress as a CMS התחלתי להתמקד בעיקר בעיצוב הויז'ואלי של האתר בצד של הלקוח. עם הזמן גיליתי שכמעט אין מגבלות עיצוביות וניתן היום להלביש כמעט כל עיצוב ע"ג וורדפרס. בשל הפופלאריות של הפלטפורמה הזו נשאלתי : האם אפשר לעצב גם את מערכת ניהול התוכן, את Back-end שאותו מקבל הלקוח לפחות קצת כדי שתהיה לו איזו הרגשה של CMS אישי עם הלוגו(להחליף את הלוגו של וורדפרס) וכו וכו..  טענה נוספת היתה: למה ה – CMS הזה כל כך עמוס באופציות? אני צריך רק לעדכן דפים וכו וכו.. האם אפשר לנקות קצת? להפטר קצת מתפריטים וכו.. בפוסט הבא ניתן כמה טיפים איך ניתן לעצב, לנקות ולהתאים את ה – Back-end של וורדפרס לרצונינו.

  1. עיצוב מסך הכניסה Login Page  עם לוגו אישי במקום הלוגו של וורדפרס:
    אחד הדברים החשובים. ניתן לשנות את הלוגו של וורדפרס כבר ב – Login page עם הלוגו של הלקוח
    יש להעתיק את הקוד הבא ולהוסיף אותו ל – functions.php :

    function my_custom_login_logo() {
    echo '<style type="text/css">
    h1 a { background-image:url('.get_bloginfo('template_directory').'/images/your-logo.png) !important; }
    </style>';
    }add_action('login_head', 'my_custom_login_logo');
    
    

    כמובן שיש להחליף את: your-logo.png עם הלוגו שלכם ולהניחו בתיקיית images של ה – theme

  2. החלפת הלוגו של וורדפרס בתוך ה – Dashboard עצמו:
    אם כבר החלפנו את הלוגו במסך הכניסה מדוע לא להחליף את הלוגו הקטן שמופיע בתוך ה – Dashboard עצמו.
    פה ישנן שתי פעולות שצריך לעשות:
    – להוסיף פונקציה שתאפשר לעשות את זה
    – להתאים את גודל הלוגו ב – wp-admin בקובץ functions.php יש להוסיף את הקוד הבא:

    add_action('admin_head', 'my_custom_logo');function my_custom_logo() {
    echo '<style type="text/css">
    #header-logo { background-image: url('.get_bloginfo('template_directory').'/images/custom-logo.gif) !important; }</style>';
    }
    

    הגודל שנקבע ללוגו הוא 32*32 פיקסל. אם הלוגו שלכם שונה חפשו את הקובץ admin-header.php שנמצא בתיקיית wp-admin – מצאו את השורה הבאה:

    <img id="header-logo" src="<?php echo esc_url( includes_url( 'images/blank.gif' ) ); ?>" alt="" width="32" height="32" />
    

    והחליפו את ה – width וה – height בהתאם ללוגו שלכם.

  3. מחיקת תפריטים מיותרים מה – Dashboard:
    ברוב המקרים, רוב הלקוחות לא ישתמשו בכל התפריטים שהמערכת מציאה למעט Pages ו – Post.
    את רוב הלקוחות זה אפילו מבלבל ולכן כדאי פשוט להפתר מזה ולהסתיר את התפריטים שאינם בשימוש. אני גם חושב שכדאי להסתיר אותם כדי למנוע נזקים מיותרים שלקוחות יכולים לעשות בטעות.
    על מנת לעשות את זה יש להדביק את הקוד הבא בקובץ functions.php :

    function remove_menus () {
    global $menu;
    $restricted = array(__('Dashboard'), __('Posts'), __('Media'), __('Links'), __('Pages'), __('Appearance'), __('Tools'), __('Users'), __('Settings'), __('Comments'), __('Plugins'));
    end ($menu);
    while (prev($menu)){
    $value = explode(' ',$menu[key($menu)][0]);
    if(in_array($value[0] != NULL?$value[0]:"" , $restricted)){unset($menu[key($menu)]);}
    }
    }
    add_action('admin_menu', 'remove_menus');
    
    

    *שימו לב למערך שמכיל את שמות התפריטים (Pages, Appearance, Tools וכו…) מופרדים ע"י פסיקים.
    הקוד הנ"ל יסתיר את כולם. אם תרצו להשאיר את התפריטים יש למחוק אותם מהמערך.

  4. הסרת הווידג'טים במרכז המסך:
    במרכז המסך וורדפרס מציג את התגובות האחרונות, טיוטות, עידכונים, קישורים חיצוניים ועוד מידע שלא בהכרח מעניין את הלקוח.
    ניתן להסיר את כל הווידג'טים בעזרת הוספת הקוד הבא ל – functions.php :

    function example_remove_dashboard_widgets() {
    // Globalize the metaboxes array, this holds all the widgets for wp-admin
    global $wp_meta_boxes;
    
    // Remove the incomming links widget
    unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_incoming_links']);
    
    // Remove right now
    unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_right_now']);
    unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_primary']);
    unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_secondary']);
    unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_quick_press']);
    unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_recent_drafts']);
    unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_recent_comments']);
    unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_plugins']);
    }
    
    // Hoook into the 'wp_dashboard_setup' action to register our function
    add_action('wp_dashboard_setup', 'example_remove_dashboard_widgets' );
    

    ואם כבר הסרנו את הוויד'גטים אפשר להיות קצת יצירתיים וליצור ווידגט אישי ללקוחף מזהו כמו Welcome Message או כל טקסט אחר. ניתן גם לשלב HTML בקלות.
    בדוגמא הבאה יצרתי הודעת Welcome , הוראות עבודה עם האדמין והמייל שלי לעזרה. את הקוד כמובן יש להדביק ב – functions.php :

    
    function example_dashboard_widget_function() {
    // Display whatever it is you want to show
    echo 'Welcome back dear customer. to add or edit pages go to your left pages panel.<br /> if you have any questions <a href="mailto:gil@tipoos.com">email me<a/>';
    }
    
    // Create the function use in the action hook
    function example_add_dashboard_widgets() {
    wp_add_dashboard_widget('example_dashboard_widget', 'Example Dashboard Widget', 'example_dashboard_widget_function');
    }
    // Hoook into the 'wp_dashboard_setup' action to register our other functions
    add_action('wp_dashboard_setup', 'example_add_dashboard_widgets' );
    
    
  5. הסרת הודעת השידרוג:
    הודעת השידרוג היא עבור המפתח והופעתה "מטרידה" את הלקוח שמיד מתקשר (מה אני עושה עם זה??). מפתח רציני שעוקב אחרי השידרוגים רצוי שישדרג ללקוחותיו ללא קשר להודעה. על מנת להסיר את ההודעה המטרידנית יש להדביק את הקוד הבא גם כן ב – functions.php :

    if ( !current_user_can( 'edit_users' ) ) {
    add_action( 'init', create_function( '$a', "remove_action( 'init', 'wp_version_check' );" ), 2 );
    add_filter( 'pre_option_update_core', create_function( '$a', "return null;" ) );
    }

אם יש לכם טיפ נוסף שלא מצויין כאן נשמח אם תשתפו בתגובות.