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

هدر و فوتر المنتور بدون پرو هم ساخته می‌شود؛ از آنچه سنجیدیم، فقط مگامنو بدون پرو درنیامد. همان هدر، با لوگو، منو و یک دکمه، را تا جایی که هر راه اجازه می‌داد روی چهار راه ساختیم: تنظیمات خود قالب، افزونه Hello+، افزونه Ultimate Addons و Theme Builder المنتور پرو. گزینه هدر چسبان فقط در Hello+ و پرو بود، ولی Hello+ بیشتر از یک هدر نمی‌پذیرفت و برای درج طرح یک حساب رایگان المنتور می‌خواست؛ هدر جدا برای یک صفحه را Ultimate Addons رایگان داد. آزمون روی وردپرس ۷٫۱٫۲ فارسی با ووکامرس ۱۱٫۲٫۱، Elementor 4.3.4 و قالب Hello Elementor 3.5.1 انجام شد. ۹ راهنمای فارسی که برای «ساخت هدر با المنتور» و «ساخت هدر و فوتر با المنتور» باز کردیم (جست‌وجوی DuckDuckGo، ۲۰ مهر ۱۴۰۵) هیچ‌کدام نام Hello+ یا Ultimate Addons را نمی‌آورد، و پنج مورد از آنها می‌گویند هدر به پرو نیاز دارد یا همین را فرض می‌کنند.

هدر چهار راه کنار هم: گزینه چسبان فقط در Hello+ و پرو بود

شکل زیر هدر هر چهار راه را کنار هم می‌گذارد. چسبان بودن را با اسکرول واقعی سنجیدیم (کلید Page Down روی صفحه‌ای با ۴۰ بند، با Hello+ روی Always): هدر Hello+ و پرو بالای صفحه ماند و در دو راه دیگر همراه صفحه بالا رفت. در عرض ۳۹۰ پیکسل (شبیه‌سازی‌شده) دکمه منو در هر چهار راه ظاهر شد و با کلیک باز شد.

ویژگی	Hello Elementor 3.5.1	Hello+ 1.7.8	Ultimate Addons 2.9.5	Elementor Pro 4.3.1
گزینه هدر چسبان	نه	بله	نه	بله
دکمه در هدر	نه	بله	بله	بله
ابزارک جستجو و سبد خرید	نه	نه	بله	بله
هدر جدا برای یک صفحه	نه	نه، فقط یک هدر	بله	بله
مگامنو	نه	نه	نه	بله
فوتر با فهرست و حق نشر	بله	بله	بله	بله

«بله» در ردیف جستجو و سبد خرید یعنی ابزارک ساخته شد و در هدر دیده شد. بازشدن جستجو را آزمایش نکردیم، و هدر پرو در شکل بالا فقط سبد خرید دارد؛ ابزارک Search پرو را در هدری آزمایشی گذاشتیم و فرم جستجو نشان داد.

هدر چسبان با کنترل رایگان «جایگاه» خود المنتور هم ممکن شد؛ هزینه‌اش را در بخش Ultimate Addons آورده‌ایم.

ابزارک Menu در المنتور رایگان فقط یک تبلیغ پرو است، و Hello+ و Ultimate Addons هم ابزارک مگامنوی واقعی ندارند. Hello+ جستجو نداشت، و بخش سبد خرید هدرش فقط وقتی ظاهر می‌شود که قالب فعال پشتیبانی آن را اعلام کند؛ Hello Elementor 3.5.1 اعلام نمی‌کند.

تنظیمات خود قالب فارسی و رایگان است و هدر چسبان ندارد

1. در ویرایشگر المنتور از منوی نشان المنتور (بالا، سمت راست) «تنظیمات سایت» را باز کنید.
2. «سربرگ پوسته سلام» را بزنید: کلیدهای «لوگو سایت»، «شعار» و «فهرست» را روشن یا خاموش می‌کنید و «چیدمان»، «عرض» و پس‌زمینه را تنظیم می‌کنید.
3. «پابرگ پوسته سلام» همین را برای فوتر دارد، با یک جای «حق نشر».

