بخش Vip سئو نود

بهترین فرصت برای یادگیری در قسمت Vip سئو نود هم اکنون برای دانشجوبان عزیز فراهم شده است

جزئیات بیشتر
آموزش یکبار برای همیشه
دوره جدید آموزش طراحی cms با php و mysql ، مشاهده دوره

تغییر لوگو صفحه ورود وردپرس

مقالات وردپرس

چگونه میتوان لوگوی پیشفرض وردپرس را در صفحه ورود به پیشخوان تغییر داد ؟ این کار به کمک افزونه و همچنین بدون افزونه قابل انجام است ، در این مقاله بخوانید !

0 96
تغییر لوگو صفحه ورود وردپرس

زمانی که شما قصد دارید تا وارد پیشخوان وردپرس شوید ، معمولا وارد یک آدرس مشخصی خواهید شد که در انتهای آن wp-login.php وجود دارد . در این صفحه یک فرم با 2 ورودی وجود دارد که نام کاربری و کلمه عبور را از شما گرفته و درصورت صحت این اطلاعات ، اجازه ورود به پیشخوان وردپرس به شما داده خواهد شد . ظاهر این صفحه که همه وردپرس کاران و کسانی که سایت آنها با وردپرس طراحی شده است و با آن آشنا هستند به شکل زیر است :

تغییر عکس وردپرس در صفحه لاگین وردپرس

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

اما بسیاری از کارها تنها نیاز به چندخط کد مختصر دارند و حیف است که بخاطر این چند خط کد ، افزونه نصب کنید و تعداد آنها را در سایت افزایش دهید . حدالامکان سعی کنید تا از افزونه های غیرضروری استفاده نکنید . در این مقاله به شما آموزش خواهیم داد تا با 2 خط کد ، تغییر لوگو صفحه ورود وردپرس را انجام دهید . البته در انتهای مقاله ، افزونه های مربوط به این پروسه را نیز خدمتتان معرفی خواهیم کرد .

تغییر لوگو صفحه ورود وردپرس بدون افزونه

جهت تغییر لوگو صفحه ورود وردپرس دو روش وجود دارد که روش اول به کمک Css و روش دوم توسط افزونه است . از آنجایی که درست نیست فایل style.css خود وردپرس ( دقت داشته باشید که تغییرات باید داخل فایل Css خود وردپرس انجام شود نه در داخل فایل Css پوسته فعال ) را ویرایش کرده و در انتهای تمامی کدها ، قطعه کد css قرار دهیم .

اما این روش نیز به هیچ عنوان درست نیست ، چون در اینصورت تغییرات در کل وردپرس اعمال خواهد شد و ممکن است با خود تصویر نیز به مشکل برخورد کنید . پس لازم است تا به هوکی در وردپرس متصل شده و دستور تغییر این عکس را اعمال کنیم تا به شکل استاندارد و درست این کار انجام شود .

function custom_login_image() {
   echo '<style>#login h1 a {background-image:url('.get_bloginfo('template_directory').'/img/login.png)}</style>';
 }
add_filter('login_head', 'custom_login_image', 999);

البته اول از هرچیزی باید تصویر دلخواه خودتان را در داخل پوشه img در داخل پوشه های قالب پوسته فعال خودتان قرار داده و آدرس آن را در بالا قرار دهید . در بالا مسیر ما به این شکل است که یک پوشه بنام img داخل پوشه های پوسته فعال داریم و در داخل این پوشه img یک تصویر بنام login.png داریم .

این آدرس دهی که به کمک تابع template_directory انجام شده است ، مسیر پوسته فعال شما را مشخص خواهد کرد و بعد از آن به کمک آدرس دهی دستی ، پوشه img را انتخاب کردیم . سپس نام عکس را مشخص کردیم .

