قالب تحویل آب و فیلترهای آبی Wavio | پوسته Wavio

Wavio قالب وردپرسی برای کسب‌وکارهایی است که آب بطری‌شده تحویل می‌دهند یا فیلتر و دستگاه تصفیه آب می‌فروشند. سازنده‌اش، Duck-Themes، آن را برای سرویس تحویل آب، فروشگاه فیلتر و دیسپنسر آب و کسب‌وکار آب معرفی می‌کند. قالب برای کار به ووکامرس و المنتور نیاز دارد؛ سربرگش آبی روشن است و لبه سربرگ و پانوشت موجی است.

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

Wavio به چه افزونه‌هایی نیاز دارد

پس از فعال‌سازی قالب، زیر منوی «نمایش» گزینه Install Plugins پیدا می‌شود. در فهرست افزونه‌های قالب، ووکامرس و المنتور «الزامی» (Required) تعریف شده‌اند و بقیه «پیشنهادی» (Recommended). WP Google Fonts که قالب پیشنهاد می‌کند در مخزن وردپرس بسته شده است و نصب نشد؛ برای قالب فقط پیشنهادی است. افزونه‌هایی که برای صاحب سایت مهم‌اند:

• المنتور (Elementor): صفحه‌ساز الزامی قالب. در آزمایش، با نسخه رایگانی که از مخزن وردپرس آمد المان قالب بالا آمد؛ نسخه پرو آن هم در همین فروشگاه هست
• WooCommerce: فروشگاه و صفحه‌های محصول، سبد خرید و تسویه حساب
• Contact Form 7: فرم‌های تماس
• NextGEN Gallery: گالری و آلبوم عکس
• Mailchimp for WordPress (MC4WP): فرم عضویت در خبرنامه
• Smart Slider 3: اسلایدر. صفحه Install Plugins نسخه رایگان آن را از مخزن وردپرس می‌آورد و نسخه حرفه‌ای آن در همین فروشگاه هست
• Breadcrumb NavXT: نمایش مسیر صفحه
• Checkout Manager for WooCommerce: مدیریت صفحه تسویه حساب
• Classic Editor: ویرایشگر کلاسیک

فروشگاه ووکامرس در قالب Wavio

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

در بخش Tweaks سفارشی‌سازی از جمله این گزینه‌ها به فروشگاه مربوط است: یکی دکمه افزودن به سبد را از کارت محصول‌ها برمی‌دارد؛ در آزمایش با روشن کردن آن (با WP-CLI) دکمه از همه کارت‌های صفحه فروشگاه حذف شد. دیگری جستجوی سربرگ را از محصول‌ها به کل سایت گسترش می‌دهد؛ در آزمایش با روشن کردن آن (با WP-CLI)، فیلد پنهانی که جستجو را به محصول محدود می‌کند از فرم حذف شد. بدون این گزینه، سربرگ فقط محصول‌ها را جستجو می‌کند.

صفحه‌ساز المنتور و قالب‌های وبلاگ

صفحه‌ها را می‌توانید با المنتور بسازید و Wavio یک المان اختصاصی به آن اضافه می‌کند: Recent Posts Grid. در ویرایشگر المنتور این المان در دسته Basic است و تنظیمی به نام Number of posts دارد. صفحه‌ای برای آزمایش ساختیم که داده المنتورش را یک اسکریپت نوشت (نه ویرایشگر) و المان در آن روی سه نوشته تنظیم شد؛ سه کارت با تصویر شاخص، عنوان، دسته‌بندی، چکیده و دکمه Read more نشان داد. نام نویسنده، تاریخ و دیدگاه‌ها در این عکس با گزینه‌های بخش Tweaks پنهان شده‌اند؛ در آزمایش، روشن کردن این گزینه‌ها (با WP-CLI) قاعده‌های CSS پنهان‌کننده را به صفحه اضافه کرد.

برای صفحه‌های وبلاگ، قالب‌های برگه با یک ستون، دو ستون و سه ستون دارد (ستون‌های یک و دو با سایدبار یا بدون آن). قالب‌های برگه دیگری هم هست، از جمله Shadow Box و Full Width Page without Header Title. ستون‌های پانوشت، سایدبار وبلاگ، سایدبار فروشگاه و سایدبار صفحه محصول هر کدام ناحیه ابزارک جداگانه دارند.

سربرگ، پانوشت و رنگ‌ها در سفارشی‌سازی

در نمایش > سفارشی‌سازی، بخش Header فیلدهایی برای نشانی (با لینک نقشه) و شماره تماس دارد و هرکدام گزینه روشن و خاموش جدایی دارند. در آزمایش، وقتی هر دو گزینه روشن شد و فیلدها با متن نمونه پر شدند (با WP-CLI، نه با تایپ در پنل)، نشانی و شماره در سربرگ ظاهر شد.

بخش Footer متن کپی‌رایت را عوض می‌کند و بخش Colors رنگ اصلی، پس‌زمینه‌ها، دکمه‌ها، قیمت، نشان حراج و شمارنده سبد را. در آزمایش، وقتی رنگ اصلی با WP-CLI عوض شد، مقدار آن در CSS صفحه از آبی پیش‌فرض به رنگ آزمایشی تغییر کرد و وقتی متنی آزمایشی با WP-CLI برای کپی‌رایت گذاشتیم، همان متن در پانوشت آمد.

پیش از خرید

فونت لاتین قالب را از سرویس Google Fonts می‌گیرد و صفحه‌های سایت برای دریافت آن به این سرویس درخواست می‌فرستند.

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