دکمه، جستجو، سبد خرید و گزینه چسبان در این پنل نیست، و چون تنظیم‌ها یک بار برای کل سایت است، هدر جدا برای یک صفحه هم نمی‌شود. در آزمون ما هدر قالب هنگام اسکرول با صفحه بالا رفت. این پنل با یک ویژگی المنتور («Header & Footer») ساخته می‌شود که طبق کد قالب برای سایت‌های تازه روشن است؛ ما آن را روی نصب تازه آزمودیم.

Hello+ هدر چسبان و دکمه‌دار می‌دهد، ولی فقط یک هدر و متن‌های انگلیسی

1. Hello+ را از مخزن وردپرس نصب کنید؛ به یکی از قالب‌های سری Hello نیاز دارد.
2. در پیشخوان «قالب‌ها > افزودن قالب جدید» را بزنید، نوع «Hello+ Header» را انتخاب کنید و نامی بدهید. ویرایشگر روی کتابخانه طرح‌های آماده باز می‌شود.
3. یکی از طرح‌ها را با «درج» بیاورید؛ این کار حساب رایگان المنتور می‌خواهد. پنل ابزارک Hello+ Header بخش‌هایی برای هویت سایت، فهرست، دکمه‌های تماس و دکمه فراخوان (CTA) دارد.
4. در تب «پیشرفته»، بخش Behavior، گزینه Sticky سه حالت دارد: On Scroll Up (پیش‌فرض)، Always و None. کلیدهای Float و Blur Background هم همان‌جاست؛ اثرشان را آزمایش نکردیم.

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

با Always، پس از اسکرول ۱٬۱۵۲ پیکسل (پنجره ۸۲۰ پیکسلی) هدر بالای صفحه ماند. با پیش‌فرض، هدر هنگام رفتن به پایین از صفحه بیرون می‌رفت و با اسکرول به بالا برمی‌گشت، پس برای هدری که همیشه بالاست Always را بگذارید. وقتی صفحه را فقط با اسکریپت اسکرول کردیم هدر ثابت نشد: طبق کد افزونه، اولین کلیک، لمس، کلید یا چرخ ماوس لازم است، مگر اینکه صفحه از قبل اسکرول‌شده باز شود یا نوار مدیریت وردپرس نمایش داده شود.

بیشتر از یک هدر نمی‌شود. هدر دومی را که منتشر کردیم افزونه پیش‌نویس نگه داشت و پیام داد اول هدر فعلی را به پیش‌نویس ببرید. اگر المنتور پرو هم داشته باشید، روی صفحه‌هایی که شرط یک هدر منتشرشده Theme Builder را دارند هدر پرو نمایش داده می‌شود و هدر Hello+ نه؛ ما این را روی صفحه اصلی و فروشگاه دیدیم.

متن‌های پیش‌فرض انگلیسی است. نام پیش‌فرض دکمه Schedule Now است و تا وقتی تغییرش ندهید، فوتر Quick Links، Get in touch، یک تلفن ساختگی و نشانی New York, NY 10001 را نشان می‌دهد. بسته زبان فارسی برای Hello+ در مخزن نبود. صفحه افزونه در مخزن وردپرس در ۲۰ مهر ۱۴۰۵ هشدار می‌داد که با سه نسخه اصلی آخر وردپرس آزموده نشده است؛ روی وردپرس ۷٫۱٫۲ ما کار کرد.

Ultimate Addons برای فروشگاه هدر جدا می‌دهد؛ چسبان کردنش با خود المنتور است

1. Ultimate Addons for Elementor را نصب کنید، افزونه‌ای که از سازنده رایگان هدر و فوتر المنتور (Elementor Header & Footer Builder) شروع شده. در پیشخوان «UAE > سربرگ و پابرگ» را باز کنید و «افزودن تازه» را بزنید.
2. «نوع قالب» را «سربرگ»، «پابرگ» یا «پیش از پابرگ» بگذارید و در «نمایش در» جای نمایش را انتخاب کنید.
3. «ویرایش با المنتور» را بزنید و ابزارک‌های «لوگو سایت»، «فهرست ناوبری»، «جستجو» و «سبد خرید» را بگذارید. دکمه را از ابزارک رایگان خود المنتور بگذارید.

