كيفية تغيير شعار تسجيل الدخول للوحة تحكم الوردبريس بسهولة

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


فكيف يتم ذلك

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

12 thoughts on “كيفية تغيير شعار تسجيل الدخول للوحة تحكم الوردبريس بسهولة

  1. التنبيهات: Tweets that mention كيفية تغيير شعار واجهة الدخول للوحة تحكم الوردبريس بسهولة | مدونة تصميم مصري -- Topsy.com

    1. تصميم مصري كاتب المقالة

      اهلا بيك اخي بالفعل الكود يوضع في ملف functions.php وطبعا راعي مسار الصورة بنفس الأسم /custom-login-logo.gif بنفس مجلد الثيم وراعي المسافات وإن شاء الله تضبط 🙂

      رد
  2. أبو عبدالملك

    السلام عليكم أخوي حسين
    الله يعطيك العافية على هالتدوينه الرائعة
    بس في سؤال لو تأذن
    كل شي صلح معي بس شيئن حيروني
    الأول : موضوع الرابط لم يعمل
    الثاني : من وين أغير الويدث بتاع الأستايل للو

    رد
  3. أبو عبد الملك

    أخوي حسين من فضلك
    أنا طبقت درسك جزاك الله الجنة بس ماعرفت أغير إرتفاع الشعار
    والمشكلة الثانية الرابط مايروح للمدونة وهذي رابط الموقع
    dab.p2h.info/wordpress
    ساعدني مشكورا

    رد
  4. التنبيهات: مَرجـع لدروسْ الـ Wordpress العربية . . | فتى من زمن آخر

  5. ProAngeL

    السلام عليكم
    أولاً :: جزاك الله كلّ خير للشرح الجميل هذا
    ثانياً :: عندي مشكلة
    حكاية الشعار أتحلت معايا
    بس لما أحب أغير رابط موقع wordpress لموقعي مش بينفع مع أني وضعت الكود اللي أنت كتبته أسفل كود الصورة أيضاً 🙁

    رد
  6. اوشن

    لماذا كل هذا التعقيد عن طريق الاكواد ؟؟ كل ما يتطلبه الامر الدخول لمجلد الموقع /البحث عن صور ستجد اسم الشعار w-logo.png rlقم بحذفه واستبداله باي صورة تقوم برفعها على نفس المسار مع تغير اسم الصورة للاسم القديم فققققققققققط … فيسرو ولا تعسرو يا اخوان .

    رد

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

هذا الموقع يستخدم Akismet للحدّ من التعليقات المزعجة والغير مرغوبة. تعرّف على كيفية معالجة بيانات تعليقك.