معرفی بخش بلوک های html و کاربرد آن در قالب وودمارت

معرفی بخش بلوک های html و کاربرد آن در قالب وودمارت

با سلام و درود خدمت شما دوستان عزیز،

در این سری از مقالات آموزش قالب woodmart قصد داریم در رابطه با گزینه ای به نام بلوک های html صحبت کنیم و ببینیم که این قابلیت که در قالب وودمارت گنجانده شده چه امکاناتی را برای ما فراهم کرده است.

معرفی بخش بلوک های html در قالب وودمارت

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

این پست تایپ بخشی با نام بلوک های html است که ظاهری شبیه به بخش ساخت برگه دارد، اما کاربردهای مختلفی را در اختیار ما قرار می دهد و به این وسیله کارهای طراحی سایت مان بسیار سریع تر و راحت تر انجام می شود.

فرض کنید قصد طراحی بخشی را دارید که تمایل دارید از آن طرح در چندین صفحه استفاده کنید. در بخش بلوک های html شما می توانید طرح های مورد نظر خود را طراحی کرده، ذخیره کنید و سپس با استفاده از شورتکدی که در اختیار شما قرار می دهد می توانید آن تقریبا در تمامی بخش های مختلف قالب نمایش دهید.

معرفی بخش بلوک های html در قالب وودمارت

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

در واقع شما تنها با گذاشتن یک کد کوتاه، طرح مورد نظرتان را می توانید در هر بخش و هر صحفه که تمایل دارید نمایش دهید.

البته بخش بلوک های html کاربردهای فراوانی دارد. به عنوان مثال شما می توانید در این بخش طرحی را به عنوان مگامنو طراحی کرده و سپس در قسمت نمایش » فهرست در پنل وردپرس تان آن را انتخاب و در سایت تان نمایش دهید. (در رابطه با آموزش طراحی مگامنو در قالب وودمارت در پکیج آموزش طراحی سایت با قالب وودمارت به طور کامل توضیح داده ایم.)

مثال استفاده از بخش html blocks

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

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

در سمت راست این صفحه بخشی با عنوان بلوک های html را پیدا خواهید کرد. در این قسمت بلوک هایی که ساخته اید را می توانید انتخاب کرده و آن را به فهرست سایت تان اضافه کنید.

معرفی بخش بلوک های html در قالب وودمارت

در نهایت پس از افزودن بلوک مورد نظر به فهرست، یکبار فهرست را ذخیره کنید تا گزینه های مربوط به مگامنو نمایش داده شود. سپس می توانید نوع طراحی (تمام عرض بودن یا… مگامنو) را انتخاب کرده و در بخش بلوک html برای منوی آبشاری نام بلوک مورد نظرتان را انتخاب کنید تا به عنوان مگامنو نمایش داده شود.

توجه بفرمایید بخش بلوک های html در نقاط مختلفی از قالب قابل استفاده است. به عنوان مثال شما می توانید از این قابلیت در بخش هایی مثل : ناحیه پیشین فوتر، ناحیه سبدخرید خالی، تب ارسال کالا، فوتر اصلی، پاپ اپ تبلیغاتی و… استفاده کنید.

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

4 دیدگاه برای “معرفی بخش بلوک های html و کاربرد آن در قالب وودمارت

  1. ali_work گفته:

    سلام، بنده می خواستم یک بلوک html اضاف کنم به فهرست ولی متاسفانه جز موارد نشون داده نشده که بتونم اضاف کنم

    • ایمان عربی گفته:

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

  2. عارف گفته:

    سلام وقت بخیر
    بنده میخوام از طریق تب های المنتور چند صفحه بلوک html رو بارگزاری کنم
    مثلا سه تب هست با اسمای مختلف که کاربر روی هرکدوم بزنه بدونه رفرش صفحه اون برگه بلوکhtml که طراحی شده نشون داده بشه.
    همچنین در آکاردئون
    اما الان مشکلم اینه که وقتی تب روز میزنم رو بعدی بلوک رو خراب نشون میده و من وقتی مرورگر رو کوچک و بزرگ میکنم درست میشه. ولی خب این خودش یک باگ است
    چجوری میتونم رفع کنم؟
    در قسمت متن هر تب یا آکاردئون من شورت کد صفحه بلوک رو میزنم

    • ایمان عربی گفته:

      سلام وقت شما بخیر، متاسفانه سفارشی با ایمیل شما پیدا نشد.
      دلایل بسیاری ممکن هستش که باعث این موضوع شوند و باید بررسی شود (با پشتیبان قالبتون تماس بگیرید).
      موفق باشید.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.

logo-samandehi