«نمایش در» قاعده‌هایی مثل «کل وب‌سایت»، «همه بایگانی‌ها»، «برگه ۴۰۴»، «برگه نخست» و «برگه فروشگاه ووکامرس» دارد، و «نمایش داده نشود در» و «نقش‌های کاربری» هم کنارش هست. هدر دومی با قاعده «برگه فروشگاه ووکامرس» فقط روی فروشگاه نمایش داده شد و بقیه صفحه‌ها هدر کل سایت را نگه داشتند. قاعده یک برگه مشخص هم روی برگه تماس همین‌طور بود. دو قاعده دیگر که اول آزمودیم، شماره برگه فروشگاه و «همه محصولات بایگانی»، فروشگاه را نگرفتند؛ علتش را بررسی نکردیم. هدر خود قالب هم با فعال شدن هدر افزونه دیگر نمایش داده نشد.

Ultimate Addons گزینه چسبان خودش را ندارد: در کد افزونه یک جعبه تبلیغاتی Sticky Header برای نسخه پرو خود این افزونه هست، و هدر در آزمون ما با اسکرول بالا رفت. ولی کنترل رایگان خود المنتور هدر را بالا نگه داشت: روی کانتینر بیرونی هدر، تب «پیشرفته»، بخش «طرح‌بندی»، گزینه «جایگاه» را روی «ثابت» بگذارید. با Page Down، بالای صفحه ماند.

بهای آن این است که هدر از جریان صفحه بیرون می‌افتد: بالای صفحه، عنوان صفحه (۸ تا ۵۶ پیکسل از بالای پنجره) زیر هدر ۷۵ پیکسلی بود. برای محتوای صفحه باید فاصله از بالا بگذارید؛ این را آزمایش نکردیم. خود المنتور هم کنار این گزینه می‌نویسد موقعیت سفارشی بهترین روش برای طراحی واکنشگرا نیست. مقدار sticky برای position در CSS را هم با اسکریپت روی همان هدر گذاشتیم و هدر با صفحه بالا رفت، چون المنتور هدر را در ظرفی هم‌اندازه خودش می‌گذارد. برای هدر خود قالب این گزینه کار نمی‌کند، چون آن هدر با المنتور ساخته نشده.

در پرو هر سه هست: چسبان، شرط نمایش و مگامنو

1. پس از نصب المنتور پرو، در منوی کناری المنتور «قالب‌ها > پوسته‌ساز» را باز کنید، زبانه Header را بزنید و «افزودن Header جدید» را انتخاب کنید. اگر ویرایشگر باز نشد، علت‌ها را در حل مشکل لود نشدن المنتور بررسی کرده‌ایم.
2. در ویرایشگر، از بخش Site ابزارک‌های Site Logo، WordPress Menu و Menu Cart را بگذارید، و دکمه را از ابزارک رایگان. ابزارک Menu هم در همین دسته است و مگامنو را آن می‌دهد.
3. روی کانتینر بیرونی، تب «پیشرفته»، بخش «موشن افکت»، گزینه Sticky را روی Top بگذارید.
4. کنار «انتشار» روی «تنظیمات ذخیره سازی» و بعد Display Conditions بزنید: برای کل سایت Include و Entire site، و برای فروشگاه Include، WooCommerce و Shop Page.

هدر کل سایت پس از اسکرول ثابت و بالای صفحه ماند. هدر دوم با شرط Shop Page فقط روی فروشگاه نمایش داده شد و فوتر کل سایت همان ماند. ابزارک Menu مگامنو را داد: روی یک صفحه آزمایشی، نه داخل هدر، برای آیتم اول یک کانتینر با تیتر و دکمه گذاشتیم و با کلیک واقعی روی دکمه بازکننده، محتوایش به پهنای ۱٬۲۸۰ پیکسل باز شد. در فهرست Theme Builder زبانه‌هایی برای نوشته، برگه، آرشیو، جستجو، ۴۰۴ و محصول هم دیدیم.

بیشتر پنل پرو انگلیسی ماند: برچسب‌های Theme Builder، پنجره شرط‌ها و نام ابزارک‌ها.

فوتر در هر چهار راه کنار هدر ساخته می‌شود

• قالب: «پابرگ پوسته سلام» لوگو، شعار، فهرست و «حق نشر» را دارد.
• Hello+: Hello+ Footer توضیح، آیکن‌های شبکه‌های اجتماعی، حق نشر، فهرست و اطلاعات تماس دارد. Hello+ Flex Footer چهار گروه دارد؛ آن را نساختیم.
• Ultimate Addons: همان جعبه، نوع «پابرگ» و «پیش از پابرگ» دارد. فوتر ما فقط ابزارک «حق نشر» و یک فهرست بود.
• پرو: فوتر هم مثل هدر شرط نمایش دارد. فوتر کل سایت ما روی فروشگاه هم نمایش داده شد.

