افزونه هدر وردپرس | هدر شیشه‌ای و هیرو تمام‌صفحه

توضیحات محصول

پیش‌نمایش افزونه

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

چرا از افزونه هدر سفارشی و هیرو سکشن استفاده کنیم؟

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

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

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

امکانات افزونه هدر وردپرس

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

این افزونه برای چه کسانی مناسب است؟

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

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

نصب و راه‌اندازی

1. فایل افزونه را دانلود و از بخش افزونه‌های پیشخوان وردپرس نصب و فعال کنید.
2. وارد بخش «هدر سفارشی» شوید و عنوان، تصویر پس‌زمینه، رنگ‌ها و پیوند دکمه‌ها را تنظیم کنید.
3. پیوندهای ناوبری را در سازنده منو اضافه و به ترتیب دلخواه مرتب کنید.
4. برای نمایش هیرو، شورت‌کد [custom_header] را در صفحه نخست یا صفحه فرود قرار دهید.
5. در صورت نیاز، برگه‌های موردنظر را از چک‌لیست صفحات استثنا انتخاب کنید.

شورت‌کد و تنظیمات در دسترس

شورت‌کد [custom_header] بخش هیرو را به همراه منوی اختصاصی، عنوان، دکمه‌های فراخوان و نشان‌های آماری نمایش می‌دهد. برای استفاده از اجزای هیرو نیازی به قراردادن چند شورت‌کد جداگانه نیست؛ این بخش به‌صورت یکپارچه رندر می‌شود.

در پنل افزونه می‌توانید موارد زیر را مطابق محتوای سایت تنظیم کنید:

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

نکاتی که پیش از انتخاب باید بدانید

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

مشخصات و سازگاری

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

دانلود رایگان افزونه

اگر یک هدر شیشه‌ای و هیرو آماده می‌خواهید و محدودیت منوی تک‌سطحی با نیاز سایتتان سازگار است، افزونه هدر سفارشی و هیرو سکشن مدرن را به‌صورت رایگان از سایت وردپرس ۳۶۹ دانلود کنید و ظاهر بخش بالایی سایتتان را متناسب با محتوای خود تنظیم کنید.