این کد مربوط به خود وردپرس است . اگر وارد صفحه ورود به پیشخوان وردپرس شده و فرم لاگین را مشاهده کنید ، می‌توانید با زدن کلید F12 ( که قسمت Developer را باز خواهد کرد ) و انتخاب ابزار سلکتور موس از گوشه بالا و سمت چپ پنجره ( در کنار علامت واکنشگرا کردن صفحه ) روی آیکون وردپرس کلیک کنید و در سمت راست صفحه مشاهده کنید که دقیقا همین کد قرار گرفته و توسط وردپرس به شکل پیشفرض برای آن ، یک تصویر در حالت Background-image تنظیم شده است .

اکنون کافیست تا این تصویر پس زمینه را تعییر دهیم و تصویر خودمان را جایگزین این Background-image کنیم . در دستور ارائه شده ، ما تصویر داخل فولدر img را توسط یک دستور css و اتصال به هوک login_head جایگرین تصویر لوگو وردپرس کردیم .

دقت داشته باشید که حتما تصویر شما باید در داخل فولدر img توسط شما به شکل دستی آپلود شود ( از طریق مدیریت هاستینگ ) و نام آن را به شکل دقیق در دستور بالا وارد کنید .

استفاده از افزونه Change WordPress Login Logo

افزونه Change WordPress Login Logo درکل برای اعمال برخی تغییرات روی صفحه لاگین به مدیریت طراحی شده است که البته نسخه رایگان آن ، تنها امکان تغییر لوگو صفحه لاگین را به شما خواهد داد . در صفحه اصلی دانلود این افزونه داخل مخزن وردپرس ، 4 ویژگی دیگر برای نسخه اصلی ( پرمیوم ) این افزونه اشاره شده است به شکل زیر :

1. Login Background Color Change
2. Logn Form Background Color
3. Form Label Text Color
4. Login Page Link Color

تغییر رنگ پس زمینه صفحه لاگین ، تغییر رنگ پس زمینه فرم لاگین ، تغییر رنگ لیبل های فرم و تغییر رنگ لینک های موجود در داخل صفحه لاگین شامل نسخه پرمیوم است که اگر واقعیت‌ها را بازگو کنیم ، جهت تغییر هیچ یک از این موارد نیازی به افزونه نیست و کافیست تا کمی با کدنویسی css و مدیریت فایل های وردپرس آشنایی داشته باشید تا بتوانید تمامی این موارد را خودتان بسادگی انجام دهید .

امید قدیمی

امید قدیمی هستم ، 8 سال است که در زمینه طراحی و برنامه نویسی وب سایت فعالیت می کنم . توسعه دهنده فرانت اند ، طراح و برنامه نویس انواع وب سایت های وردپرسی ، فعال در زمینه تولید محتوا و سئو وب سایت

نقشه راه فرانت

اگر قصد دارید تا یک طراح ماهر باشید ، ما درست ترین مسیر را برای شما فراهم کردیم و فقط کافیست همراه ما باشید

شاید این مطالب نیز برای شما جالب باشد

چگونه توسط یک شرط ساده ، وارد شدن کاربران در سایت وردپرسی را کنترل کنیم و طبق آن مواردی را نمایش داده یا مخفی کنیم ؟!

2 109

چگونه بدون استفاده از افزونه ، اتوماتیک کردن لینک سازی داخلی در وردپرس را انجام دهیم ؟ ساخت خودکار لینک برای کلمات اختصاصی در وردپرس بدون دخالت اضافی !

0 57
دیدگاه ها و نظرات
توجه کامنت های انگلیسی تایید نخواهند شد در صورت داشتن مشکل ، قبل از ارسال دیدگاه نظرات سایر دوستان را نیز مطالعه فرمائید برای مشاهده پاسخ دیدگاه ها بر روی علامت " " کلیک کنید
اشتراک دیدگاه
captcha
تکمیل تمامی فیلد ها الزامی است

آموزش های رایگان بیشتر در آپارات و یوتیوب سئو نود
کانال آپارات سئو نود چنل یوتیوب سئو نود