طراحی هدر با المنتور

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

از آنجا که صفحه ساز المنتور به یک طراح غیر کدنویس اجازه می دهد تا صفحات وردپرس را صد در صد منحصر به فرد ایجاد کند.

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

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

شاید سربرگ قالب وردپرس فعلی خود را دوست نداشته باشید.

در این صورت، می‌توانید صفحه‌ساز Elementor را انتخاب کنید تا به راحتی هدر یا پاورقی وب‌سایت خود را سفارشی کنید.

قسمت سرصفحه یا همان هدر مهمترین بخش هر وب سایت است.

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

پس باید این بخش را با دقت طراحی کنید.

 شما باید برخی از اطلاعات مانند نمادهای اجتماعی، دکمه های جستجو، شماره تماس، و ابزارک های منو را ارائه دهید.

چرا باید المنتور را انتخاب کنید؟

طراحی هدر با المنتور-https://qomserver.com/

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

زیرا می توانید با المنتور طرح های شگفت انگیز و موثری خلق کنید.

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

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

المنتور (Elementor ) شامل افزونه های ضروری برای سفارشی کردن وب سایت شما دارد.

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

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

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

  • آسان برای استفاده
  •     می توانید با سایت زنده طراحی کنید
  •     ویجت های ضروری برای سفارشی کردن صفحات وب
  •     امکانات ویرایش موبایل
  •     لغو/دوباره و تاریخچه بازبینی
  •     فرم ساز بصری و ذاتی
  •     فونت های سفارشی، ویجت های جهانی
  •     و موارد دیگر

برای اینکه با المان ها بهتر کار کنید آمورش کار با المنتور را ببینید

برای ساخت هدر با المنتور به چه چیزی نیاز دارید؟

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

اگر یک وب‌سایت وردپرسی دارید و قصد دارید وب‌سایت‌ را توسعه می‌دهید، Elementor Pro یک گسترش فوق‌العاده برای جعبه ابزار شما خواهد بود.

آموزش طراحی هدر با المنتور  (سفارشی)

قبل از اینکه به ایجاد هدر با المنتور فکر کنید، باید دو مورد زیر را رعایت کنید:

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

و سپس به Elementor pro ارتقا دهید

ساخت هدر با المنتور (7 مرحله آسان)

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

مرحله اول:

اولین مرحله طراحی هدر با المنتور نیاز است یک سربرگ خالی ایجاد کنید.

به قالب ها > قالب های دخیره شده > افزودن جدید بروید.

و نوع قالبی که می خواهید را انتخاب می کنید.

انتخاب نوع قالب برای ساخت هدر در المنتور-https://qomserver.com/

می توانید اسم قالب را هر نامی که میخواهید قرار دهید. 

شما نیازی به دانلود  قالب در Elementor ندارید زیرا Elementor بخشی به نام قالب های کتابخانه دارد که در آن به راحتی می توانید هر قالب هدر را که می خواهید بارگذاری کنید.

قالب کتابخانه برای ساخت هدر با المنتور-https://qomserver.com/

 

مرحله دوم: تنظیم طرح کلی

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

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

و سپس ساختار مورد نظر خود را انتخاب کنید

مرحله سوم: اضافه کردن لوگو

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

روش  اول:

ابتدا به پیشخوان>نمایش>سفارسی سازی>هویت سایت > گزینش نشان بروید.

و لوگو را انتخاب و بار گذاری و سپس آن را ذخیره کنید. 

روش دوم :

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

در نهایت، پس از کشیدن «لوگوی سایت» به ناحیه نقطه‌دار، لوگوی واقعی شما را به‌طور خودکار دریافت می‌کند.

در این تنظیمات، می‌توانید انتخاب کنید که لوگو هنگام کلیک کردن چگونه باشد و همچنین می‌توانید اندازه و تراز آن را در اینجا تنظیم کنید.

با استفاده از گزینه استایل و پیشرفته می توانید کارهای زیادی انجام دهید.

مرحله چهارم: اضافه کردن منو

برای نمایش فهرست در هدر سایت باید به قسمت نمایش رفته  و بعد گزینه فهرست ها را انتخاب کنید.

ایجاد فهرست در ساخت هدر با المنتور-https://qomserver.com/

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

دوباره به قسمت المنتور برگردید برای اینکه فهرست را اضافه کنید ابتدا رفرش می کنید تا منوی که ایجاد شده نمایش داه شود.

در اینجا موارد مهمی وجود دارد که باید در مورد آنها بدانید.

منو: منوی مورد نظر خود را انتخاب کنید. می توانید از منوها → نمایش انتخاب کنید

طرح بندی: افقی، عمودی یا کشویی دریافت خواهید کرد

تراز: چپ، مرکز، راست یا کشش برای پر کردن کل منطقه موجود

اشاره گر – چگونه دوست دارید پیوند فعال را علامت گذاری کنید

انیمیشن – دوست دارید نشانگر چگونه باشد

مرحله پنجم: افزودن فیلد جستجو

 

فیلد جستجو در ساخت هدر با المنتور-https://qomserver.com/

برای افزودن فیلد جستجو در هدر، فقط باید المان جستجو را انتخاب کنید و جایی که می‌خواهید آن را تنظیم کنید بکشید.

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

مرحله ششم: عناصر اضافی دیگر را اضافه کنید

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

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

مرحله هفتم: هدر خود را منتشر کنید

 

ایجاد هدرسایت با المنتور- https://qomserver.com/

این آخرین مرحله طراحی هدر با المنتور است.

علاوه بر این، این مهمترین بخش است. پس باید طراحی هدر خود باید بسیار مراقب باشید.

برای اعمال این مورد، روی دکمه منتشر (PUBLISH) در سمت چپ فوتر کلیک کنید.

یک پنجره بازشو خواهید دید که از شما می پرسد کجا می خواهید هدر جدید خود را نشان دهید.

شرط اصلی این بخش این است که “کل سایت” را انتخاب کنید و سپس دکمه ذخیره و بستن را بزنید.

در نهایت قسمت هدر شما آماده است. هورای!!!

بنابراین با انجام این مراحل به راحتی می توانید هدر خود را برای وب سایت خود طراحی کنید.

نکته: برای ویرایش هر یک از المان های طراحی هدر با المنتور می توانید رو علامت مداد کلیک کنید و آن را تغییر دهید.

سخن پایانی

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

امید است مورد پسند شما عزیزان باشد.

اشتراک گذاری

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

خانه
طرااحی سایت
سئو
تماس