المان های مهم المنتور | کاربرد المان ها در افزونه المنتور

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

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

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

اینکه ما چگونه می توانیم المان های مهم المنتور را به صفحه خود اضافه کنیم از دو طریق امکان پذیر می باشد. در روش اول استفاده از (Drag&Drop) می باشد که باید المان ها را با ماوس خود در راست صفحه بگیریم و آن ها را به صفحه خودمون در سمت چپ بکشیم. و روش دوم استفاده از دکمه + در صفحه سمت چپ می باشد که با کلیک بر روی اون می توانیم المان های خودمون را انتخاب کنیم.

المان های مهم المنتور

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

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

المان های پایه

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

• سربرگ

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

• تصویر

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

• ویرایشگر متن

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

• ویدیو

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

• فاصله­ گذار

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

• جداکننده

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

• نقشه گوگل

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

• آیکن

با استفاده از المان آیکون می توانید هر آیکونی که دلتان می خواهد را در هر کجای صفحه اضافه کنید. خود کتابخانه المنتور المان های زیادی برای استفاده شما قرار داده است ولی از بزرگترین وبسایت ها می توان به وبسایت فلت آیکون اشاره کرد که آیکون های طرح SVG آن به صورت پولی می باشد و شما برای دریافت آن ها می توانید با آیدی webesco@support@ در تلگرام در تماس باشید که آیکون های پولی این سایت را در اختیار شما قرار دهد.

المان ­های پرو

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

• نوشته ­ها

بدون شک در سایت های متفاوتی همچون وبسایت وبسکو دیده اید که مقالات وبسایت را به صورت گرید و شبکه نمایش داده است و برای اینکار باید از المان نوشته ها درالمنتور استفاده کنید.

• نمونه کارها

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

• گالری

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

• فرم

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

• ورود

از این المان برای صفحه ورود و عضویت وبسایت استفاده می شود که با دیتابیس سرور هماهنگ می باشد.

• اسلاید

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

• فهرست ناوبری

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

• عنوان متحرک

یکی از راه های جذب کاربران همین عنوان متحرک می باشد که بسیار کاربردی می باشد و باعث می شود کاربر به یک نقطه از وبسایت شما و یک متن مهم خیره بشود.

• لیست قیمت

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

• بازدیدها

با استفاده از این المان های مهم المنتور می توانید دیدگاه ها و مکانی برای درج نظرات قرار بدهید و تعداد دیدگاه را به نمایش بگذارید.

• شمارش معکوس

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

المان­ های کلی

ویجت هایی همچون نوار پیشرفت و غیره در این جا می باشد و در هر وبسایتی از آن ها استفاده می شود.

المان­ های سایت

می توانید با استفاده از این المان های مهم المنتور عنوان صفحه و یا لوگو و هر چیزی که در تنظیمات المنتور می باشد را به نمایش بگذارید.

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