در این مقاله، آموزش مرحله به مرحله برای ایجاد یک صفحه فروشگاه محصولات از ابتدا ارائه خواهیم داد. المنتور به شما امکانات و قابلیت های زیادی برای ایجاد صفحه ارائه می دهد. برای ایجاد یک صفحه فروشگاه محصولات، دو روش وجود دارد. می توانید از یک قالب آماده استفاده کنید و محتوا را ویرایش کنید یا می توانید صفحه فروشگاه محصولات را از ابتدا ایجاد کنید و با اضافه کردن هر عنصر به صورت جداگانه، آن را ساخته و ویرایش کنید.
نکته : برای خرید افزونه المنتور پرو اینجا کلیک کنید.
نحوه ایجاد یک صفحه فروشگاه محصولات با استفاده از المنتور
ابتدا وارد داشبورد وردپرس خود شوید، سپس به بخش “صفحات” بروید و بر روی “افزودن جدید” کلیک کنید. صفحه را با ویرایشگر المنتور باز کنید و سپس از گزینه های تنظیمات، طرح بندی صفحه را به “المنتور Canvas” تنظیم کنید.
اگر می خواهید از یک قالب آماده استفاده کنید، روی آیکون پوشه کلیک کنید تا کتابخانه قالب المنتور باز شود.
بسیاری از قالب های آماده برای نسخه رایگان المنتور موجود است. اما برخی از این قالب ها فقط برای نسخه پرمیوم المنتور در دسترس هستند، اما شما می توانید از قالب رایگان استفاده کنید. این قالب ها طراحی حرفه ای را به همراه قابلیت های فعال ارائه می دهند و همچنین در زمان شما صرفه جویی می کنند.
قالب مورد نظرتان را انتخاب کنید و سپس بر روی درج کلیک کنید و سپس محتوا را ویرایش و تصاویر را بر اساس هدف کسب و کار خود جایگزین کنید. اگر قالب های آماده ی المنتور را دوست ندارید و می خواهید طراحی خود را ایجاد کنید، می توانید صفحه را از ابتدا خودتان بسازید. برای این کار، ابتدا باید طرح فروشگاه صفحه خود را طراحی کنید و تصمیم بگیرید کدام ویژگی ها را می خواهید اضافه کنید.
در این آموزش، 4 قسمت برای صفحه ایجاد می کنیم، مانند:
- قسمت عنوان (Heading section)
- درباره (About)
- ویژگی ها (Features)
- فرم (form)
قسمت عنوان (Heading section)
قسمت اول ما عنوان اصلی است. در بخش عنوان اصلی، شما می توانید از یک عنوان و متن در سمت چپ و از یک تصویر در سمت راست استفاده کنید. برای این کار، نیاز به انتخاب یک طرح دو ستونه داریم. برای ایجاد یک قسمت، بر روی آیکون “+” کلیک کنید.
در اینجا شما می توانید ستون مورد نظر خود را براساس طرح خود انتخاب کنید.
حالا بر روی ستون چپ کلیک کنید تا ابزارک ها را اضافه کنید. در اینجا شما می خواهید یک عنوان را اضافه کنید، بنابراین ابزارک عنوان (Heading) را اضافه کنید. این ابزارک را از پنل سمت راست بکشید و درون ستون رها کنید.
پس از اضافه کردن ابزارک از بخش محتوا، شما می توانید متن، لینک و تنظیمات مربوط به تراز و اندازه را اضافه کنید.
شما می توانید رنگ متن را اضافه کرده و تایپوگرافی، سایه ی متن و حالت ترکیب را از طریق قسمت “استایل” تنظیم کنید.
از برگه “پیشرفته”، می توانید حاشیه خارجی و فاصله داخلی را اضافه کنید تا قسمت متن را مجدداً ترتیب دهید. از گزینه “پس زمینه”، می توانید پس زمینه را به صورت کلاسیک یا گرادیانت تنظیم کنید. می توانید برای شرایط عادی و هاور، رنگ پس زمینه را اضافه کنید.
در زیر عنوان، می توانید یک قسمت متن و یک دکمه اضافه کنید تا بخش حرفه ای تری ایجاد شود. ابزارک متن را بکشید و درون ستون زیر قسمت عنوان رها کنید. شما می توانید قسمت متن و دکمه را به همان روشی که برای استایل عنوان استفاده کردید، استایل دهید.
ستون راست آماده است، حالا باید یک تصویر به ستون چپ اضافه کنید. برای اضافه کردن تصاویر، به دنبال ابزارک تصویر بگردید، آن را بکشید و در ستون چپ رها کنید.
پس از اضافه کردن تصویر، می توانید تنظیمات تراز تصویر، اندازه و عنوان را انجام دهید. از طریق قسمت “استایل”، می توانید ارتفاع و عرض تصویر، حاشیه و حالت هاور را نیز اضافه کنید.
بخش عنوان آماده است، حالا باید بخش “درباره” را ایجاد کنید.
درباره (About)
حالا باید بخش “درباره” را ایجاد کنید. در این بخش، می توانید تصویر خود را در یک سو اضافه کنید و در سوی دیگر، توضیحات را قرار دهید. ابتدا با کلیک بر روی آیکون “+” قسمت را ایجاد کنید، سپس طرح ستونی را انتخاب کنید.
به طریق مشابه، ابزارک تصویر را اضافه کنید و تصاویر خود را به همان روشی که در ستون راست انجام دادید، استایل کنید. در ستون چپ، ابزارک های عنوان و متن را اضافه کنید. از قسمت “استایل” برای استایل دادن به محتوا استفاده کنید و از قسمت “پیشرفته” می توانید برای استایل دادن به قسمت ها استفاده کنید.
ویژگی ها (Features)
حالا باید قسمت “ویژگی ها” را ایجاد کنید. می توانید از ابزارک “آیکون جعبه” برای ایجاد لیست ویژگی ها استفاده کنید. در اینجا می توانید سه ستون اضافه کنید تا ویژگی های خود را نمایش دهید.
طرح سه ستونه را انتخاب کنید و سپس ابزارک “آیکون جعبه” را در ستون ها اضافه کنید. شما می توانید عنوان و متن را براساس هدف خود اضافه کنید. می توانید آیکون را از کتابخانه آیکون تغییر دهید.
فرم (form)
در انتهای صفحه، می توانید یک فرم عضویت اضافه کنید. البته، نسخه رایگان المنتور امکان اضافه کردن ابزارک فرم را به شما نمی دهد و برای این منظور باید از نسخه پرو استفاده کنید. اما، افزونه هایی وجود دارند که به شما امکان می دهند بدون هزینه اضافی، فرمی را به صفحه المنتور خود اضافه کنید.
- اضافه کردن فرم در المنتور با استفاده از فرم تماس 7
- با استفاده از NinjaForm یک فرم در المنتور اضافه کنید
- اضافه کردن فرم در المنتور با استفاده از WPForms
با استفاده از افزونه های بالا به راحتی و بدون پرداخت هیچ گونه هزینه ای میتوانید فرم را به صفحه ی خود با استفاده از المنتور اضافه کنید.
