طريقة وضع شعارك في صفحة تسجيل دخول الووردبريس

كيف تقوم بتغيير شعار صفحة تسجيل الدخول الخاصة بالووردبريس ، هذا السؤال يتبادر للكثيرين من مستخدمي منصة الووردبريس ، ولكي تقوم بذلك فهناك طريقتين لعمل ذلك :

الطريقة الاولى / تركيب احدى الاضافات ( Plugin ) وهي اسهل طريقة ويمكنك البحث في متجر اضافات الووردبريس وستجد الكثير من تلك الاضافات ، وسأطرح عدد منها

الطريقة الثانية / بواسطة اضافة شفرة برمجية ( كود Code ) الى ملف functions.php الخاص بقالبك وسيتجد انه تم تغيير الشعار وايضاً رابط الخاص بالشعار والعنوان ايضاً.

قم بتحرير ملف functions.php الخاص بقالبك واضف في نهايته الكود التالي :

<?php
/* Change WordPress LOGO image الشعار */
function wp_debranding_change_login_page_logo() {
    ?>
    <style type="text/css">
        .login h1 a{
            background-image: url('http://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', 'wp_debranding_change_login_page_logo');


/***** Change WordPress LINK href attribute رابط الموقع *****/
function wp_debranding_change_login_page_url($login_header_url) {
    return get_bloginfo( 'url' );
}
add_filter( 'login_headerurl', 'wp_debranding_change_login_page_url' );


/***** Change WordPress LINK TITLE attribute عنوان الموقع *****/
function wp_debranding_change_login_page_title($login_header_title) {
    return get_bloginfo('sitetitle');
}
add_filter( 'login_headertitle', 'wp_debranding_change_login_page_title' );

?>

<?php

/* Change WordPress LOGO image الشعار */

function wp_debranding_change_login_page_logo() {

.login h1 a{

background-image: url('http://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', 'wp_debranding_change_login_page_logo');

/***** Change WordPress LINK href attribute رابط الموقع *****/

function wp_debranding_change_login_page_url($login_header_url) {

return get_bloginfo( 'url' );

}

add_filter( 'login_headerurl', 'wp_debranding_change_login_page_url' );

/***** Change WordPress LINK TITLE attribute عنوان الموقع *****/

function wp_debranding_change_login_page_title($login_header_title) {

return get_bloginfo('sitetitle');

}

add_filter( 'login_headertitle', 'wp_debranding_change_login_page_title' );

شرح طريقة التعديل على الكود ليتناسب مع الشعار

لاستبدال الشعار قم برفع الشعار الخاص بك في موقعك ثم استبدل ( http://ed3s.com/logo.png ) برابط الشعار الخاص بك .

اضافة الى ذلك يمكنك التعديل على الارتفاع height والعرض width الخاصة بشعارك من خلال التعديل على القيمة 220px بما يناسبك

شرح طريقة استبدال الرابط بأي رابط تريده

الكود الذي تم طرحه بالاعلى يحمل كافة الاجراءات اللازمة من تغيير الرابط wordpress.org الى رابط مدونتك تلقائياً ، ولا يحتاج الى اي تعديل يذكر .

لكن ان كنت تريد تغييره الى رابط آخر ، مثلاً صفحة شروط او نحو ذلك ، فقط قم بالبحث عن

return get_bloginfo( 'url' );

1	return get_bloginfo( 'url' );

واستبدله بالكود التالي مع تغيير http://ed3s.com الى رابط موقعك

return ' http://ed3s.com ';

1	return ' http://ed3s.com ';

مشاركة الموضوع :

اترك تعليقاً إلغاء الرد