سفارش سازی صفحه ی ورود وردپرس

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

سفارشی سازی صفحه ورود به وردپرس با افزونه 

این نوع از افزونه ها که بسیار کاربردی می باشد به شما اجازه میدهد کلیات صفحه ورود را تغییر دهید . تا کنون بیش از ۹۰۰۰۰ دانلود و نصب و فعال سازی داشته است و همین مورد نشانه ی محبوبیت آن بین افراد مختلف است شما با استفاده از این افزونه توانایی سفارشی سازی صفحه ورود به وردپرس را در اختیار شما قرار می دهد .

برای استفاده از این افزونه شما باید آخرین نسخه ی این افزونه را دانلود کرده سپس نسبت به نصب و فعال سازی افزونه آن اقدام نمایید بعد از فعال سازی به قسمت تنظیمات رفته و از زیر منو های آن گزینه ای تحت عنوان Custom Login اضافه شده است که برای دسترسی به تنظیمات آن باید بر روی این گزینه کلیک نمایید و سفارش سازی سایت خود را انجام دهید .

با ورود به صفحه ی تنظیمات افزونه کل تنظیمات از یک بخش Display Settings تشکیل شده است که دارای قسمت های مختلفی است .

• Background Color: در این قسمت میتوان برای پس زمینه صفحه ورود به وردپرس رنگ و یا تصویری را در نظر گرفت .
• Background Image : در این قسمت می توانید از تصویر نیز استفاده کنید.
• Background Position : در این قسمت شما باید موقعیت تصویری که آپلود کرده اید را مشخص کنید که چگونه به عنوان پس زمینه به نمایش در آید .
  
• Background repeat : مشخص کنید که تصویر پس زمینه شما تکرار شود یا اینکه فقط یک بار نمایش داده شود .
  
• Background Size : در این قسمت میتوانید اندازه تصویر پس زمینه را مشخص کنید.

 

Width : عرض باکس ها را از این قسمت می توان افزایش یا کاهش داد .
Background Color : برای باکس های خود رنگ پس زمینه می توان در نظر گرفت .
Background URL : اگر بخواهیم تصویری برای باکس ها آپلود کنیم از این قسمت باید انجام دهیم .
Background Position : موقعیت قرارگیری باکس ها را در این بخش مشخص می کنیم.
Background Repeat : تکرار تصویر خود را باید از این بخش مشخص سازیم .

Background Size : این گزینه مربوط به پس زمینه باکس های می باشد .
Border Radius : در این قسمت میزان خمیدگی و نرمی گوشه باکس را باید تنظیم کرد .
Border Size : با این گزینه اندازه حاشیه صفحه ورود به وردپرس را میتوان مشخص کرد.
Border Color : رنگ نوار حاشیه را از این قسمت مشخص کنید .
Box Shadow : سایه هایی را در اطراف تصویر باکس ما می توان از این قسمت تنظیم نمود .
Box Shadow Color : رنگ مربوط به سایه را از این بخش مشخص کنید .

شما در این قسمت مشخص می کنید که فرم ما به همراه لوگو ظاهر شود یا خیر  .

Image : تصویر لوگوی مربوطه خود را در این بخش آپلود کنید .
Image Width : در این قسمت میتوان عرض لوگو را مشخص نمود .
Image Height : ارتفاع لوگو را در این جا مشخص کنید .
Background Position : موقعیت مکانی لوگو را مشخص نمایید .
Background Repeat : در این قسمت مشخص کنید که تصویر ما تکرار یابد یا خیر.
Background Size : مشخص کنید که اندازه تصویر ما چه اندازه ای باشد.

شما در این قسمت رنگ لیبل ها (عنوان باکس ها) را مشخص کنید.

در این قسمت میتوانیم دو گزینه پایین فرم یعنی “بازگشت به سایت” و “آیا رمز عبور را فراموش کرده اید؟” را استایل دهی نمایید و در انتها نیز برای اضافه کردن پارامتر های دلخواه خود می توانید آن ها را کدنویسی کنید و تمام تنظیماتی را که انجام داده اید را ذخیره و خروجی کار را مشاهده فرمایید .

افزونه Theme My Login

یکی از امکانات لازم این افزونه وردپرس امکان سفارش سازی صفحه رمز عبور خود را فراموش کرده اید را ویرایش کنید. این افزونه دارای گزینه هایی در جهت پشتیبانی از تغییر مسیر، gravatar، لینک های سفارشی ، ایمیل ها، پروفایل های کاربر و … می باشد.

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

اگر شما بخواهید ایجاد ثبت نام سفارشی ،صفحات پروفایل ،ایمیل سفارشی و تنضیمات راهنمایی استفاده کنید باید روی TML menu در admin bar برای تنضیمات افزونه کلیک کنید.

