كيفية تغيير شعار تسجيل الدخول للوحة تحكم الوردبريس بسهولة
اهلا بكم من جديد في درس بسيط ومهم بالمدونات من فئة الوردبريس حيث أحيانا بالمدونات التي لديها تسجيل دخول وأعضاء يلاحظ الأعضاء والزوار أن شاشة التسجيل تعرض الشعار الأفتراضي الخاص بالورديس والبعض يريد تغيير هذا الشعار إلي شعار موقعه او صورة معبرة عن موقعه .
فكيف يتم ذلك
- يتم ذلك من خلال ملف 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 إلي رابط مدونتك الحالية
التنبيهات: Tweets that mention كيفية تغيير شعار واجهة الدخول للوحة تحكم الوردبريس بسهولة | مدونة تصميم مصري -- Topsy.com
جزاك الله خير الجزاء وبارك فيك ونفع الله بك الأمة الإسلامية العربية
درس حلو ورائع مشكور حسين
أين توضع الشفرة بالضبط ضمن ملف Functions.php لأنني وضعت الشفرة في آخر الملف ولم ينجح الأمر
اهلا بيك اخي بالفعل الكود يوضع في ملف functions.php وطبعا راعي مسار الصورة بنفس الأسم /custom-login-logo.gif بنفس مجلد الثيم وراعي المسافات وإن شاء الله تضبط 🙂
السلام عليكم أخوي حسين
الله يعطيك العافية على هالتدوينه الرائعة
بس في سؤال لو تأذن
كل شي صلح معي بس شيئن حيروني
الأول : موضوع الرابط لم يعمل
الثاني : من وين أغير الويدث بتاع الأستايل للو
أخوي حسين من فضلك
أنا طبقت درسك جزاك الله الجنة بس ماعرفت أغير إرتفاع الشعار
والمشكلة الثانية الرابط مايروح للمدونة وهذي رابط الموقع
dab.p2h.info/wordpress
ساعدني مشكورا
أشكرك شكر جزيل أخوي حسين والحمد لله لقد تمكنت منها تمام فلك شكري و أمتناني
التنبيهات: مَرجـع لدروسْ الـ Wordpress العربية . . | فتى من زمن آخر
السلام عليكم
أولاً :: جزاك الله كلّ خير للشرح الجميل هذا
ثانياً :: عندي مشكلة
حكاية الشعار أتحلت معايا
بس لما أحب أغير رابط موقع wordpress لموقعي مش بينفع مع أني وضعت الكود اللي أنت كتبته أسفل كود الصورة أيضاً 🙁
كيف يمكنني وضع رابط الصورة بدل رفعها الى الموقع
لماذا كل هذا التعقيد عن طريق الاكواد ؟؟ كل ما يتطلبه الامر الدخول لمجلد الموقع /البحث عن صور ستجد اسم الشعار w-logo.png rlقم بحذفه واستبداله باي صورة تقوم برفعها على نفس المسار مع تغير اسم الصورة للاسم القديم فققققققققققط … فيسرو ولا تعسرو يا اخوان .