آموزش قالب وودمارت

استفاده از بلوک HTML قالب وودمارت

آموزش قالب وودمارت

بلوک های HTML یکی از ویژگی هایی است که تاثیر بسیار زیادی در قدرتمندتر شدن و محبوبیت قالب وودمارت داشته است. شما می توانید به راحتی در قالب وردپرس وودمارت یک بلوک HTML ایجاد کنید و به وسیله ویژوال کامپوزر هر طور که می خواهید آن را با کشیدن و رها کردن طراحی کنید و در آخر به وسیله کد کوتاه بلوک موردنظر، آن را در هر قسمت از سایت که می خواهید جایگذاری کنید.

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

استفاده از بلوک های HTML

برای اضافه کردن آنها می توانید در پیشخوان وردپرس به قسمت بلوک های HTML » افزودن مراجعه کنید.

همچنین در قسمت بلوک های HTML می توانید تمام بلوک های ایجاد شده خود را ببینید و شورت کد آن را کپی و در هر جای سایت که می خواهید جایگذاری کنید.

استفاده از بلوک HTML قالب وودمارت

کاربرد بلوک های HTML وودمارت


سربرگ ساز

به راحتی می توانید به سربرگ سایت خود بلوک های HTML اضافه کنید.

بلوک HTML سربرگ ساز

برای اطلاعات بیشتر می توانید صفحه سربرگ ساز وودمارت را ببینید.

ناحیه قبل فوتر

به تنظیمات قالب » فوتر » ناحیه بالای فوتر مراجعه کنید.

بلوک HTML قبل فوتر

ناحیه بالای فوتر یا همان قبل فوتر، گزینه ای برای نمایش برندها، آیکون های تحویل، پرداخت، پشتیبانی، حمل و نقل رایگان و … است.

برای اطلاعات بیشتر می توانید صفحه فوتر قالب وودمارت را ببینید که ما در آنجا توضیحات لازم را برای تنظیم فوتر و بالای فوتر ارائه داده ایم.

متن کنار کپی رایت

به بخش تنظیمات قالب » فوتر » متن کنار کپی رایت مراجعه کنید.

بلوک HTML متن کنار کپی رایت

در کنار کپی رایت می توانید، منو، کلید میانبر، تغییر ارز و … را اضافه کنید.

فوتر اصلی

در قسمت نمایش » ابزارک ها، می توانید بلوک های HTML را به ناحیه ابزارک های فوتر یا هر ناحیه ابزارک دیگری اضافه کنید.

بلوک HTML فوتر اصلی

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

پاپ آپ تبلیغاتی

برای تنظیم پاپ آپ تبلیغاتی به بخش تنظیمات قالب » فروشگاه » پاپ آپ تبلیغاتی مراجعه کنید.

بلوک HTML فوتر اصلی

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

بنر سربرگ

بنر سربرگ را می توانید در قسمت تنظیمات قالب » فروشگاه » بنر سربرگ فعال و تنظیم کنید.

بلوک HTML بنر سربرگ

این بهترین گزینه برای نمایش انواع اعلان ها، آیکون ها، دکمه ها، شمارش معکوس و … است.

ناحیه قبل از افزودن به سبد خرید و ناحیه بعد از افزودن به سبد خرید

در تنظیمات قالب » برگه محصول می توانید قبل از دکمه افزودن به سبد خرید و بعد از آن هر چیزی که می خواهید را نمایش دهید. این قسمت ها برای قرار دادن اطلاعات اضافی برای همه محصولات است که بسیار مفید خواهد بود.

بلوک HTML قبل و بعد دکمه خرید

این گزینه اجازه اضافه کردن دکمه ها، پاپ آپ یا محتوای دیگر را می دهد.

متن سبد خرید خالی

 این را می توانید در تنظیمات قالب » فروشگاه تنظیم کنید.

بلوک HTML متن سبد خرید خالی

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

تب حمل و نقل و تحویل

به تنظیمات قالب » برگه محصول » تب ها » محتوای تب اضافی بروید.

بلوک HML تب حمل و نقل و تحویل

