
كيف تقوم بتغيير شعار صفحة تسجيل الدخول الخاصة بالووردبريس Wordpress Login ، هذا السؤال يتبادر للكثيرين من مستخدمي منصة الووردبريس ، ولكي تقوم بذلك فهناك طريقتين لعمل ذلك :
الطريقة الاولى : بواسطة الاضافات Plugins
اسهل طريقة للتعديل على شعار تسجيل الدخول Login في الووردبريس ويمكنك البحث في متجر اضافات الووردبريس وستجد الكثير من تلك الاضافات ، وسأطرح عدد منها
الطريقة الثانية : بواسطة التعديل على ملف functions.php
اضافة شفرة برمجية ( كود Code ) الى ملف functions.php الخاص بقالبك الذي تستخدمه حالياً وسيتم من خلال هذه الطريقة تغيير الشعار وايضاً الرابط الخاص بالشعار والعنوان ايضاً.
سيتم طرح عدة اكواد ولك الحرية في استخدام ماتريده
قم بتحرير ملف functions.php الخاص بقالبك واضف في نهايته احد الاكواد التالية :
الكود الاول :
1 2 3 4 5 6 |
function ed_custom_login_logo() { echo '<style type="text/css"> #login h1 a { background-image: url('.get_bloginfo('template_directory').'/elogo.png); } </style>'; } add_action('login_enqueue_scripts', 'ed_custom_login_logo'); |
مع ملاحظة :
- ان يتم تسمية الشعار – الصورة باسم elogo.png ، أو أن تقوم بتغيير elogo.png في الكود حسب اسم ملف الصورة لديك
- ان يتم وضع الصورة في مجلد القالب الذي تستخدمه
الكود الثاني :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 |
/* Change WordPress LOGO image الشعار */ function e_wp_debranding_change_login_page_logo() { ?> <style type="text/css"> .login h1 a{ background-image: url('https://ed3s.com/logo.png'); background-size: auto; margin: 0 auto; /* Set to your image dimensions */ height: 220px; width: 220px; } </style> <?php } add_action('login_head', 'e_wp_debranding_change_login_page_logo'); /***** Change WordPress LINK href attribute رابط الموقع *****/ function e_wp_debranding_change_login_page_url($login_header_url) { return get_bloginfo( 'url' ); } add_filter( 'login_headerurl', 'e_wp_debranding_change_login_page_url' ); /***** Change WordPress LINK TITLE attribute عنوان الموقع *****/ function e_wp_debranding_change_login_page_title($login_header_title) { return get_bloginfo('sitetitle'); } add_filter( 'login_headertitle', 'e_wp_debranding_change_login_page_title' ); |
شرح طريقة التعديل على الكود ليتناسب مع الشعار
لاستبدال الشعار قم برفع الشعار الخاص بك في موقعك ثم استبدل ( https://ed3s.com/logo.png ) برابط الشعار الخاص بك.
اضافة الى ذلك يمكنك التعديل على الارتفاع height والعرض width الخاصة بشعارك من خلال التعديل على القيمة 220px بما يناسبك
شرح طريقة استبدال الرابط بأي رابط تريده
الكود الذي تم طرحه بالاعلى يحمل كافة الاجراءات اللازمة من تغيير الرابط wordpress.org الى رابط مدونتك تلقائياً ، ولا يحتاج الى اي تعديل يذكر.
لكن ان كنت تريد تغييره الى رابط آخر ، مثلاً صفحة شروط او نحو ذلك ، فقم بالبحث عن
1 |
return get_bloginfo( 'url' ); |
واستبدله بالكود التالي مع تغيير https://ed3s.com الى رابط موقعك
1 |
return ' https://ed3s.com '; |