آخرین بازبینی: ۱۴۰۳/۰۲/۱۴

آموزش روش تغییر لوگو صفحه ورود در وردپرس

اگر به کار طراحی سایت با وردپرس مشغول هستید، صفحه ورود وردپرس، اولین جایی است که کاربران با آن روبرو می‌شوند. درج لوگوی اختصاصی در این صفحه، به شما کمک می‌کند تا هویت برند خود را به نمایش بگذارید و نمایی حرفه‌ای‌تر به سایت بدهید.

در این مقاله، دو روش برای تغییر لوگو صفحه ورود وردپرس به شما آموزش می‌دهیم:

استفاده از افزونه
ویرایش کدهای قالب

روش اول: استفاده از افزونه

استفاده از افزونه، ساده‌ترین روش برای تغییر لوگو صفحه ورود وردپرس است. افزونه‌های متعددی برای این منظور وجود دارند. یکی از محبوب‌ترین افزونه‌ها برای تغییر لوگو صفحه ورود وردپرس، افزونه «Login Logo» است.

مراحل نصب و استفاده از افزونه Login Logo

افزونه Login Logo را از بخشی مدیریت افزونه‌ها در وردپرس یا به صورت مستقیم از بخش افزونه‌های وردپرس دانلود و نصب نمایید.
پس از نصب و فعال‌سازی افزونه، به بخش تنظیمات > Login Logo در پیشخوان وردپرس بروید.
در این بخش، می‌توانید لوگوی جدید خود را آپلود کنید، ابعاد لوگو را تنظیم کنید و لینک لوگو را تغییر دهید.
پس از انجام تنظیمات، بر روی دکمه ذخیره کلیک کنید.

روش دوم: ویرایش کدهای قالب

اگر به ویرایش کدهای قالب مسلط هستید، می‌توانید با استفاده از این روش، لوگو صفحه ورود وردپرس را تغییر دهید.

مراحل ویرایش کدهای قالب

به پوشه قالب وردپرس خود در هاستتان مراجعه کنید.
فایل functions.php را پیدا و ویرایش کنید.
کد زیر را در انتهای فایل functions.php قرار دهید و لوگوی خود را با logo.png جایگزین کنید:

function roka_login_logo() {
	echo '<style type="text/css">
		#login h1 a {
			background-image: url(' . get_template_directory_uri() . '/img/logo.png' . ') !important;
			background-size: contain !important;
			width: 300px !important;
			height: 300px !important;
		}
	</style>';
}
add_action( 'login_enqueue_scripts', 'roka_login_logo' );

function roka_login_logo() {

echo '<style type="text/css">

#login h1 a {

background-image: url(' . get_template_directory_uri() . '/img/logo.png' . ') !important;

background-size: contain !important;

width: 300px !important;

height: 300px !important;

}

</style>';

}

add_action( 'login_enqueue_scripts', 'roka_login_logo' );

کدهای بالا،‌فایلی به نام logo.png را از مسیر قالب فعلی و شاخه‌ی img به عنوان لوگوی صفحه‌ی ورود تنظیم می‌کند.

نکات اضافی

قبل از انجام هرگونه تغییر در کدهای قالب، حتماً از تم خود نسخه پشتیبان تهیه کنید.
اگر با ویرایش کدهای قالب آشنایی ندارید، بهتر است از روش اول (استفاده از افزونه) استفاده کنید.
برای تغییر اندازه و موقعیت لوگو، می‌توانید کد CSS ارائه شده در روش دوم را مطابق با نیاز خودتان ویرایش کنید.