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

نکته : برای خرید افزونه المنتور پرو اینجا کلیک کنید.

نحوه ایجاد صفحه نخست با استفاده از المنتور

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

نحوه ایجاد صفحه نخست

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

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

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

ایجاد قسمت های صفحه نخست

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

• بخش بالایی
• خدمات/ویژگی ها
• در باره
• آلبوم عکس
• با ما تماس بگیرید

قدم اول: رنگ اصلی صفحه، رنگ ویرایشگر و فونت در صفحه نخست

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

قدم دوم: بخش بالایی در صفحه نخست

این بخش شامل موارد زیر می‌ باشد:

• تصویر پس زمینه زیبا.
• عنوانی که برند ما را به درستی توصیف می کند.
• چند متن در مورد آنچه ما انجام می دهیم.
• دکمه ای با پیوند به صفحه خدمات یا سایر صفحات مهم وبسایت ما.
• ابتدا با کلیک بر روی آیکون”+” بخش خود را ایجاد می کنیم.

وقتی روی آیکون “+” کلیک می کنیم، یک گزینه انتخاب ستون ظاهر می شود. شما باید ستون بخش خود را انتخاب کنید. می توانید ستون و ساختار بخش خود را از این ستون ها انتخاب کنید.

بخش ایجاد شده باید شبیه به تصویر زیر باشد. اگر می خواهید از عرض کامل استفاده کنید کافیست روی گزینه شش نقطه کلیک کنید و سپس به داشبورد سمت راست بروید و از منوی کشویی عرض محتوا (Content width) گزینه تمام عرض (Full Width) را انتخاب کنید و گزینه بخش کشیده (Stretch Section) را روشن کنید.

تصویر پس زمینه در صفحه نخست

اکنون می خواهیم یک تصویر پس زمینه برای بخش خود اضافه کنیم. برای افزودن تصویر پس زمینه کافیست روی قسمت سه نقطه کلیک کنید و از داشبورد به قسمت استایل (Style) بروید و سپس روی منوی پس زمینه (Background) کلیک کنید. 4 نوع گزینه پس زمینه وجود دارد.

• کلاسیک (Classic): می توانید یک تصویر واحد را در اینجا اضافه کنید.
• گرادیان (Gradient): از گزینه گرادیان می توانید یک گرادیان رنگی را به عنوان پس زمینه انتخاب کنید.
• ویدئو (Video): یک ویدیو را به عنوان پس ‌زمینه اضافه کنید.
•  اسلاید (Slide show): چندین تصویر را به عنوان یک نمایش اسلاید در پس زمینه اضافه کنید.

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

همچنین گزینه های زیادی وجود دارد که می توانید موقعیت پس زمینه را از طریق آن ها تنظیم کنید. می توانید موقعیت را به عنوان مرکز یا مرکز چپ یا راست تنظیم کنید. همچنین می ‌توانید پیوست پس ‌زمینه را طومار یا درست شد تنظیم کنید.

روکش پس زمینه در صفحه نخست

از گزینه روکش پس زمینه می ‌توانیم یک گرادیان رنگ اضافه کنیم و کدورت تصویر را کم یا زیاد کنیم تا پس ‌زمینه جذاب ‌تر شود.

شما به راحتی می توانید تفاوت بین دو پس زمینه بالا را ببینید. پس زمینه خود را طوری طراحی کنید که به نظرتان زیباتر می باشد.

افزودن عنوان و متن در صفحه نخست

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

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

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

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

از قسمت استایل (style) می توانید تایپوگرافی دکمه، سایه متن و گزینه هاور را تنظیم کنید.

بخش بالایی ما کاملاً کامل شده است اکنون باید بخش درباره ما را طراحی کنید.

قدم سوم: درباره ما در صفحه نخست

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

قدم چهارم: خدمات در صفحه نخست

بخش خدمات ما یک بخش دو ستونی خواهد بود. برای افزودن یک بخش، روی نماد “+” کلیک کنید و در قسمت انتخاب ستون، دو ستون را انتخاب کنید.

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

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

قسمت پیشرفته

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

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

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

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

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

قدم پنجم: بخش گالری در صفحه نخست

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

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

قدم ششم: قسمت با ما تماس بگیرید در صفحه نخست

آخرین بخش ما از این صفحه فرم تماس با ما است. نسخه المنتور رایگان به شما اجازه نمی دهد ابزارک های فرم تماس را اضافه کنید. برای استفاده از ابزارک های فرم باید از نسخه پرمیوم المنتور استفاده کنید. اما می توانید فرم را به روش دیگری اضافه کنید. ما به شما پیشنهاد می کنیم کد (HTML) سفارشی را اضافه کنید. بنابراین می ‌توانید یک کد فرم را کپی کرده و در صورتی که می ‌خواهید یک فرم اضافه کنید، آن را در بخش قرار دهید. برای افزودن کد فرم سفارشی (HTML) یک بخش داخلی اضافه کنید و سپس ابزارک (HTML) را روی آن بکشید.

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

تمام شد! صفحه نخست شما آماده است.