مطلب پیشنهادی  ایجاد منوی ریسپانسیو تمام صفحه در وردپرس

سپس در این قسمت هر ماژولی را که می خواهید را به راحتی فعال کنید مثلا فعال کردن ماژول ایمیل های سفارشی یک تب جدید به نام ایمیل زیر منوی TML اضافه می کند که در صفحه ی جدید باید اطلاعاتی را وارد نمایید .

شما از این افزونه می توانید در بخش ابزارک ها نیز استفاده کنید برای این کار تنها باید ابزارک افزونه ی Theme My Login را به اسلاید بار اضافه کنید.

افزونه ی YITH Custom Login

این افزونه را نصب و فعال سازی کنید سپس بر روی گزینه ای با عنوان “صفحه ی ورود” که در صفحهی پیشخوان ظاهر شده است ، کلیک کنید .

اصلی 

• فعال سازی افزونه : با علامت زدن این گزینه به افزونه حالت اجرایی می دهید . ،
  نمایش تصویر شاخص : می توانید با این گزینه تصویر کنار فرم را فعال و نمایش دهید .
  آدرس تصویر مشخص شده : اگر بخواهید تصویر دیگری را جایگزین تصویر شاخص کنید از بخش اقدام کنید .
  تنظیمات دلخواه سی اس اس : تنظیمات دلخواه خود به صورت کدهای سی اس اس در این جا وارد کنید .

پس زمینه

• تصویر پس زمینه: تصویر پس زمینه خود را از این بخش انتخاب کنید و آن را بارگذاری کنید .
  رنگ پس زمینه: رنگ دلخواه پس زمینه ی فرم
  پس زمینه ی تکراری : تکرار تصویر پس زمینه در جهات مختلف
  موقعیت پس زمینه : محل قرار گیری تصویر پس زمینه
  ضمیمه تصویر پس زمینه: حالت تصویر پس زمینه ضمیمه شده

لوگو

• تصویر لوگو : بارگذاری لوگوی مورد نظر خود
  انتخاب رنگ پس زمینه برای لوگو : رنگ پس زمینه ی لوگوی شما
  عرض تصویر لوگو : اندازه ی عرض تصویر لوگو
  طول لوگو : اندازه ی طول تصویر لوگو

فرم

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

سایر تنظیمات افزونه

• رنگ خط دور فیلدها : مشخص کردن رنگ بندی خط دور فیلدها
  پس زمینه ی فیلد، در هنگام کلیک بر روی آن : مشخص کردن رنگ بندی پس زمینه ی فیلدها
  رنگ خط دور فیلدها، در هنگام کلیک بر روی آن ها : رنگ بندی خط دور فیلدها
  رنگ پس زمینه ی ارسال: تعیین رنگ بک گراند دکمه ی ارسال
  رنگ خط دور دکمه ی ارسال: رنگ بندی خطی که دور دکمه ی ارسال است
  رنگ پس زمینه ی دکمه ی ارسال در هنگام هاور شدن: رنگ بک گراند دکمه ی ارسال زمانی که روی آن کلیک می شود.
  رنگ خط دور دکمه ی ارسال در هنگام هاور شدن: رنگ خط دور دکمه ی ارسال زمانی که روی آن کلیک می شود.

افزونه Admin Custom Login

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

• Dashboard : در این بخش باید افزونه را با قرار دادن بر روی گزینه ی Enable  فعال کنید .
• Background Design : بک گراند صفحه ورود خود را انتخاب کنید
• Login Form Setting :امکان تنظیم اسلاید شو برای تصویر بک گراند بجای تصویر ثابت
• Font Setting : امکان تعیین فونت مورد نظر خود  برای صفحه ی ورود
• Logo Setting : در این بخش میتوانید بجای لوگوی وردپرس در بالای صفحه ورود وردپرس، لوگوی شخصی خود را قرار دهید.

افزونه ی Custom Login Page Customizer 

بعد از نصب و فعال سازی این افزونه به مسیر Appearance » Customize در بخش مدیریت وردپرس رفته در customizer یک تب جدید با عنوان Login Customizer خواهید دید که با کلیک بر روی آن می توانید سفارش سازی هایی را انجام دهید .

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

زیر منو های این افزونه به شرح زیر است :

Logo

• Login Logo:  انتخاب لوگوی جدید
  Logo Width: اندازه عرض تصویر لوگوی شما
  Logo Height:  اندازه طول تصویر لوگو
  Padding Bottom: فاصله ی داخلی از قسمت پایین لوگو

Background

• Background Image: تصویر پس زمینه
  Background Color: رنگ پس زمینه
  Background Size: اندازه پس زمینه
