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

ساخت هدر در قالب وردپرس وودمارت

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

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

سربرگ ساز وودمارت

از نسخه WoodMart 2.0 به بعد، روش جدیدی برای ایجاد و پیکربندی هدر وب سایت شما بدون کدنویسی در وودمارت ساخته شده است. با سازنده جدید هدر وودمارت می توانید قسمت بالایی وب سایت خود را به راحتی تنظیم کنید و فقط با کشیدن و رها کردن عناصر جدیدی مانند مانند منوها، لوگو، سبد خرید و لیست ابزارهای دلخواه، بلوک های HTML، دکمه های اجتماعی، نوار جستجو و … اضافه کنید.

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

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

در اینجا می توانید هدرهای از پیش ساخته شده را مشاهده و مدیریت کنید.

ساخت هدر در قالب وردپرس وودمارت

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

ایجاد هدر جدید در قالب وودمارت

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

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

ایجاد هدر جدید در قالب وودمارت

ایجاد هدر جدید در قالب وودمارت

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

در ادامه نحوه کار با بخش های مختلف هدر ساز Woodmart را توضیح می دهیم.

پیکربندی سطرها و ستون های هدر

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

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

با بردن ماوس بر روی هر ردیف، یک آیکون مداد در کنار آن نمایش داده می شود، شما می توانید بر روی آن کلیک کنید تا تنظیمات مربوط به هر ردیف برای شما نمایان شود.

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

پیکربندی سطرها و ستون های هدر

نحوه اضافه کردن و ویرایش عناصر سازنده هدر

برای افزودن عنصر جدید به برخی از موقعیت های سربرگ خود، باید روی دکمه “افزودن عنصر” (آیکون +) کلیک کنید. یک پنجره پاپ آپ مشاهده خواهید کرد که شامل همه عناصر موجود است:

  • تصویر لوگو وب سایت
  • منو ناوبری اصلی
  • منو فرعی
  • منو موبایل
  • ابزارک سبد خرید
  • آیکون موردعلاقه ها
  • آیکون مقایسه
  • فرم جستجو
  • لینک های ورود و ثبت نام
  • کشویی دسته بندی
  • خط عمودی ساده
  • فاصله افقی
  • متن ساده / HTML
  • جعبه اطلاعات
  • دکمه با لینک
  • آیکون های شبکه های اجتماعی
  • بلوک HTML ساخته شده با ویژوال کامپوزر

نحوه اضافه کردن و ویرایش عناصر سازنده هدر

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

کشیدن و رها کردن عناصر هدر

تنظیمات هدر موبایل

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

تنظیمات هدر موبایل

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

 فعال کردن هدر عمومی

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

 فعال کردن هدر عمومی

تنظیم هدر متفاوت برای صفحات خاص

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

تنظیم هدر متفاوت برای صفحات خاص

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

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

  1. علیرضا سمائی گفت:

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

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

  2. فاطمه گفت:

    با سلام
    وقت به خیر
    با تشکر از آموزش های عالی سایت شما
    آیا افزونه ای جهت اضافه کردن ویژگی کلاس یا id به بخش های مختلف هدر در وودمارت وجود دارد؟
    چون بعضی از قسمت های هدر این امکان را ندارد و لذا اگر ما در سایت دو هدر داشته باشیم تنظیمات css هدر اول روی هدر دومی هم اعمالمیشود

    1. سلام وقت بخیر
      خیر متاسفانه افزونه ای برای این منظور نیست.

  3. مهدی ربانی گفت:

    سپاس

  4. مرضیه گفت:

    سلام من مدتها است که دردو تا سایت که وودمارت رو از دو شرکت متفاوت گرفتم . در دسکتاپ هدر گاهی خالی نشون میده یعنی سفیده. ولی موبال حذف نمیشه . روی لینک دیگر کلیک کنیم هدر میاد . لایت اسپید کش دارم و تمام حالت های تعویق جاوا اسکریپت و مینیفای کردن و ترکیب فایل های جاوا هم خاموش کردم و در حالت های مختلف تست کردم . جواب نداده و هنوزم گاهی هدر کلا خالی نشون میده. به نظر شما علت چیه؟

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

  5. مینو گفت:

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

    1. سلام میشه برای فروشگاه و صفحات محصول هدرهای دلخواه رو قرار بدید.

  6. امیر مهدی گفت:

    دمت گرم هرکاری می کردم هدر صفحه اصلی عوض نمیشد از توضیحات شما فهمیدم چجوری درستش کنم

  7. محسن بیاتی گفت:

    سلام من هدر خودمو میسازم ولی نمایش داده نمیشه اولش نمایش مبداد ولی الان نه مشکلش چیه?

    1. سلام اگر از ما خرید کردید، تیکت پشتیبانی ارسال کنید تا حل کنیم.

  8. علی گفت:

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

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

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

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