نسبت به هدر قالب، Hello+ کمترین و پرو بیشترین حجم را اضافه کرد

حجم HTML، CSS و JavaScript هر صفحه را جمع کردیم، همان‌طور که سرور فشرده فرستاد (بدون تصویر و فونت؛ هر کیلوبایت ۱٬۰۲۴ بایت). صفحه‌ها دو تا بودند: یکی بدون محتوای المنتور و یکی با سه ابزارک رایگان المنتور. دو دور پشت‌سرهم، با ترتیب معکوس، حداکثر ۵ بایت فرق داشتند. هدر Ultimate Addons و پرو در این جدول فقط لوگو، منو و دکمه دارد؛ هدر Hello+ دکمه دارد و هدر قالب ندارد.

راه	صفحه بدون المنتور	اضافه نسبت به هدر قالب	صفحه المنتوری رایگان	اضافه نسبت به هدر قالب
تنظیمات قالب	۱۰۳٫۰ کیلوبایت	۰٫۰	۱۲۸٫۳ کیلوبایت	۰٫۰
Hello+	۱۵۸٫۰ کیلوبایت	۵۵٫۰	۱۴۰٫۲ کیلوبایت	۱۱٫۹
Ultimate Addons	۱۸۸٫۹ کیلوبایت	۸۵٫۹	۱۷۰٫۰ کیلوبایت	۴۱٫۷
المنتور پرو	۲۶۲٫۹ کیلوبایت	۱۵۹٫۹	۲۴۴٫۳ کیلوبایت	۱۱۶٫۰

در سه راه آخر، صفحه المنتوری از صفحه بدون المنتور سبک‌تر است. چهار فایل جاوااسکریپت المنتور (۴۰٫۸ کیلوبایت) روی صفحه المنتوری در هر چهار راه بارگذاری می‌شود، ولی وقتی هدر با المنتور ساخته شده باشد روی صفحه بدون المنتور هم می‌آید. استایل بلوک‌های وردپرس (۱۸٫۷ کیلوبایت) هم فقط روی صفحه بدون المنتور بارگذاری شد. پس اگر بیشتر صفحه‌هایتان با المنتور ساخته می‌شود، هزینه این هدرها ۱۱٫۹ تا ۱۱۶٫۰ کیلوبایت است. جستجو و سبد خرید روی صفحه بدون محتوای المنتور ۱٫۵ کیلوبایت به Ultimate Addons اضافه کرد و ۷٫۴ کیلوبایت به پرو. برای دلیل‌های دیگر کندی صفحه به رفع کندی وردپرس نگاه کنید.

کدام را بردارید

• یک هدر برای کل سایت با لوگو، منو، دکمه و گزینه چسبان خودش، روی Hello Elementor یا قالبی دیگر از سری Hello، با یک حساب رایگان المنتور برای درج طرح: Hello+.
• هدر جدا برای فروشگاه یا یک صفحه، یا جستجو و سبد خرید در هدر، بدون پرو: Ultimate Addons. اگر هدر باید بالای صفحه بماند، «جایگاه > ثابت» خود المنتور را بگذارید و برای محتوای صفحه فاصله از بالا بدهید.
• مگامنو (از آنچه آزمودیم، فقط در پرو درآمد) یا الگوهای محصول و آرشیو: پرو. گزینه Sticky پرو هم همین‌جاست: روی کانتینر بیرونی، تب «پیشرفته»، «موشن افکت».

اگر نمی‌خواهید هدر را خودتان بسازید، سفارش طراحی مجدد سایت را از خدمات ما بدهید.

هر چهار راه را فقط روی Hello Elementor 3.5.1 و بدون افزونه ووکامرس فارسی سنجیدیم؛ Hello+ به قالب‌های سری Hello نیاز دارد و Ultimate Addons و پرو را روی قالب دیگر آزمایش نکردیم. افزونه‌های جانبی دیگر برای هدر چسبان یا مگامنو را هم آزمایش نکردیم.

پرسش‌های متداول