• Form Background: این بخش مربوط به فرم ورود است .
  Background Image: تصویر فرم ورود
  Background Color: انتخاب رنگ فرم
• Form Styling: این گزینه مربوط به استایل دهی فرم ورود می باشد.
  Width: اندازه عرض فرم
  Height: ارتفاع فرم
  Padding: فاصله ی داخلی فرم
  Border (Example: 2px dotted black): حاشیه فرم
• Fields Styling: این گزینه مربوط به فیلد ها می باشد.
  Input Field Width: اندازه عرض فیلدها
  Input Field Margin: فاصله از اطراف
  Input Field Background: رنگ فیلدها
  Input Field Color: رنگ متن درون فیلدها
  Label Color: رنگ های لیبل ها یا عنوان فیلدها
• Button Styling: این گزینه مربوط به استایل دکمه ورود می باشد.
  Button Background: رنگ دکمه ورود
  Button Border: رنگ حاشیه دکمه ورود
  Button Background (Hover): تغییر رنگ هنگام قرار گرفتن ماوس
  Button Border (Hover): تغییر رنگ حاشیه ی دکمه با رفتن ماوس بر روی آن .
  Button Box Shadow: رنگ سایه دکمه ورود
  Button Color: رنگ نوشته درون دکمه
• Other: این بخش در واقع مربوط به بخش های دیگر می باشد.
  Text Color: رنگ متن ها یا لینک ها
  Text Color (Hover): تغییر رنگ نوشته یا لینک با رفتن ماوس بر روی آنها
  Custom CSS: کد استایل یا CSS های سفارشی

مطلب پیشنهادی  آموزش سفارشی سازی قالب وردپرس lenz

افزونه های دیگر سفارش سازی صفحه ی ورود وردپرس

 افزونه Login Security Solution

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

افزونه Uber Login Logo

یکی از بهترین افزونه های سفارش سازی صفحه ی ورود این افزونه می باشد افزونه Uber Login Logo به شما اجازه قرار دادن لوگوی دلخواد خود را در صفحه ورود وب سایت می دهد و این فرآیند بسیار ساده انجام می شود .

افزونه zm Ajax Login & Register

این افزونه برای ایجاد فرم ورود و ثبت نام  نیز مورد استفاده است چرا که کاربران مختلف دیگر نیازی به باز کردن یک صفحه ورود جدید در جهت وارد شدن به سایت ندارند و تنها می توانند جزئیات ورود در باکس مربوطه و با استفاده از این افزونه قرار داده و به راحتی وارد سایت شوند .  شما با استفاده از این افزونه می توانید به طور کلی صفحه ی ورود خود را سفارش سازی کرده و همچنین با استفاده از کد کوتاه، قابلیت ورود بیشتری را به آن بیافزایید .

 افزونه Social Login

با استفاده از افزونه Social Login کاربران میتوانند از طریق حساب های اجتماعی خود وارد سیستم شده ، ثبت نام خود را انجام دهند و سپس با استفاده از آن اکانت نظرات خود را وارد نمایند این افزونه با BuddyPress سازگار است و برای بیش از ۲۵ شبکه اجتماعی از جمله سایت های اجتماعی محبوب مانند فیس بوک، توییتر، گوگل،  GitHub، LinkedIn، Instagram، PayPal، OpenID کاربردی می باشد .

افزونه Erident Custom Login and Dashboard

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

افزونه Custom Login Plugin

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

 

افزونه Google Apps Login

افزونه Google Apps Login یک ورودی ساده و ایمن را برای دامنه های شما ایجاد میکند . همچنین شما می توانید با استفاده از اعتبار گوگل برای ورود به سایت به صورت ایمن بهره بگیرید . این افزونه از گزینه ورود دو مرحله ای نیز پشتیبانی میکند.

افزونه Move Login

این افزونه آدرس ورودی شما را از www.example.com/wp-login.php به چیزی شبیه www.example.com/login و www.example.com/logout تغییر میدهد . همچنین تعداد ورود ها را بررسی و حملات را محدود می کند  .

افزونه Nice Login Widget

این افزونه یک ویجت خوب است که در هر منطقه از وبسایت نمایش داده می شود این فقط یک منطقه برای ورود به سیستم، ثبت نام و همچنین صفحه نمایش رمز عبور را فراموش کرده است استفاده میشود این افزونه از تأیید هویت فعال AJAX با پشتیبانی SSL استفاده می کند .

افزونه Brute Force Login Protection

این افزونه با استفاده از htaccess از وب سایت شما را در برابر حمله های ورود به سیستم محافظت می کند و تعداد تلاشهای مجاز ورود و عدم دسترسی را محدود می کند .

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