آموزش ساخت هدر با المنتور در وردپرس در چند گام ساده

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

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

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

• ایجاد وب نامحدود
• طرح های پیکسلی عالی
• کیت های کامل وب سایت و کتابخانه قالب
• طراحی ریسپانسیو
• بارگذاری سریع وب سایت ها
• رابط کاربری کشیدن و رها کردن
• و …

بیشتر بخوانید: آموزش تبدیل قالب html به قالب وردپرس به صورت مرحله به مرحله 

آموزش ایجاد هدر سایت با المنتور

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

مرحله 1: تب المنتور را در نوار کناری پیدا کنید

در ابتدا شما باید نسخه حرفه ای المنتور را در سایت خود نصب و فعال کنید، زیرا ده ها قالب از پیش ساخته شده هدر در اختیار شما قرار داده می شود که می توانید از آنها برای طراهی های خود استفاده کنید. سپس از پنل مدیریتی خود و از بخش “Templates” روی گزینه “Theme Builder” کلیک کنید.

بیشتر بخوانید: اضافه کردن کدهای دلخواه به هدر و فوتر سایت وردپرسی

مرحله 2: یک قالب جدید در المنتور ایجاد کنید

برای ایجاد یک الگوی جدید در المنتور، روی Add New Template کلیک کنید.

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

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

مرحله 3: برای شروع روی “ایجاد الگو” کلیک کنید

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

• لوگوی سایت
• عنوان سایت
• عنوان صفحه
• منوی ناو
• فرم جستجو
• نقشه سایت

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

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

بیشتر بخوانید: بهترین افزونه های فوتر و هدر وردپرس | ساخت و تغییر هدر و فوتر

مرحله 4: شرایط نمایش را انتخاب کنید

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

در این قسمت سه گزینه وجود دارد:

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

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

بیشتر بخوانید: آموزش ایجاد گالری تصاویر در وردپرس به روش های مختلف 

نحوه ساخت هدر چسبنده با المنتور

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

برای ایجاد یک هدر چسبنده برای قالب سرصفحه، تنها کاری که باید انجام دهید این است که وارد صفحه ویرایشگر المنتور قالب هدر خود شوید و سپس به تب Advanced مراجعه کنید. حال به دنبال بخش Scrolling Effect یا همان افکت اسکرول باشید. سپس «بالا» یا «پایین» را انتخاب کنید تا سرصفحه‌ای که ایجاد کرده‌اید به بالا یا پایین صفحه در حین حرکت کاربر باشد.

همچنین ویژگی‌های اضافی برای تعریف نحوه متحرک شدن سرصفحه وجود دارد. به عنوان مثال می‌ توانید انتخاب کنید که هدر چسبنده روی کدام دستگاه‌ها همچون دسکتاپ، موبایل و تبلت اعمال شود.

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

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

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

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

بیشتر بخوانید: آموزش ساخت هدر شفاف در وردپرس

سوالات متداول

بیشتر بخوانید: آموزش طراحی قالب با المنتور | چگونه با المنتور قالب وردپرس بسازیم؟

جمع بندی: آموزش ساخت هدر با المنتور

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

منبع: wpastra