همان طور که میدانید در تمام قالبهای وردپرس و سایت ها برای ورود به پنل مدیریت با صفحهای مواجه میشوید که از شما نام کاربری و رمز عبور را میخواهد. در واقع شما در این صفحه با هر عنوانی که هستید چه مدیر، چه نویسنده و … باید با وارد اطلاعات مربوط به خود در این صفحه ورود به قسمت مدیریت یا پیشخوان قالب وردپرس وارد شوید. در حالت عادی صفحه ورود وردپرس ظاهری کاملا عادی و ساده دارد اما به کمک افزونه ها میخواهیم این صفحه ورود را سفارشی کنیم و استایلی زیبا و جذاب به آن دهیم. پس تا پایان همراه ما باشید.
آموزش سفارشی سازی صفحه ورود به وردپرس
1- LoginPress Pro سفارشی سازی صفحه ورود و ثبت نام وردپرس
LoginPress Pro نام یک افزونه کاربردی و حرفهای وردپرس است که با استفاده از آن میتوانید صفحه ورود به سیستم وبسایت خود را مدیریت کنید. توسط این افزونه وردپرس به راحتی و بدون نیاز به کدنویسی میتوانید صفحات ورود امن و زیبا برای وبسایت های وردپرسی ایجاد کنید. این افزونه شامل چندین قالب پیش ساخته برای صفحه ورود است که تنها با یک کلیک میتوانید از آنها استفاده کنید.
افزونه LoginPress Pro امکانات مختلفی برای طراحی صفحه ورود در اختیار شما قرار میدهد به طور مثال میتوانید لوگو سایت خود را در صفحه ورود قرار دهید، متن عنوان را ویرایش کنید، لینکهای مختلف را اضافه کنید و اندازهها و فضای صفحه را سفارشی سازی کنید. علاوه بر اینها پس زمینه صفحه ورود نیز قابل ویرایش است و میتوانید تصویر مورد علاقه خود را به پس زمینه اضافه کنید یا از رنگهای ساده استفاده کنید.
صفحه ورود و ثبت نام در وردپرس به صورت پیش فرض از سادگی پایینی برخوردار است، که شما با استفاده از این افزونه میتوانید طرح دلخواه خودتان را روی این صفحه پیاده کنید، این افزونه قالبهای متنوعی را در اختیار شما قرار میدهد برای سایتهای شرکتی، شخصی، فروشگاهی و… که میتوانید از این طرحها استفاده کنید. ضمن اینکه شما میتوانید تصاویر و رنگهای دلخواه خودتان را برای صفحه استفاده کنید.
یکی از قابلیتهای خوب افزونه LoginPress Pro امکان استفاده از کدامنیتی ریکپچا گوگل در صفحه ورود است، که شما میتوانید دربخش تنظیمات این افزونه امکان کدامنیتی را فعال کنید، ضمن اینکه این افزونه در بخش تنظیمات امکانات دیگر هم در اختیار شما قرار میدهد.
برخی از ویژگی های افزونه LoginPress Pro :
- شخصی سازی صفحه ورود و ثبت نام در وردپرس
- قالب های آماده برای صفحه ورود و ثبت نام
- امکان شخصی سازی دکمه ورود و ثبت نام
- قابلیت تغییر آدرس صفحه لاگین وردپرس
- امکان محدودکردن تعداد ورود اشتباه در صفحه ورود
- امکان استفاده از کد ریکپچا در صفحه ورود و ثبت نام
- امکان استفاده از تصاویر دلخواه در پس زمینه صفحات ورود و ثبت نام
- امکان استفاده دز رنگ دلخواه در پس زمینه صفحات ورود و ثبت نام
- قابلیت استفاده از ابزارک برای نمایش فرم ورود و ثبت نام در سایت
- قابلیت شخصی سازی پیام های خوش آمدگویی و خطا
- امکان تغییر لوگو پیش فرض وردپرس در صفحه ورود و ثبت نام
- قابلیت ورود از طریق لینک مخفی و اختصاصی بدون وارد کردن رمز عبور
- امکان هدایت کاربران پس از ورود به صفحه دلخواه بر اساس نفش کاربری
- و امکانات دیگر…
2- افزونه Admin custom login وردپرس برای سفارشی سازی صفحه ورود
پس از دانلود، نصب و فعالسازی پلاگین Admin custom login وردپرس، یک زیر منوی جدید در آیتم تنظیمات پشخوان وردپرس شما ایجاد میشود.
در این بخش میتوانید تنظیمات مربوطه را انجام دهید.
- Dashboard در این بخش افزونه را فعال کنید. یعنی گزینه Enable را فعال کنید.
- Background Design در این بخش میتوانید یک تصویر را به عنوان بک گراند صفحه ورود به وردپرس در نظر بگیرید.
- Login Form Setting در این بخش میتوانید به تنظیم اسلاید شو برای تصویر بک گراند بجای تصویر ثابت بپردازید.
- Font Setting میتوانید فونت مورد نظر خود را به صفحه ورود به وردپرس اعمال کنید.
- Logo Setting در این بخش میتوانید بجای لوگوی وردپرس در بالای صفحه ورود وردپرس، لوگوی شخصی خود را قرار دهید.
سفارشی سازی صفحه ورود وردپرس
در آیتمهای دیگر نیز میتوانید به تنظیمات فرعی مانند تنظیمات شبکههای اجتماعی، اکسپورت کردن و … بپردازید.
پس از پایان تغییرات و ذخیره آنها، میتوانید صفحه ورود به وردپرس خود را مشاهده کنید و از آن لذت ببرید.
3- سفارشیسازی صفحه ورود به وردپرس با افزونه Login Designer
افزونه Login Designer امکانی فراهم کرده تا صاحبان وبسایتها بتوانند صفحات ورود به وردپرس خود را بدون نیاز به استخدام یک طراح یا دانش برنامهنویسی سفارشی کنند. به این صورت قادر به سفارشیسازی و تغییر عناصر صفحه خواهید بود و پیشنمایش آن را نیز میتوانید مشاهده کنید. این افزونه تاکنون توانسته بیش از 1000 نصب فعال را با امتیاز 4.9 از 5 در مخزن وردپرس به ثبت برساند.
ویژگیهای افزونه
- قادر به شخصیسازی تمام عناصر صفحه ورود به وردپرس خواهید بود.
- تغییرات بصری
- امکان تغییر لوگو و پسزمینه صفحه ورود
- فعال یا غیرفعال کردن عناصر دلخواه
- مشاهده پیشنمایش تغییرات
- و…
سهولت استفاده، تنوع، گزینههای متعدد و کاربردی بودن ویژگیهایی است که این افزونه را بسیار محبوب کرده است.
4- شخصی سازی صفحه ورود در وردپرس با Custom Login Page Customizer
این افزونه وردپرسی بیش از 70,000 هزار بار توسط کاربران وردپرس در سراسر جهان نصب و فعال سازی شده است.
برای شروع کار، ابندا باید افزونه Custom Login Page Customizer را نصب و فعال کنیم.
برای این کار به مسیر پیشخوان > افزونه ها > افزودن > بارگذاری افزونه میرویم و افزونه مورد نظرمان را انتخاب کرده سپس آن را نصب و فعال می کنیم.
بعد از نصب افزونه Custom Login Page Customizer یک گزینه در پیشخوان > نمایش به نام Login Customizer ایجاد شده است که برای شخصیسازی صفحه ورود در وردپرس میباشد.
در مرحله بعد با گزینههای مختلفی مواجه میشویم که به بررسی تک تک آنها میپردازیم.
Logo: در این قسمت میتوانید تنظیمات مربوط به لوگو را انجام دهید. برای مثال میتوانید لوگوی جدیدی که میخواهید به جای لوگوی وردپرس قرار دهید را بارگذاری نمایید.
- Background: این گزینه مربوط به پس زمینه صفحه شما میباشد.
- Form Styling: این گزینه مربوط به استایل دهی فرم ورود میباشد.
- Fields Styling: این گزینه مربوط به فیلدها میباشد.
- Button Styling: این گزینه مربوط به استایل دکمه ورود میباشد.
- Other: این بخش در واقع مربوط به بخشهای دیگر میباشد.
5- افزونه Colorlib Login Customizer
Colorlib Login Customizer کاملاً همه کاره ترین افزونهای است که اجازه میدهد فرم ورود به سیستم را برای وردپرس شخصی سازی کنید.
برخلاف سایر افزونهها، Colorlib Login Customizer امکان انجام سفارشی سازی را از طریق WordPress Customizer فراهم میکند. اگر قبلاً هر موضوعی را سفارشی یا پیکربندی کردهاید، تغییرات ایجاد شده است، شما از قبل با رابط کاربر پسند آن آشنا هستید.
این افزونه دارای تعداد زیادی ویژگی است، از جمله گزینههای شخصی سازی سنگین از پس زمینه، فونتها، انیمیشنها، رنگها، تیرگی و سایر قابلیتهای عالی CSS همچنین میتواند متن پاورقی را در داشبورد سرپرست تغییر دهد، که اگر در حال ساخت یک راه حل سفارشی برای مشتری خود هستید بسیار عالی است.
6- افزونه BM Custom Login
جدا از ویژگیهای معمول مانند سفارشی سازی CSS، افزودن تصاویر و سفارشی سازی پس زمینه، ویژگی الگوهای BM Custom Login بینظیر است.
گزینههای پلاگین
استفاده از این افزونه بسیار آسان است. اولین کاری که باید انجام دهید، ایجاد دو تصویر به نامهای (login-bkg-tile.gif و login-bkg-bottom.gif ) هست. بعد باید این تصاویر رو در مسیر wp-admin/images/ قرار بدید. با کمی تلاش میتوانید تصاویری زیبا برای صفحه ورود خودتون طراحی کنید.
توسعه دهنده یک گروه Flickr ایجاد کرد که در آن کاربران پلاگین نسخه سفارشی صفحه ورود خود را به اشتراک میگذارند. میتوانید با استفاده از یک فایل PSD موجود در پوشه الگوی تصویر افزونه، یک طرح جدید ایجاد کنید و سپس الگوی جدید را در پوشه منبع افزونه واقع در / wp-content / plugins / bm-custom-login / images / بارگذاری کنید.
7- افزونه WordPress Social Login (Facebook, Google, Twitter)
با افزونه Social Login، کاربران میتوانند با استفاده از حسابهای اجتماعی خود وارد سیستم شده، ثبت نام کنند و نظر خود را ثبت کنند. دیگر نیازی به وارد کردن ایمیل برای ورود یا ثبت نام نیست. این برنامه برای بیش از 25 شبکه اجتماعی از جمله سایتهای اجتماعی محبوب مانند Facebook ، Twitter ، Google ، GitHub ، LinkedIn ، Instagram ، PayPal ، OpenID و بسیاری دیگر کار میکند. حتی با BuddyPress نیز سازگار است.
8- پلاگین Erident Custom Login and Dashboard
با این افزونه میتوان صفحه ورود به سایت و پنل مدیریت خود را به طور کامل سفارشی کنید. به عنوان مثال میتوانید لوگو سایت و پس زمینه وردپرس، رنگ صفحه فرم ورود و سایر موارد را تغییر دهید. همچنین میتوانید یک لینک به لوگو اضافه کنید و متن پاورقی را در پنل مدیریت سایت تغییر دهید.
9- Birds Custom Login
این یکی دیگر از افزونههای جذاب چندزبانه است که می توانید صفحه ورود به وردپرس خود را به راحتی شخصی سازی کنید. این در طراحی پاسخگو است و از تعداد زیادی ویژگی سفارشی سازی، همراه با یک پیش نمایش زنده در صفحه تنظیمات پشتیبانی میکند.
10- افزونه Custom Login
این یکی از محبوبترین افزونه های freemium با بیش از 80،000 نصب فعال است. نسخه رایگان شامل چندین ویژگی طراحی، همراه با قطعه کد CSS و JS سفارشی است.
با افزونه Custom Login میتوان جذابیت بصری صفحه ورود را تغییر دهید. به عنوان مثال لوگو، پس زمینه و رنگ فرم ورود به سایت، برچسب ها و… را تغییر دهید.
11- افزونه YITH Custom Login
این افزونه login وردپرس با قالب زیبایی که دارد به ما امکان ایجاد یک فرم ورود زیبا را میدهد.
افزونه login وردپرس را در مسیر افزونه ها نصب و فعال می کنیم. سپس گزینه ای با عنوان “صفحه ی ورود” در بخش نمایش در پنل ادمین وردپرس ایجاد می شود. با ورود به این بخش وارد تنظیمات افزونه میشویم.
12- پلاگین Theme My Login
با افزونه Login Theme My، میتوانید صفحه ورود به سایت WordPress و صفحات رمز عبور را مطابق با سلیقه خود سفارسی کنید. گزینه های سفارشی سازی موجود شامل گزینههای تغییر مسیر، پشتیبانی از گراواتور، پیوندها و ایمیلهای سفارشی، پروفایل کاربر و موارد دیگر میباشد.
امکانات Theme My Login ، افزونه شخصی سازی صفحه ورود وردپرس
- سفارشی سازی آدرس صفحات مربوط به ورود، ثبت نام، بازیابی گذرواژه و صفحات دیگر مربوط به سیستم ورود.
- سیستم ورود و ثبت نام برای کاربران
- سیستم فراموشی رمز عبور
- امکان ثبت نام کاربران فقط با ایمیل
- امکان تنظیم رمز عبور پس از ورود به حساب کاربری
- امکان ورود کاربران با وارد کردن ایمیل و رمز عبور، نام کاربری و رمز عبور یا هردو
- امکان ورود کاربران پس از ثبت نام با سیستم ورود خودکار
- امکان درخواست تایید ایمیل برای احراز هویت
افزونه Google Apps Login یک ورود ساده و ایمن و مدیریت کاربر را برای وبلاگ وردپرس یا هر سایتی تحت دامنه Google Apps به شما ارائه میدهد. همچنین این امکان را به کاربران شما میدهد تا با استفاده از گواهینامههای Google وارد سایت شوند و همچنین تأیید هویت دو مرحله ای را نیز پشتیبانی میکند.
14- افزونه White Label
White Label یک افزونه رایگان وردپرس قدرتمند و کاربردی است که سفارشی سازی صفحه ورود شما را به درجه کاملا جدیدی می برد. در حقیقت، White Label فقط در صفحه ورود به سیستم متمرکز نیست. چه این کار را برای خود انجام میدهید و چه با تعداد زیادی مشتری کار میکنید، اکنون میتوانید با یک ظاهر کاملاً قابل تنظیم از صفحه ورود به سیستم و همچنین داشبورد مدیر امور را مرتب کنید.
- نتیجه کار
نتیجه کار بستگی به ذوق شما در شخصی سازی صفحه ورود در وردپرس دارد، برای مثال میتوانید چنین صفحه ای را درست کنید.
الان وقتشه!
جهت مشاوره و ساخت طراحی سایت حرفه ای و بهینه سازی سایت و تولید محتوا تماس بگیر
نویسنده
مدیر سایت
حمیده عابدی کارشناس کامپیوتر رشته نرم افزار هستم و مشغول کار در در زمینه طراحی سایت با وردپرس و آشنا به سئو و بهینه سازی سایت، تولید محتوا، برنامه نویسی HTML, CSS هستم.