منوی وردپرس در المنتور

راهکاری ساده برای مدیریت منوهای سایت

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

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

ویجت wordpress menu کاملاً واکنش‌گرا است و منوها روی موبایل، تبلت و دسکتاپ بهینه نمایش داده می‌شوند. این ویژگی تجربه کاربری بهتری ایجاد می‌کند و کاربران به راحتی می‌توانند به بخش‌های مختلف سایت دسترسی پیدا کنند. علاوه بر این، می‌توان گزینه‌هایی مانند منوی همبرگری و حالت چسبنده را فعال کرد تا ناوبری سایت ساده‌تر و جذاب‌تر شود.در ادامه به آموزش قدم به قدم این ویجت میپردازیم.

بخش محتوا در منوی وردپرس در المنتور

در بخش محتوا (Content) المنتور، کاربر اصلی‌ ترین بخش‌ های سازنده فرم شامل فیلدها و تنظیمات ارسال را مدیریت می‌ کند. در این قسمت می‌ توانید انواع فیلدهای مورد نیازمانند نام، ایمیل، متن بلند، یا چک‌ باکس را تعریف، اضافه و سفارشی‌ سازی کنید، برچسب‌ها و متن‌های راهنما را برای هر فیلد مشخص نمایید و ترتیب آن‌ها را با کشیدن و رها کردن تعیین کنید. علاوه بر این، تنظیمات مربوط به دکمه ارسال ، پیام‌های تأیید یا خطا پس از ارسال موفقیت‌ آمیز فرم و نحوه عملکرد فرم پس از ارسال مثلاً ارسال ایمیل به آدرس خاص یا اتصال به سرویس‌ های بازاریابی همگی در همین بخش حیاتی محتوا پیکربندی می‌ شوند.

طرح بندی در بخش محتوای منوی وردپرس

طرح بندی در المنتور(Layout in Elementor) به تنظیمات گسترده‌ ای اشاره دارد که نحوه نمایش، موقعیت و چینش عناصر مختلف در صفحه وب شما را کنترل می‌ کند. این تنظیمات شامل مواردی مانند عرض محتوا، فاصله داخلی و خارجی بخش‌ها، تراز عمودی و افقی عناصر، و تنظیمات مربوط به واکنش‌ گرایی برای نمایش صحیح در موبایل و تبلت می‌ شود. هسته اصلی سیستم طرح‌ بندی المنتور بر اساس ساختار سکشن‌ها (Sections)، ستون‌ها (Columns) و در نسخه جدید تر بر پایه فلکس‌باکس کانتینر(Flexbox Containers) استوار است که به کاربر اجازه می‌ دهد بدون نیاز به دانش کدنویسی، کنترل دقیقی بر چیدمان بصری صفحه داشته باشد.

بخش استایل ویجت منوی وردپرس درالمنتور

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

شما می توانید فیلم کامل آموزش این ویجت را که توسط استاد اسماعیلی از اساتید مجرب مجموعه آرتا رسانه، تدریس شده، در ادامه به صورت 100% رایگان مشاهده کنید. برای دیدن ویدئوی این المان به کانال یوتیوب آرتا رسانه مراجعه فرمایید.

گزینه منوی اصلی در بخش استایل المنتور

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

گزینه کرکره ای در منوی وردپرس المنتور

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

بخش دکمه تغییر در ویجت منوی وردپرس المنتور

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

بخش پیشرفته در منوی وردپرس المنتور

بخش پیشرفته (Advanced) درالمنتور، مجموعه‌ ای از تنظیمات قدرتمند را ارائه می‌ دهد که فراتر از محتوا و استایل پایه هستند و به شما کنترل دقیقی بر چید مان، فاصله و جلوه‌های ویژه می‌دهند در این بخش می‌توانید حاشیه‌ های داخلی (Padding) و خارجی (Margin) را برای کنترل دقیق فضای اطراف تیتر تنظیم کنید همچنین، گزینه‌ هایی برای افزودن افکت‌ های حرکتی جذاب مانند انیمیشن‌ های ورود، تنظیمات ریسپانسیو برای پنهان کردن تیتر در دستگاه‌ های خاص، و افزودن کلاس‌ های CSS سفارشی یا شناسه‌های ID برای استایل‌ دهی اختصاصی وجود دارد. این تنظیمات پیشرفته به طراحان اجازه می‌ دهد تا کنترل کامل بر موقعیت‌ یابی و تعامل‌ پذیری تیتر در صفحه داشته باشند.

گزینه طرح‌ بندی در ویجت منوی وردپرس المنتور

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

آموزش موشن افکت منوی وردپرس در المنتور

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

گزینه تبدیل در المان منوی وردپرس

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

تنظیم پس زمینه در ویجت wordpress menu المنتور

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

تنظم حاشیه درwordpress menu المنتور

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

گزینه ماسک در ویجت منوی وردپرس

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

بخش واکنش‌ گرا درویجت wordpress menu المنتور

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

تنظیم ویژگی ها در المان منوی وردپرس المنتور

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

بخش css سفارشی درwordpress menu المنتور

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

مزایای ساخت منوی وردپرس درالمنتور

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

ویجت منوی وردپرس درالمنتور از نظر سئو

 استفاده از ویجت wordpress menu اهمیت بالایی دارد. منوهای مرتب و ساختارمند باعث می‌شوند ربات‌های موتورهای جستجو صفحات سایت را راحت‌تر پیمایش کنند و محتوای سایت بهینه‌تر ایندکس شود. همچنین تجربه کاربری بهتر با ناوبری ساده به افزایش زمان حضور کاربران در سایت کمک می‌کند که به طور غیرمستقیم بر رتبه‌بندی سایت تأثیرگذار است.

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