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

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

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

در نهایت پس از افزودن بلوک مورد نظر به فهرست، یکبار فهرست را ذخیره کنید تا گزینه های مربوط به مگامنو نمایش داده شود. سپس می توانید نوع طراحی (تمام عرض بودن یا… مگامنو) را انتخاب کرده و در بخش بلوک html برای منوی آبشاری نام بلوک مورد نظرتان را انتخاب کنید تا به عنوان مگامنو نمایش داده شود.
توجه بفرمایید بخش بلوک های html در نقاط مختلفی از قالب قابل استفاده است. به عنوان مثال شما می توانید از این قابلیت در بخش هایی مثل : ناحیه پیشین فوتر، ناحیه سبدخرید خالی، تب ارسال کالا، فوتر اصلی، پاپ اپ تبلیغاتی و… استفاده کنید.
در صورتی که تمایل به آموزش بیشتر و طراحی حرفه ای تر دارید، می توانید از پکیج آموزش طراحی سایت با قالب woodmart ما استفاده کنید. امیدواریم این سری از مقالات آموزش قالب وودمارت برای شما عزیزان مفید واقع شده باشد.
سلام وقت بخیر. قالب سایت من وودمارت است و هیچکدام از بلوکهای html را نمایش نمیدهد. از کجا میتونم این مورد رو درست کنم؟ ممنون از وقتی که میگذارید برای پاسخ دهی
با سلام و احترام،
کاربر گرامی توجه داشته باشید قالب شما باید بررسی شود و با این توضین کوتاه امکان راهنمایی وجود ندارد. در صورتی که قالب رو از سایت خود ما ایران وودمارت تهیه کردین،با پشتیبانی در تماس باشید تا شما رو راهنمایی کنند.
موفق باشید
با سلام
بلوک html در صفحه دسته بندی های فروشگاه را بالای صفحه نمایش میدهد، چگونه می توان به انتهای صفحه بعد از محصولات منتقل کرد؟
با عرض سلام و احترام،
کاربر گرامی تنظیماتی برای این مورد وجود ندارد.
موفق باشید.
سلام وقتتون بخیر
بنده یک بلاک html در یکی از گزینه های منو سایت قرار دادم ولی این بلاک در موبایل نمایش نمایش داده نمیشه چطور می تونم این مشکل رو حل کنم
با سلام و احترام،
کاربر گرامی توجه داشته باشید که فهرست موبایل با فهرست دسکتاپ جدا است و جدا طراحی می شود.
موفق باشید.
اینکه باید برای مگا منو رو ذخیره کنیم بعد گزینه ها نمایش داده می شه خیلی مهم بود ممنونم
سلام وقتتون بخیر، خواهش میکنم دوست عزیز.
موفق باشید.
سلام وقت بخیر
بنده میخوام از طریق تب های المنتور چند صفحه بلوک html رو بارگزاری کنم
مثلا سه تب هست با اسمای مختلف که کاربر روی هرکدوم بزنه بدونه رفرش صفحه اون برگه بلوکhtml که طراحی شده نشون داده بشه.
همچنین در آکاردئون
اما الان مشکلم اینه که وقتی تب روز میزنم رو بعدی بلوک رو خراب نشون میده و من وقتی مرورگر رو کوچک و بزرگ میکنم درست میشه. ولی خب این خودش یک باگ است
چجوری میتونم رفع کنم؟
در قسمت متن هر تب یا آکاردئون من شورت کد صفحه بلوک رو میزنم
سلام وقت شما بخیر، متاسفانه سفارشی با ایمیل شما پیدا نشد.
دلایل بسیاری ممکن هستش که باعث این موضوع شوند و باید بررسی شود (با پشتیبان قالبتون تماس بگیرید).
موفق باشید.
سلام، بنده می خواستم یک بلوک html اضاف کنم به فهرست ولی متاسفانه جز موارد نشون داده نشده که بتونم اضاف کنم
سلام وقت شما بخیر، باید در قسمت فهرست ها، در بالای صفحه سمت چپ، با استفاده از گزینه تنظیمات صفحه، موارد دلخواهتون مثل بلوک های html رو برای فهرست ها فعال کنید.