صفحه ورود و عضویت #وردپرس از صفحاتی است که به سادگی قابل شخصی سازی نیست و معمولا افراد ترجیح می دهند برای اینکار از افزونه ها استفاده کنند. البته که یک #افزونه می تواند کاربردی تر و راحت تر باشد اما شاید بعضی از افراد سعی کنند تا حد امکان تغییرات در سایت را بدون نیاز به افزونه ها که سایت را سنگین می کنند و یا نیاز به مصرف منابع بیشتر از سرور دارند، انجام دهند. در این مورد نیز راهی بدون افزونه وجود دارد که در ادامه با بی تاک همراه شوید تا این مورد را باهم بررسی کنیم.
خب برای شروع می توانیم تصمیم بگیریم که یک فایل استایل دلخواه ایجاد کنیم یا استایل را درون خطی وارد کنیم. اگر دستورات استایل زیادی قرار است برای شخصی سازی استفاده کنید، پیشنهاد می کنم یک فایل دلخواه #استایل ایجاد کنید. از طریق فایل منیجر وارد پوشه قالبتان شوید و یک فایل به نام دلخواه برای مثال login.css
ایجاد کنید. سپس فایل functions.php
قالبتان را در حالت ویرایش باز کرده و کد زیر را در انتهای آن قرار دهید:
function betalk_my_custom_login_style() {
echo '<style type="text/css">
@import: url('.get_bloginfo('template_directory').'/login.css);
</style>';
}
add_action('login_head', 'betalk_my_custom_login_style');
اکنون می توانید دستورات استایلی که مدنظر دارید در صفحه ورود و عضویت اعمال شود را در این فایل جدید قرار دهید.
اگر قصد دارید فقط لوگوی صفحه ورود را تغییر دهید و تمایلی به ایجاد فایل استایل جدید ندارید، می توانید این کد را در فایل functions.php
قرار دهید:
function betalk_my_custom_login_logo() {
echo '<style type="text/css">
h1 a { background-image:url(https://betalk.ir/logo.png) !important; }
</style>';
}
add_action('login_head', 'betalk_my_custom_login_logo');
و آدرس تصویر لوگو جدید را در کد بالا اصلاح کنید. به همین صورت می توانید دستورات استایل دیگر را بصورت درون خطی و بدون نیاز به فایل استایل جدید اضافه کنید.