آیا ایده های خلاقانه برای سربرگ های وب سایت خود تمام شده اید؟ یا به دنبال مجموعه‌ای از طرح‌بندی هدر هستید تا در زمان و تلاش شما برای پروژه طراحی بعدی خود صرفه‌جویی کند؟ Divi Headers Pack یک محصول Divi Marketplace با بیش از 960 طرح هدر برای Divi Builder است. هر طرح هدر سازگار با موبایل است و انواع مختلفی را برای انتخاب دارد. و از آنجایی که با Divi ساخته شده است، همه چیز در Divi Builder کاملاً قابل تنظیم است. در هایلایت این محصول، به برخی از طرح‌بندی‌هایی که با Divi Headers Pack دریافت می‌کنید نگاهی می‌اندازیم تا به شما کمک کند تصمیم بگیرید که آیا این محصول برای شما مناسب است یا خیر.
بیا شروع کنیم!
Divi Headers Pack به صورت یک فایل ZIP حاوی فایل‌های json. کتابخانه Divi است. برای نصب طرح‌بندی هدر، فایل را از حالت فشرده خارج کنید. سپس داشبورد وردپرس خود را باز کرده و صفحه Divi Library را باز کنید.
روی Import & Export در بالا کلیک کنید، سپس تب Import را انتخاب کنید. فایل layout را انتخاب کنید، سپس Import Divi Builder Layouts را انتخاب کنید.
هنگامی که طرح‌بندی وارد شد، Divi Theme Builder را باز کنید. روی Add Custom Header کلیک کنید، سپس طرح آپلود شده را از کتابخانه Divi خود انتخاب کنید.
پس از اتمام کار روی ذخیره تغییرات کلیک کنید و هدر شما باید در وب سایت شما ظاهر شود.
بسیاری از طرح‌بندی‌های هدر دارای انواع مختلفی با افکت‌ها، عملکرد و سبک‌های مختلف هستند. علاوه بر این، بسیاری از طرح‌بندی‌های سرصفحه در سه نسخه ارائه می‌شوند – یکی با منوی تلفن همراه که به سمت چپ کشویی می‌شود، دیگری با یک منوی تلفن همراه تمام صفحه. با تمام تغییرات، در مجموع بیش از 980 طرح هدر وجود دارد که با بسته هدر Divi ارائه می شود.
50 هدر آسان در بسته گنجانده شده است. اینها هدرهایی هستند که با گزینه های پیش فرض Divi ایجاد شده و ساده و آماده استفاده هستند. این طرح‌بندی‌ها نیز انواع جداگانه‌ای ندارند.
Easy header 8 شامل نوار منوی ثانویه سبز رنگ با ساعات کار و دکمه CTA است. نوار منوی اصلی دارای لوگو، آیتم های منو و شماره تلفن است. نوار منوی اصلی چسبناک است.
Easy header 20 دارای آرم، اطلاعات تماس و نمادهای رسانه های اجتماعی در بالا است. در وسط یک نوار تقسیم قرار دارد و در زیر آن آیتم های منو و یک دکمه CTA قرار دارند.
این یک طرح هدر ساده است 25. شماره تلفن و آدرس ایمیل همراه با نمادهای رسانه های اجتماعی در بالا ذکر شده است. منو با لوگوی تعبیه شده در زیر آمده است. نوار منوی اصلی چسبناک است.
Easy header 32 شامل یک نوار هدر با نمادهای رسانه های اجتماعی در سمت چپ، لوگو در وسط و یک دکمه CTA در سمت راست است. نوار منو در پایین، با پس زمینه نارنجی است.
هدرهای RTL برای زبان های RTL در نظر گرفته شده است. 5 طرح اصلی و چندین تنوع از هر کدام وجود دارد که در مجموع 42 طرح هدر RTL وجود دارد.
هدر RTL 3 یک طرح شفاف است. این لوگو در سمت چپ، آیتم های منو در مرکز و یک دکمه در سمت راست دارد. وقتی به بالا اسکرول می کنید، یک پس زمینه سفید در پشت منو ظاهر می شود.
طرح RTL سربرگ 12 همچنین دارای یک طرح شفاف و پس زمینه سفید است که هنگام اسکرول کردن صفحه ظاهر می شود. دارای لوگو، آیتم های منو در مرکز، و متن آگهی با نماد شماره تلفن در سمت راست است.
هدر RTL 36 محتوای صفحه را پوشش می دهد و تمام عرض را در بر نمی گیرد. آدرس، شماره تلفن و نمادهای رسانه های اجتماعی را در بالا فهرست می کند. لوگو، منو و دکمه CTA که با جداکننده از هم جدا شده اند، در پایین قرار دارند.
در نهایت، طرح‌بندی RTL 39 دارای یک نوار ثانویه قهوه‌ای با منوهایی با متن کم و نمادهای رسانه‌های اجتماعی است. نوار منوی اصلی شامل لوگو، اطلاعات آدرس، ساعات کار، آیتم های منو و دکمه CTA است.
هدرهای استاندارد
اکثر هدرهای استاندارد دارای چندین تنوع هستند. این گزینه‌ها شامل طرح‌بندی پس‌زمینه شفاف، سبک‌های مختلف سایه، تنظیمات چسبنده، تنظیمات اسکرول‌آپ و موارد دیگر است. داشتن این تغییرات جزئی عالی است و یافتن هدر مناسب برای سایت شما را آسان می کند. با 249 طرح بندی استاندارد هدر برای انتخاب، از گزینه ها کم نخواهید داشت! بیایید به برخی از هدرهای استاندارد نگاه کنیم.
هدر استاندارد 27 یک نوع شفاف است. یک لوگو در سمت چپ و یک نوار منوی راست چین و همچنین برخی از نمادهای رسانه های اجتماعی وجود دارد. پس زمینه منو هنگام پیمایش سفید می شود.
طرح استاندارد هدر 60 بالای محتوای صفحه شما شناور است. دارای نوار بالایی با آدرس، ساعات کاری و شماره تلفن است. نوار منوی اصلی دارای یک لوگو در سمت چپ، آیتم های منو در مرکز، و یک دکمه CTA در سمت راست است.
طرح استاندارد 101 دارای یک نوار منوی ثانویه در بالا با ساعات کاری، آدرس ایمیل، دکمه CTA و نمادهای رسانه های اجتماعی است. نوار منوی اصلی دارای لوگو و موارد منو است که در سمت راست تراز شده اند.
طرح استاندارد هدر 176 یک تغییر شفاف است و دارای یک لوگو، آیتم های منو و یک پیام متنی با شماره تلفن است. دارای پس زمینه سفید است که در اسکرول ظاهر می شود.
هدرهای لوگوی عمودی به طور خاص برای لوگوهای بلندتر و عمودی طراحی شده اند. در مجموع 19 طرح بندی وجود دارد.
طرح عمودی هدر 5 شفاف است تا زمانی که پیمایش کنید، سپس یک پس زمینه سفید ظاهر می شود. دارای یک نماد تماس در سمت چپ، یک منو در وسط با یک لوگوی تعبیه شده و یک نماد جستجو در سمت راست است.
هدر عمودی لوگو 11 شامل یک نوار منوی بزرگ با شماره تلفن، لوگو در مرکز و ساعت در سمت راست است. نوار منو در پایین قرار دارد و با اسکرول کردن در بالای صفحه ثابت می ماند.
Logo Vertical Header 14 یک طرح هدر بزرگ با نوار منوی ثانویه در بالا با سه پیوند و آیکون های رسانه های اجتماعی است. در زیر آن یک شماره تلفن، آرم در مرکز، و ساعت قرار دارد. سپس یک جداکننده و سپس نوار منو در سمت چپ و یک دکمه CTA در سمت راست وجود دارد.
در نهایت، این یک طرح عمودی از هدر لوگو 16 است. لوگو در سمت چپ قرار دارد و تمام ارتفاع هدر را در بر می گیرد. یک نوار ثانویه آبی با منوهایی با متن کم و یک پیوند CTA وجود دارد. در زیر آن نوار منوی اصلی با آیتم های منو و یک شماره تلفن در سمت راست قرار دارد.
Woo Header با WooCommerce ادغام شده است تا اطلاعات سبد خرید و ذخیره در هدر را ارائه دهد. در مجموع 29 عنوان Woo وجود دارد.
افزونه‌ای وجود دارد که باید آن را نصب کنید تا شماره سبد خرید با نماد کیف نشان داده شود، و باید یک منو ایجاد کنید و تنظیماتی را در یکی از ماژول‌های هدر به‌روزرسانی کنید تا نماد ظاهر شود، اما مستنداتی که به همراه محصول ارائه می‌شود واضح و آسان برای پیگیری و بدون مشکل برای راه اندازی.
Woo header 5 برای پیمایش شفاف است و دارای یک لوگو در سمت چپ، آیتم های منو در سمت راست، و نمادهای سبد خرید، فروشگاه و ورود به سیستم در سمت راست است.
طرح هدر Woo 20 دارای پس زمینه سفید و نوار منوی ثانویه با متن و شماره تلفن است. نوار منوی اصلی دارای یک لوگو، آیتم های منو در مرکز، و نمادهای جستجو، سبد خرید و ورود به سیستم در سمت راست است. نوار منوی اصلی هنگام پیمایش می‌چسبد.
طرح هدر Woo 24 در بالای محتوای صفحه شناور است. در بالا دو ماژول شفاف با متن و شماره تلفن وجود دارد. نوار منوی اصلی در بالای صفحه شناور است و دارای یک لوگو، آیتم های منو در مرکز، و نمادهای جستجو، سبد خرید و ورود به سیستم در سمت راست است.
در نهایت، طرح هدر Woo 28 شامل یک نوار منوی ثانویه آبی با مقداری متن و یک شماره تلفن است. در زیر آن یک لوگو، سپس منو در سمت چپ و نمادهای جستجو، سبد خرید و ورود به سیستم در سمت راست قرار دارد. با اسکرول کردن، نوار منوی اصلی در بالای صفحه باقی می ماند.
آخرین دسته در بسته Headers شامل 10 هدر خلاقانه است. این پوسته ها برای افرادی است که با Divi آشنایی کامل دارند و دانش اولیه CSS را دارند.
اولین طرح هدر در این لیست دارای یک لوگو در سمت چپ و یک نماد همبرگر در سمت راست است.
پس از کلیک بر روی آیکون همبرگر، منوی شما با تمام آیتم های منو ظاهر می شود.
عنوان 7 در رده سرفصل های خلاق دارای نماد همبرگر در سمت راست است.
پس از کلیک بر روی نماد همبرگر، مجموعه ای از آیکون ها به پایین اسلاید می شوند. می توانید این آیکون ها را به صفحات مربوطه پیوند دهید.
و آخرین نمونه ما در این دسته، عنوان 9، دارای طراحی پیچیده با عناصر متعدد است که به خوبی متعادل هستند. یکی از این موارد نوار جستجویی است که بالای آیتم های منو قرار دارد.
Divi Headers Pack در بازار Divi موجود است. هزینه آن برای استفاده نامحدود از وب سایت و به روز رسانی مادام العمر 19 دلار است. این قیمت همچنین شامل 30 روز ضمانت بازگشت وجه است.
افکار نهایی
Divi Headers Pack با هدرهای مختلف و تغییرات زیادی در هر طرح بسته بندی شده است، که پیدا کردن طرحی که کاملاً برای طراحی شما کار می کند را آسان می کند. با تعداد زیادی طرح‌بندی برای انتخاب، دانستن اینکه از کجا شروع کنید می‌تواند بسیار دشوار باشد، اما مستندات محصول عالی است و می‌توانید یک پوشه پیش‌نمایش را دانلود کنید که حاوی فهرست مفیدی از همه طرح‌بندی‌های مختلف است که می‌توانید استفاده کنید. همچنین می توانید سایت دمو را در اینجا بررسی کنید و برخی از طرح های هدر را مشاهده کنید. به طور کلی، استفاده و نصب محصول آسان است، ظاهری عالی دارد، تنوع زیادی دارد و به راحتی می‌توان آن را با محتوای شخصی خود سفارشی کرد. اگر به دنبال طرح‌بندی هدر آماده برای پروژه طراحی بعدی خود هستید، این محصول ممکن است برای شما عالی باشد.
ما از اینکه ازت خبر داشته باشیم خوشحال میشویم! آیا پک Divi Headers را امتحان کرده اید؟ نظر خود را در مورد آن در نظرات به ما بگویید!