این تب می تواند هر عنوان و محتوایی داشته باشد که به صورت عمومی در صفحه تمام محصولات نشان داده شود. همچنین اگر نمی خواهید این تب اضافی وجود داشته باشد می توانید آن را خالی بگذارید.

تب اضافی محصول

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

بلوک HTML تب اضافی محصول

مگامنو

یک مگامنو، منو پیش فرض وردپرس را گسترش می دهد و به شما امکان می دهد، تصاویر، آیتم های منو و … را نشان دهید.

در نمایش » فهرست ها منو خود را انتخاب کنید و سپس در زیر آیتم موردنظر بلوک HTML مگامنو را انتخاب کنید.

بلوک HTML مگامنودسته، ویژگی، برچسب

همچنین شما در صفحه ویرایش دسته، برچسب و ویژگی می توانید در قسمت توضیحات شورت کد بلوک HTML قرار دهید.

دسته، ویژگی، برچسب

در بالا سعی کردیم تا اکثر بخش هایی که می توانید در آن بلوک HTML قرار دهید را معرفی کنیم، همچنین باید بدانید که شما بلوک های HTML را می توانید به برگه ها، نوشته ها و هر جای دیگری که فکرش را بکنید اضافه کنید.

امیدواریم که به خوبی نحوه استفاده از بلوک های HTML در قالب وودمارت را یاد گرفته باشید.

5/5 - (9 امتیاز)

(12) نظرات کاربران

  1. آتوسا گفت:

    سلام قالب من وودمارت هستش با ویرایشگر المنتور در بلوک html میخواهم فوتر طراحی کنم اما بهم ارور 404 میده با قالب ساز خود المنتورم که طراحی میکنم هدر و نمایش نمیده ،ممکنه راهنماییم کنید؟

  2. آتوسا گفت:

    سلام قالب من وودمارت هستش
    با ویرایشگر المنتور در بلوک html میخواهم فوتر طراحی کنم اما بهم ارور 404 میده
    با قالب ساز خود المنتورم که طراحی میکنم هدر و نمایش نمیده ،ممکنه راهنماییم کنید؟

  3. انسیه گفت:

    سلام من می خوام صفحه ورود و ثبت نام وودمارت رو تغییر بدم اما بلوک html نداره چه کنم؟

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

  4. فرزانه گفت:

    سلام وقت بخیر.ببخشید قالب وودمارت فرم تماس با ما مشکل داره و نمیدونم چه شورت کدی باید وارد کنم.میشه راهنمایی بفرمایید

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

  5. elamelamin گفت:

    سلام قالب من وودمارت هستش
    با ویرایشگر المنتور
    من ویرایشگرش رو غیرفعال کردم و ویژوال کامپوزر رو فعال کردم
    ویرایشگر المتنور برای ساخت بلوک های html میومد ولی الان ویژوال کامپوزر برای برگه ها در حالت ویرایش هست ولی در بلوک های html بهش دسترسی ندارم
    شما میدونید چرا؟ کار اشتباهی کردم که ویرایشگرم رو عوض کردم ؟راهی هست بتونم به ویژوال کامپوزر تو بلوک ها دسترسی داشته باشم ؟

    1. سلام بله باید در تنظیمات ویژوال کامپوزر فعال کنید.

  6. نوید کریمی گفت:

    سلام بلوک html در زیرمجموعه نمایش داده نمیشه؟ منظورم منو هست زیرمجموعه ی منو
    چون برای من تو منو اصلی نمایش میده اما منوی زیرمجموعه نمایش نمیده

  7. فرزاد گفت:

    سلام من یک مشکل بسیار مهم دارم در بلوک ها مگا منو رو درس کردم و با ویژوال کامپوزر دسته ها هم در همان بلوک تعریف کرم الان چگونه وقتی یک مصول اضافه میکنم به ان دسته های داخل بلوک وصل کنم ممنون میشم جواب بدین چون بسیار ضروریست با تشکر از سایت خوبتون

  8. محمد گفت:

    توی آپدیت جدید (5.2) حذف شده؟ یا قالب من مشکل پیدا کرده؟
    جایگزینی براش هست؟

    1. احتمالا قالب شما مشکل داره، چون بلوک های html یکی از ویژگی های اصلی و مهم قالب هست.

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

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