آیا می خواهید بدانید که چگونه یک صفحه ورود به سیستم ایجاد کنید Elementor ?

در وردپرس می توانید بروید در yourdomain.com/wp-login.php برای رفتن به صفحه ورود وب سایت خود. اگر یک وب سایت بزرگ با چندین نویسنده / کاربر دارید ، ممکن است بخواهید برای تقویت هویت نام تجاری وب سایت خود ، یک صفحه ورود سفارشی با طراحی خود ایجاد کنید.

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

Elementor دارای یک ویجت – ویجت ورود – است که می توانید از آن برای ایجاد یک صفحه ورود سفارشی استفاده کنید. Elementor حتی الگوهای صفحه ورود را ارائه می دهد تا بتوانید در کمترین زمان یک صفحه ورود ایجاد کنید.

چگونه می توان با Elementor صفحه ورود سفارشی وردپرس ایجاد کرد

لطفا توجه داشته باشید که ابزارک ورود فقط در Elementor Pro در دسترس است. بنابراین ، قبل از ایجاد صفحه ورود به سیستم سفارشی ، باید Elementor را به نسخه حرفه ای ارتقا دهید.

1. نحوه ایجاد صفحه ورود به سیستم از یک الگو

همانطور که قبلاً ذکر شد ، Elementor الگوهایی را برای شما فراهم می کند تا در کمترین زمان یک صفحه ورود به سیستم سفارشی راه اندازی و اجرا شود. برای استفاده از یکی ، با ایجاد یک صفحه جدید شروع کنید (صفحات -> افزودن) و آن را با Elementor اصلاح کنید.

در ویرایشگر Elementor ، روی نماد پوشه کلیک کنید تا کتابخانه مدل باز شود.

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

لحظه ای صبر کنید تا بارگیری مدل توسط Elementor تمام شود. پس از بارگیری مدل ، می توانید بر روی آن کلیک کنید انتشار برای انتشار آن

هورا.

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

اگر مدل مشابه ما را انتخاب کنید نتیجه نهایی است.

نحوه ایجاد صفحه ورود به سیستم با Elementor

2. نحوه ایجاد صفحه ورود به سیستم سفارشی از ابتدا

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

در ویرایشگر Elementor ، با کلیک روی نماد بعلاوه ، بخش جدیدی اضافه کنید. می توانید ساختار ستونی را بر اساس طرحی که می خواهید ایجاد کنید انتخاب کنید.

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

نحوه ایجاد صفحه ورود به سیستم با Elementor

برو به برگه محتویات در پانل سمت چپ برای تنظیم گزینه های اساسی. 3 بلوک گزینه وجود دارد که می توانید آنها را دستکاری کنید:

1. فرم ها را فرم دهید

برای فعال / غیرفعال کردن برچسب و تنظیم اندازه ورودی می توانید این بلوک را باز کنید.

2. دکمه

برای تنظیم متن دکمه ، اندازه دکمه و ترازبندی دکمه می توانید این بلوک را باز کنید.

3. گزینه های اضافی

می توانید این بلوک را باز کنید تا عناصر صفحه ورود به سیستم مانند پیوند را فعال یا غیرفعال کنید Mرمز فراموش شده و گزینه مرا به خاطر بسپار. از آنجا که می خواهید یک صفحه ورود ایجاد کنید ، فعال کردن گزینه پس از ورود به سیستم تغییر مسیر دهید و url داشبورد وردپرس را جایگذاری کنید (yourdomain.com/wp-admin) در قسمت موجود. همچنین می توانید گزینه را فعال کنید تغییر مسیر پس از خروج از سیستم اگر شما آن را آرزو کنید.

می توانید گزینه را فعال کنید برچسب سفارشی اگر می خواهید از برچسب های سفارشی و متغیرهای سفارشی در خود استفاده کنید فرم ارتباط.

از وقتی که تعریف گزینه های اساسی تکمیل شد، به برگه Style را لمس کنید برای شخصی کردن فرم ارتباط. 5 بلوک از گزینه های سبک موجود است:

1. فرم

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

2- برچسب

فقط در صورتی می توانید این بلوک را ببینید که برچسب آن را فعال کنید فرم. می‌توانید این بلوک را برای تنظیم فاصله بین برچسب‌های فرم، رنگ متن و تایپوگرافی (خانواده قلم، اندازه قلم، سبک قلم و غیره) باز کنید.

3. زمینه ها

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

4. دکمه

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

5. ورود به سیستم پیام

پس از ورود کاربران به سیستم ، می توانید این پیام را برای شخصی سازی پیام باز کنید. این پیام است:

می توانید رنگ متن و تایپوگرافی پیام را تنظیم کنید.

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

دفعات بازدید: نحوه صادرات و واردات مدلهای Elementor

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

اکنون Elementor Pro را دریافت کنید!

نتیجه

اینجاست این برای این مقاله است که به شما نشان می دهد چگونه یک صفحه ورود به سیستم با Elementor ایجاد کنید. اگر در مورد چگونگی رسیدن به آنجا نگرانی دارید fبه ما اطلاع دهید در نظر.

با این حال ، شما همچنین می توانید مشورت کنید منابع مااگر برای اجرای پروژه های ایجاد سایت های اینترنتی به عناصر بیشتری احتیاج دارید ، با مشورت راهنمای ما در مورد ایجاد وبلاگ وردپرس یا یکی در Divi: بهترین تم وردپرس در همه زمان ها.

اما در عین حال، این مقاله را در شبکه های اجتماعی مختلف خود به اشتراک بگذارید.

...