آموزش قالب وودمارت 🔥 [ویدئو رایگان قالب وودمارت]

آموزش تنطیمات چیدمان عمومی در قالب وودمارت

• تنظیم ابعاد صفحات سایت در قالب وودمارت
• آموزش تنظیم سایدبار در صفحات
• تنظیم ابعاد و پهنای سایت در وودمارت

آموزش تنظیمات تایپوگرافی قالب وودمارت

• آموزش تنظیم انواع فونت های سایت در قالب وودمارت
• آموزش سفارشی سازی کردن فونت های سایت
• تنظیمات پیشرفته فونت های سایت در وودمارت

آموزش تنظیمات آرشیو محصولات

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

• آموزش نمایش بلوک های HTML با صفحه ساز المنتور در قالب های وودمارت
• نحوه ساخت انواع بلوک HTML در پیشخوان وردپرس

آموزش قالب وودمارت گام به گام برای مبتدی‌ها

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

نصب قالب وودمارت

برای شروع باید قالب وودمارت را روی وردپرس نصب کنید. این کار از طریق داشبورد وردپرس و بخش Appearance → Themes → Add New انجام می‌شود. پس از بارگذاری فایل قالب، آن را فعال کنید تا محیط وودمارت در دسترس قرار گیرد. در این مرحله بهتر است نسخه وردپرس و PHP هاست را به‌روز کنید تا از بروز مشکلات احتمالی جلوگیری شود.

درون‌ریزی دموهای آماده

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

انجام تنظیمات اولیه

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

کار با صفحه‌سازهای Elementor یاWPBakery

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

افزودن محصولات و دسته‌بندی‌ها

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

بهینه‌سازی و افزونه‌های جانبی

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

آموزش نصب قالب وودمارت روی سی‌پنل بدون خطا

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

نصب قالب وودمارت روی سی‌پنل با فایل زیپ

در این روش ابتدا فایل زیپ قالب وودمارت را از منبع معتبر دانلود کنید. سپس وارد سی‌پنل شوید و از بخش File Manager به بخش public_html/wp-content/themes بروید. فایل زیپ قالب را در این پوشه آپلود کرده و پس از اتمام، گزینه Extract را انتخاب کنید تا محتوای قالب استخراج شود. حالا کافی است وارد پیشخوان وردپرس شوید و از بخش پوسته‌ها و نمایش، قالب وودمارت را فعال کنید.
این روش برای کسانی مناسب است که می‌خواهند کنترل بیشتری روی فایل‌ها داشته باشند.
توجه کنید حجم فایل زیپ باید با محدودیت آپلود هاست سازگار باشد تا خطا رخ ندهد. همچنین بهتر است قبل از فعال‌سازی قالب، نسخه وردپرس و PHP هاست خود را به‌روز کنید تا مانع از بروز مشکلات احتمالی شود.

نصب قالب وودمارت روی سی‌پنل با روش آسان

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

آموزش ایمپورت دمو در قالب وودمارت و رفع گیر کردن

برای ایمپورت بی‌دردسر دموهای وودمارت، اول مطمئن شوید وردپرس تازه نصب شده است، هاست فضای کافی دارد و نسخه PHP و محدودیت‌های سرور (memorylimit، maxexecutiontime، uploadmax_filesize) براساس استانداردهای وردپرس تنظیم شده‌اند. سپس از مسیر پیشخوان وودمارت وارد ابزار Demo Import شوید، افزونه‌های پیشنهادی را نصب و فعال کنید و یک دمو سبک را برای شروع انتخاب نمایید.
اگر در حین انجام فرآیند ایمپورت گیر کرد، پنجره مرورگر را نبندید، لاگ ایمپورت را بررسی کنید و آن را بخش ‌بخش انجام دهید (رسانه‌ها، صفحات، تنظیمات جداگانه). در صورت ادامه مشکل، کش افزونه‌ها را پاک کنید، افزونه‌های غیرضروری را به صورت موقت غیرفعال کرده و ایمپورت را تکرار نمایید. نصب روی وردپرس تمیز و آزادسازی فضای هاست معمولا مشکل را حل می‌کند.
با این حال در صورت نیاز، از بسته‌های نصب سریع یا مسیر دستی XML/JSON استفاده کنید. در نهایت، پس از موفقیت ایمپورت، پیوندهای یکتا را ذخیره و منوها، ویجت‌ها و صفحه اصلی را مطابق دمو تنظیم کنید.

خطاهای مهم و عیب‌یابی ایمپورت دمو در وودمارت

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

1. دمو ناقص یا المان‌های صفحه‌ساز نمایش داده نمی‌شوند
از نصب و فعال بودن همه افزونه‌های ضروری (Elementor/WPBakery، WooCommerce، Slider) مطمئن شوید و ترتیب نصب پیشنهادی قالب را رعایت کنید. اگر صفحه‌ها خالی‌ هستند، نسخه صفحه‌ساز را با قالب هماهنگ کنید و قالب‌ Overrideها را به صورت موقت غیرفعال کنید؛ سپس ایمپورت را بخش ‌بخش اجرا نمایید تا المان‌ها بارگذاری شوند.

