بلوک HTML در قالب WoodMart: طراحی سفارشی در بخش‌های محدود

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

نحوه ایجاد بلوک HTML (گام به گام)

۱. دسترسی و افزودن بلوک جدید

از پیشخوان وردپرس وارد بخش HTML Blocks شوید و روی “افزودن آیتم جدید” کلیک کنید. یک عنوان مناسب برای بلوک انتخاب کنید تا مدیریت آن آسان باشد.

۲. طراحی با المنتور

با زدن گزینه “ویرایش با المنتور”، وارد محیط طراحی شوید و طرح دلخواه خود را بسازید. توصیه می‌شود طرح تمام عرض (Full Width) ایجاد کنید تا در بخش‌های مختلف سایت به درستی نمایش داده شود.

۳. دریافت شورت‌کد

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

۴. فراخوانی شورت‌کد

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

• تنظیمات قالب: فیلدهای هدر، فوتر، نوار اطلاع‌رسانی
• ابزارک‌ها (Widgets): ابزارک WoodMart HTML Block یا ابزارک متن/کد
• هر بخش پشتیبانی‌کننده از شورت‌کد

نکات کلیدی برای واکنش‌گرایی

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

چرا بلوک HTML وودمارت متفاوت است؟

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

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