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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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