2. محدودیت فضا یا منابع هاست (Timeout/Memory Exhausted)
قبل از ایمپورت، فضای خالی کافی ایجاد کنید و مقادیر memorylimit، maxexecutiontime و uploadmax_filesize را افزایش دهید. اجرای ایمپورت روی وردپرس و کاهش هم‌زمانی وظایف (بدون اجرای کران‌های دیگر) احتمال خطا را کم می‌کند. اگر هاست اشتراکی محدودیت شدیدی دارد، استفاده از بسته نصب سریع یا انتقال موقت به لوکال می‌تواند راه‌گشا باشد.

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

آموزش هدر بیلدر وودمارت (Header Builder) چند ردیفه

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

مورد اول: ایجاد ساختار چند ردیفه

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

مورد دوم: افزودن عناصر به ردیف‌ها

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

مورد سوم: تنظیم هدر برای دسکتاپ و موبایل

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

مورد چهارم: ذخیره و تست هدر بیلدر

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

آموزش ساخت فوتر سفارشی در قالب وودمارت

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

مورد اول: ایجاد فوتر جدید

از پیشخوان وردپرس وارد بخش WoodMart → Footer Builder شوید و گزینه ایجاد فوتر تازه را انتخاب کنید. در این بخش می‌توانید تعداد ستون‌ها و ردیف‌ها را مشخص کنید و ساختار پایه فوتر را بسازید.

مورد دوم: افزودن ابزارک‌ها و المان‌ها

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

مورد سوم: تنظیمات طراحی و استایل

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

مورد چهارم: اختصاص فوتر به صفحات سایت

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

آموزش مگامنو در قالب وودمارت بدون افزونه اضافی

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

ساخت مگامنو از طریق بلوک HTML

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

ساخت مگامنو از طریق فهرست

روش دوم ساده‌تر است و از بخش Appearance → Menus انجام می‌شود. کافی است یکی از آیتم‌های منو را انتخاب کنید و گزینه مگامنو را فعال نمایید. سپس می‌توانید ستون‌ها و زیرمنوها را تعریف کرده و هر بخش را با لینک یا دسته‌بندی پر کنید. این روش برای فروشگاه‌هایی که نیاز به نمایش سریع دسته‌بندی‌ها دارند کاربردی است و بدون نیاز به کدنویسی، یک منوی حرفه‌ای ایجاد می‌کند.

آموزش مهاجرت از قالب قبلی به وودمارت بدون افت سئو

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

1. تهیه نسخه پشتیبان کامل از سایت
2. بررسی و ثبت تنظیمات سئو فعلی (عنوان‌ها، توضیحات متا، اسکیما)
3. نصب و فعال‌سازی قالب وودمارت روی وردپرس
4. تطبیق ساختار URL و پیوندهای یکتا با قالب جدید
5. بررسی سرعت و بهینه‌سازی عملکرد سایت پس از نصب
6. بازبینی محتوای صفحات و اطمینان از نمایش صحیح
7. تست ریسپانسیو بودن در موبایل و تبلت
8. اتصال دوباره ابزارهای آنالیز مثل گوگل سرچ کنسول
9. مانیتورینگ رتبه‌ها و ترافیک در هفته‌های اول پس از مهاجرت

آموزش بهترین ساختار هدینگ‌ها و بردکرامب در وودمارت

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

مرحله اول: تعیین ساختار هدینگ‌ها H1 تاH6

در هر صفحه تنها یک H1 برای عنوان اصلی قرار دهید و سایر بخش‌ها را با H2 و H3 سازمان‌دهی کنید. این کار باعث می‌شود محتوای شما سلسله ‌مراتب مشخصی داشته باشند و موتورهای جستجو راحت‌تر موضوعات را تشخیص دهند. در قالب وودمارت می‌توانید از تنظیمات صفحه‌ساز برای انتخاب نوع هدینگ استفاده کنید.

مرحله دوم: هماهنگی هدینگ‌ها با سئو

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

مرحله سوم: فعال‌سازی بردکرامب در تنظیمات قالب

از مسیر WoodMart → Theme Settings → Page Title بخش بردکرامب را فعال کنید. این موضوع مسیر کاربر را در بالای صفحات نمایش می‌دهد و در درک بهتر گوگل برای تشخیص ساختارها موثر است. همچنین کمک می‌کند کاربر سریع‌تر به صفحات قبلی بازگردد.
مرحله چهارم: شخصی‌سازی بردکرامب
در تنظیمات می‌توانید تگ HTML نمایش بردکرامب (مثلا span یا nav) را انتخاب کنید و رنگ و فونت آن را تغییر دهید. همچنین امکان تعیین نمایش یا عدم نمایش در صفحات خاص وجود دارد تا ظاهر سایت منسجم‌تر شود.

مرحله پنجم: تست و بررسی مراحل قبلی

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