آموزش طراحی هدر در قالب وودمارت

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

قالب وودمارت چیست؟

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

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

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

آموزش طراحی هدر در قالب وودمارت

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

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

• در این صفحه، یک هدر به صورت پیش فرض برای شما ساخته شده که با انتخاب آن می‌توانید این هدر را ویرایش کنید.

• و یا برای ساخت هدر در قالب فروشگاهی وودمارت، بر روی گزینه (هدر جدید اضافه کنید) کلیک کنید.

• از کتابخانه نمونه‌ها، طرح هدر موردنظر خود را انتخاب نمایید.

• اگر هدر خالی را انتخاب نمایید، به تناسب نیاز و ساختار سایت خود می‌توانید عناصر مختلف را به Top Bar، Main Header و Header Bottom اضافه کنید.

• و در صورت انتخاب هدرهای دیگر از کتابخانه نمونه‌ها، هدر با عناصر موجود در آن ساخته می‌شود که قابلیت تنظیم و تغییر آن‌ها را خواهید داشت.

• برای افزودن عنصر دلخواه، بر روی آیکون + کلیک کنید تا عناصری که امکان استفاده از آن‌ها را در هدر دارید، برای شما نشان داده شود.

• عنصر موردنظر خود را از پنجره باز شده انتخاب کنید.

• توجه داشته باشید که در این قسمت می‌توانید عناصر اضافه شده را به مانند درگ اند دراپ، در تب‌های مختلف جابجا کنید.
• با کلیک بر آیکون چرخ دنده در کنار Top Bar، Main Header و Header Bottom امکان ویرایش این قسمت‌ها را خواهید داشت. اگر تب بالایی بر روی عمومی باشد، امکان تنظیم موارد مختلفی اعم از ارتفاع ردیف در دسکتاپ و موبایل، مخفی سازی در دستگاه‌های مختلف و چسبنده بودن یا نبودن را دارید.

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

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

در مرحله آخر، حتما ستاره هدر موردنظر خود را فعال نمایید.

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