آموزش کار با المنتور (Elementor) و المان های آن
المنتور یک ویرایشگر ویژوال است که به کاربران این امکان را می‌دهد تا بدون دانش فنی عمیق، صفحات و نوشته‌های خود را طراحی و ویرایش کنند.
در سیاق سیستم مدیریت محتوای وردپرس (WordPress)، المنتور یک افزونه (پلاگین) یا قابلیتی است که به کاربران امکان می‌دهد صفحات و نوشته‌های وبسایت خود را با استفاده از یک رابط کاربری گرافیکی ویژوال طراحی کنند، به جای نیاز به نوشتن کد HTML یا CSS.
در این مقاله به آمورش کار با المنتور می پردازیم. پس تا پایان با ما همراه باشید.
با ظاهر و گرافیک طراحی المنتور آشنا شوید.
رابط ظاهری و گرافیکی طراحی المنتور در وردپرس به کاربر این امکان را می‌دهد که به صورت بصری و بدون نیاز به دانش برنامه‌نویسی، صفحات وردپرس خود را طراحی و ویرایش کند.
در زیر به برخی از ویژگی‌های رابط ظاهری المنتور اشاره خواهیم کرد:
ویرایشگر ویژوال
المنتور از ویرایشگر ویژوال برای ویرایش صفحات استفاده می‌کند.
این ویرایشگر امکان کشیدن و رها کردن (Drag-and-Drop) المان‌ها و بلاک‌ها را فراهم می‌کند.
کاربر می‌تواند اجزا مختلف مانند متن، تصاویر، دکمه‌ها، فرم‌ها و… را به صورت آسان به صفحه اضافه کند.
بلاک‌ها:
بلاک‌ها در المنتور مفهوم کلیدی هستند.
هر بلاک به یک نوع خاص از محتوا یا المان وب اشاره دارد.
برخی از بلاک‌های معمول شامل بلاک متن، بلاک تصویر، بلاک گالری، بلاک عنوان و زیرعنوان و… هستند.
این بلاک‌ها را می‌توان به راحتی به صفحات اضافه کرد و تنظیمات آنها را بصورت جداگانه انجام داد.
پنل تنظیمات:
در پنل تنظیمات المنتور، کاربر می‌تواند مشخصات کلی صفحه (مانند عنوان، نوع صفحه و تصویر شاخص) را تعیین کند.
همچنین، تنظیمات مربوط به نمایش برخی از عناصر یا قابلیت‌های خاص نیز در این پنل قابل دسترسی است.
ابزار بار:
ابزار بار المنتور شامل ابزارهایی مانند افزودن بلاک جدید، ذخیره تغییرات، بررسی نمایش صفحه در حالت دسکتاپ یا موبایل و… می‌شود.
این ابزارها به کاربر امکان کنترل و دسترسی به امکانات مختلف المنتور را می‌دهند.
برگه‌ها و نوار کنترل:
المنتور دارای برگه‌های مختلفی است که به کاربر امکان می‌دهد به سرعت بین قسمت‌های مختلف صفحه یا نوشته جابجا شود.
همچنین، نوار کنترل شامل امکانات مختلفی مانند ذخیره تغییرات، انتشار صفحه، ویرایش محتوا و… است.
پیش‌نمایش
قابلیت پیش‌نمایش در المنتور به کاربر این امکان را می‌دهد تا قبل از انتشار تغییرات، نمای پیش‌نمایش صفحه را مشاهده کند و اطمینان حاصل کند که طراحی به درستی انجام شده است.
مجموعه بزرگ قم سرور با بیش از یک دهه فعالیت در زمینه های طراحی سایت ، سئو سایت، پشتیبانی وب سایت، امنیت وب سایت و میزبانی وب در خدمت شما عزیزان است.
المان‌ها در افزونه المنتور
در این بخش از آموزش کار با المنتور به بررسی المان‌ها (Elements)می پردازیم .
در افزونه المنتور وردپرس یک بخش مهم و کلیدی است که به کاربران این امکان را می‌دهد تا انواع مختلفی از المان‌ها و اجزا را به صفحات و نوشته‌های خود اضافه کنند.
این المان‌ها ابزارهای گرافیکی و ویژوالی هستند که به کمک آنها می‌توانید صفحات وب خود را طراحی و سفارشی‌سازی کنید.
در ادامه به توضیحات بیشتر در مورد بخش المان‌ها در المنتور می‌پردازیم:
متن:
بلاک متن:
این المان به شما امکان می‌دهد متن‌های مختلف را با استفاده از ویژگی‌های متنوع مانند اندازه، رنگ، قلم و… در صفحه خود قرار دهید.
تصویر و گالری:
– بلاک تصویر
با استفاده از این بلاک، می‌توانید تصاویر را به صفحه خود اضافه کرده و آنها را با استفاده از تنظیمات گوناگون سفارشی‌سازی کنید.
– بلاک گالری:
این المان به شما این امکان را می‌دهد تا تعدادی از تصاویر را در یک گالری نمایش دهید.
فرم‌ها:
– بلاک فرم:
با استفاده از این بلاک، می‌توانید فرم‌های تماس یا سایر فرم‌های ورود اطلاعات را به صفحه خود اضافه کنید.
دکمه‌ها و لینک‌ها:
-بلاک دکمه:
با این المان،می توانید دکمه‌های با ظاهر مختلف را به صفحه خود اضافه کنید و آنها را به لینک‌ها یا عملیات خاص متصل کنید.
آیکون‌ها:
– بلاک آیکون:
با استفاده از این بلاک، می‌توانید آیکون‌های متنوعی را به صفحه خود اضافه کنید.
ویدیو و صدا:
– بلاک ویدیو:
این المان به شما امکان می‌دهد تا ویدیوهای مختلف را به صفحه خود اضافه کرده و تنظیمات مربوط به آنها را اعمال کنید.
– بلاک صدا:
با استفاده از این بلاک، می‌توانید فایل‌های صوتی را به صفحه خود اضافه کرده و بازی کنید.
فراخوانی‌ها و جداول:
– بلاک جدول:
این المان به شما این امکان را می‌دهد تا جداول متنوع را به صفحه خود اضافه کرده و آنها را ویرایش کنید.
– بلاک فراخوانی:
با استفاده از این بلاک، می‌توانید نقل قول‌ها یا متون مهم را به صفحه خود اضافه کرده و آنها را طراحی کنید.
نقشه و مکان:
– بلاک نقشه:
این المان به شما امکان می‌دهد تا نقشه‌ها و مکان‌های مختلف را در صفحه خود نمایش دهید.
سوالات متداول:
-بلاک FAQ:
این بلاک به شما این امکان را می‌دهد که پرسش‌ها و پاسخ‌های متداول را به صفحه خود اضافه کرده و آنها را مدیریت کنید.
ویژگی‌های پیشرفته:
-بلاک HTML:
این بلاک به شما اجازه می‌دهد که کدهای HTML را به صفحه خود اضافه کنید.
– بلاک کاستوم:
این بلاک به شما امکان سفارشی‌سازی بیشتر المان‌ها و قابلیت‌های ویژوال را می‌دهد.
بخش عمومی در افزونه المنتور در وردپرس
بخش عمومی (General Section) در افزونه المنتور وردپرس حاوی تنظیمات کلی و ابزارهای عمومی برای تنظیم و سفارشی‌سازی صفحات و نوشته‌ها است.
این بخش امکاناتی را فراهم می‌کند که به کاربران این امکان را می‌دهد تا ویژگی‌ها و تنظیمات کلی مربوط به ظاهر و عملکرد صفحات و نوشته‌های خود را مدیریت کنند.
در کل می توان گفت درافزونه المنتور وردپرس حاوی تنظیمات و ابزارهایی است که به کاربران این امکان را می‌دهد تا به راحتی و با کنترل کامل بر روی نمایش و عملکرد صفحات و نوشته‌های خود دست پیدا کنند.
این تنظیمات از ظاهر ویژوالی صفحات گرفته تا جزئیات مربوط به سئو، تایپوگرافی، و تنظیمات دسترسی را شامل می‌شود
در ادامه، به برخی از ویژگی‌ها و ابزارهای بخش عمومی در المنتور اشاره خواهیم کرد:
تنظیمات صفحه:
– قالب صفحه:
این تنظیم به کاربر اجازه می‌دهد تا یک قالب صفحه (Page Template) خاص برای صفحه خود انتخاب کند.
– تنظیمات سربرگ و پاورقی:
این قسمت امکان تنظیمات مربوط به سربرگ و پاورقی صفحه را فراهم می‌کند.
تنظیمات مختلف:
– تنظیمات تایپوگرافی:
شامل تنظیمات مربوط به فونت، اندازه، و رنگ متن‌ها و عناوین.
– تنظیمات رنگ و پس‌زمینه
امکان تعیین رنگ پس‌زمینه و سایر تنظیمات گرافیکی برای صفحه را فراهم می‌کند.
– تنظیمات مربوط به عرض و ارتفاع:
به کاربر امکان می‌دهد تا ابعاد و اندازه‌های مختلف صفحه را تنظیم کند.
تنظیمات ویژه موبایل:
– تنظیمات ریسپانسیو:
این بخش به کاربر امکان می‌دهد تا تنظیمات خاص مربوط به نمایش صفحه در دستگاه‌های موبایل را انجام دهد.
تنظیمات SEO:
– تنظیمات SEO عنوان و توضیحات:
این بخش به کاربر اجازه می‌دهد تا عنوان (Title) و توضیحات (Meta Description) صفحه خود را برای بهبود سئو تنظیم کند.
– تنظیمات نمایش در نتایج جستجو:
امکان تعیین نحوه نمایش صفحه در نتایج جستجوهای گوگل و سایر موتورهای جستجو را فراهم می‌کند.
تنظیمات پست‌های مرتبط:
– نمایش پست‌های مرتبط:
این گزینه به کاربر امکان می‌دهد تا تعیین کند آیا پست‌های مرتبط در پایان هر صفحه نمایش داده شوند یا خیر.
پیش‌نمایش و ذخیره:
– پیش‌نمایش صفحه:
با کلیک بر روی این گزینه، کاربر می‌تواند پیش‌نمایش زنده صفحه خود را مشاهده کند.
– ذخیره تغییرات:
این گزینه به کاربر این امکان را می‌دهد تا تمامی تغییرات اعمال شده را ذخیره کند.
تنظیمات نمایش و انتشار:
– وضعیت انتشار:
این گزینه به کاربر این امکان را می‌دهد تا تصمیم بگیرد صفحه به صورت عمومی (منتشر) یا در حالت پیش نمایش (پیش‌نمایش) باقی بماند.
– تنظیمات دسترسی:
این بخش به کاربر این امکان را می‌دهد تا مشخص کند چه کسانی می‌توانند به محتوای صفحه دسترسی پیدا کنند.
بخش اقدامات:
– آپلود تصویر
این گزینه به کاربر این امکان را می‌دهد تا تصویر شاخص صفحه را آپلود کند.
بخش تاریخچه در افزونه المنتور
بخش تاریخچه یک افزونه نرم‌افزاری یا افزونه وردپرس به عنوان یک فهرست از تغییرات و به‌روزرسانی‌های هر نسخه معرفی می‌شود.
معمولاً در بخش تاریخچه، اطلاعاتی نظیر تاریخ انتشار هر نسخه، تغییرات اصلی، افزودن ویژگی‌های جدید، بهبودها و اصلاحات ارائه می‌شود. این اطلاعات برای کاربران و توسعه‌دهندگان مفید است تا با آخرین تغییرات آشنا شوند و در صورت نیاز، به راحتی به نسخه‌های جدید ارتقاء یابند.
برای دسترسی به تاریخچه المنتور یا هر افزونه وردپرس، شما باید به صفحه مربوط به آن افزونه در مخزن وردپرس یا سایت رسمی المنتور مراجعه کنید.
در مخزن وردپرس، در صفحه هر افزونه، یک بخش به نام “Changelog” یا “تاریخچه” وجود دارد که تغییرات هر نسخه به تفصیل آورده شده است.
تنظیمات بخش ریسپانسیو در المنتور
به کاربران این امکان را می‌دهد تا تنظیمات مربوط به نمایش صفحات وب یا اجزا در دستگاه‌های مختلف را انجام دهند.
این تنظیمات به کاربر امکان می‌دهد تا ظاهر و عملکرد صفحات وب را برای دستگاه‌های مختلف مانند تلفن‌های همراه، تبلت‌ها و دسکتاپ‌ها بهینه کند.
در زیر به برخی از تنظیمات مهم بخش ریسپانسیو در المنتور اشاره می‌شود:
مدیریت طرح بندی (Layout Settings):
– تنظیمات عرض:
می‌توانید عرض محتوا را برای دستگاه‌های مختلف (موبایل، تبلت، دسکتاپ) تعیین کنید.
– تنظیمات پنجره نمایش:
این تنظیم به شما اجازه می‌دهد که نمای کلی صفحه را برای دستگاه‌های مختلف تنظیم کنید.
تنظیمات فونت و اندازه متن:
– تنظیمات فونت برای موبایل:
مشخص کنید که چگونه فونت‌ها بر روی دستگاه‌های موبایل نمایش داده شوند.
– تنظیمات اندازه متن:
می‌توانید اندازه متن‌ها را برای دستگاه‌های مختلف تعیین کنید.
مدیریت پس‌زمینه (Background Management):
– تنظیمات پس‌زمینه برای موبایل:
این تنظیمات به شما اجازه می‌دهد که پس‌زمینه‌ها را برای دستگاه‌های موبایل به صورت جداگانه تنظیم کنید.
نظیمات نمایش/عدم نمایش اجزا:
– نمایش/عدم نمایش اجزا بر اساس دستگاه:
مشخص کنید که کدام اجزا یا المان‌ها در دستگاه‌های مختلف نمایش داده شوند یا مخفی شوند.
آیکون‌ها و تصاویر:
– تنظیمات آیکون‌ها برای موبایل:
مشخص کنید که چگونه آیکون‌ها بر روی دستگاه‌های موبایل نمایش داده شوند.
– تنظیمات تصاویر برای موبایل:
این تنظیمات به شما امکان می‌دهد تا تنظیمات مختلفی را برای نمایش تصاویر در دستگاه‌های موبایل اعمال کنید.
پنل پیش‌نمایش ریسپانسیو:
– پیش‌نمایش دستگاه‌های مختلف:
یک پنل پیش‌نمایش در المنتور وجود دارد که به شما این امکان را می‌دهد تا نمایش صفحه خود را بر روی دستگاه‌های مختلف (موبایل، تبلت، دسکتاپ) ببینید.
تنظیمات پیشرفته:
– CSS سفارشی برای دستگاه‌های خاص:
این گزینه به شما امکان می‌دهد تا کدهای CSS سفارشی را برای دستگاه‌های خاص تعیین کنید.
تنظیمات بخش ریسپانسیو در المنتور وردپرس به کاربران این امکان را می‌دهد تا ظاهر و نمایش صفحات وب خود را برای دستگاه‌های مختلف بهینه کنند.
این تنظیمات شامل مدیریت طرح بندی، تنظیمات فونت و اندازه متن، مدیریت پس‌زمینه، نمایش/عدم نمایش اجزا، تنظیمات آیکون‌ها و تصاویر، و ابزارهای پیش‌نمایش مربوط به ریسپانسیو بر روی دستگاه ها است.
سوالات متداول در مورد آموزش کار با المنتور
بهترین راه برای آموزش Elementor نگاهی عمیق به صفحه وبلاگ رسمی Elementor و همچنین دیدن آموزش های المنتور و پشتکارمی باشد.
مشکلات رایج Elementor چیست؟
برخی از مشکلات رایج Elementor شامل تداخل با سایر افزونه ها یا تم ها، رفتار غیرمنتظره یا ناسازگاری های بصری است. شما می توانید با مشکلاتی مانند کمبود ویجت، خطای 400، کمبود کیت، بارگیری نشدن و غیره مواجه شوید.
Elementor یک افزونه محبوب صفحه ساز کشیدن و رها کردن برای وردپرس است که به کاربران اجازه می دهد بدون کدنویسی وب سایت ایجاد و طراحی کنند.
در حالی که دشواری یادگیری Elementor بسته به آشنایی شما با وردپرس و مفاهیم طراحی وب می تواند متفاوت باشد، بسیاری از کاربران یادگیری و استفاده از آن را نسبتاً آسان می دانند.
Elementor و Divi Builder ویرایشگرهای فوق العاده قدرتمندی برای وردپرس هستند که مورد علاقه طراحان و توسعه دهندگان حرفه ای وب هستند.
سخن پایانی:
المنتور یک افزونه برای وردپرس است که به کاربران این ابزار محبوب مدیریت محتوا کمک می‌کند تا به راحتی و بدون نیاز به دانش برنامه‌نویسی، صفحات وب خود را طراحی کنید.
این افزونه طراحی را خیلی راحت تر و جذاب تر کرده است.