تغيير شاشة دخول لوحة التحكم


اهلا بكم من جديد في درس بسيط ومهم بالمدونات من فئة الوردبريس حيث أحيانا بالمدونات التي لديها تسجيل دخول وأعضاء يلاحظ الأعضاء والزوار أن شاشة التسجيل تعرض الشعار الأفتراضي الخاص بالورديس والبعض يريد تغيير هذا الشعار إلي شعار موقعه او صورة معبرة عن موقعه .

فكيف يتم ذلك

  • يتم ذلك من خلال ملف Functions.php الموجود بملف ثيم الأستايل الحالي وهو موجود بمعظم النسخ وسيتم اضافة كود بسيط إليه ومن خلاله سيتم عرض صورة مخصصة من أختيارك
  • يتم الذهاب إلي مجلد wp-content/themes/theme-name/functions.php
  • حيث Theme-name اسم مجلد الثيم الخاص بك
  • ثم يتم لصق الكود الحالي بملف functions.php
function my_custom_login_logo() {
    echo '
<style type="text/css">
        h1 a { background-image:url('.get_bloginfo('template_directory').'/images/custom-login-logo.gif) !important; }
    </style>
 
';
}
 
add_action('login_head', 'my_custom_login_logo');

حيث يلاحظ الآتي

  • تم إنشاء دالة my_custom_login_logo()
  • الدالة تقوم بتغيير صورة شعار لوحة التحكم الأفتراضي
  • يتم التحكم بالصورة من خلال كود css
  • template_directory هو مسار الثيم الخاص بك وهي دالة جاهزة تقوم بعرض مسار الثيم مباشرة بدون كتابة عنوان الموقع
  • images/ucstom-login-logo.gif هو مجلد الصور الخاص بالثيم وفيه صورة الشعار الجديد ولابد أن تحمل هذا الأسم او لتغييرها يجب ايضا تغيير الأسم بكود ccs العلوي

ماذا إذا تطلب الأمر تغيير رابط الصورة من موقع wodpress.org إلي موقعك

يتم ذلك من خلال الكود التالي :

//Custom Login Screen
function change_wp_login_url() {
echo bloginfo(‘url’);
}
 
function change_wp_login_title() {
echo get_option(‘blogname’);
}
 
add_filter(‘login_headerurl’, ‘change_wp_login_url’);
add_filter(‘login_headertitle’, ‘change_wp_login_title’);
  • حيث سيتم تغيير رابط الشعار من الأفتراضي الخاص بموقع wodpress.org إلي رابط مدونتك الحالية