چطوری میشه

بررسی QuadMenu: مگا منوهای آسان و قدرتمند برای وردپرس

بررسی QuadMenu: مگا منوهای آسان و قدرتمند برای وردپرس

در دنیای پلاگین های منوی مگا وردپرس، QuadMenu متمایز است. این افزونه ایجاد منوهای بزرگ را آسان می‌کند، بنابراین اگر به دنبال چنین افزونه‌ای هستید، بیشتر از این به دنبال بررسی QuadMenu ما باشید.

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

quadmenu wordpress mega menu plugin
بررسی QuadMenu: مگا منوهای آسان و قدرتمند برای وردپرس 26

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

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

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

پاداش: یا می‌توانید پلاگین پل رایگان Total Theme QuadMenu را دانلود کنید. پشتیبانی سفارشی و طراحی فقط برای کاربران تم Total.

اکنون اجازه دهید QuadMenu را راه‌اندازی کنیم و ویژگی‌ها را مرور کنیم. با این حال، برای اینکه شروعی به کار کنید، در اینجا نگاهی گذرا به ویژگی ها داریم.

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

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

درباره QuadMenu بیشتر بیاموزید

همراه با بررسی QuadMenu، تیم QuadLayers اضافه کردن این مگا منو به سایت وردپرس شما را بسیار آسان می کند. به این ترتیب، ما انتظار نداریم که در قسمت نصب این بررسی با مشکلی مواجه شوید.

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

installing quadmenu plugin
بررسی QuadMenu: مگا منوهای آسان و قدرتمند برای وردپرس 27

همانطور که در صفحه نمایش بالا نشان داده شده است، می توانید یکی از این موارد را انجام دهید:

  1. QuadMenu ممتاز را از رایانه خود آپلود کنید یا
  2. نسخه رایگان QuadMenu را از WordPress.org نصب کنید

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

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

activating quadmenu
بررسی QuadMenu: مگا منوهای آسان و قدرتمند برای وردپرس 28

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

در تصویر زیر، به شما نشان می‌دهیم که چگونه صفحه گزینه‌های QuadMenu Pro با تم وردپرس کل خودمان چگونه به نظر می‌رسد.

quadmenu intuitive options screen
بررسی QuadMenu: مگا منوهای آسان و قدرتمند برای وردپرس 29

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

با این حال، در صفحه QuadMenu گزینه‌ها چه می‌کنید؟ سؤال خوبی بود. بر روی مکان منوی مورد نظر خود کلیک کنید. در مورد ما، همانطور که در زیر نشان داده شده است، روی Main/Header کلیک می‌کنیم.

integrating quadmenu to theme menu locations
بررسی QuadMenu: مگا منوهای آسان و قدرتمند برای وردپرس 30

بعد، دکمه‌های روشن را همانطور که در بالا نشان داده‌ایم تغییر دهید تا QuadMenu را با مکان منوی خود پیوند دهید. سپس، دکمه  ذخیره را فشار دهید.

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

برای ایجاد یک طرح زمینه جدید، روی دکمه ایجاد طرح زمینه کلیک کنید (3). در مرحله بعد، موضوع، سبک خود را به دلخواه نامگذاری کنید و تغییرات خود را ذخیره کنید. با آماده بودن تم، می توانید آن را از منوی کشویی که در تصویر بالا به عنوان مورد شماره چهار (4) علامت گذاری کرده ایم، انتخاب کنید.

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

quadmenu example mega menu
بررسی QuadMenu: مگا منوهای آسان و قدرتمند برای وردپرس 31

ایجاد یک مگا منو با استفاده از QuadMenu کار دانش آموزان کلاس چهارم است. ما یک منوی جدید برای این بررسی ایجاد خواهیم کرد، اما همیشه می‌توانید این افزونه را با منوهای موجود ادغام کنید.

ما همچنین یکی از دموهای توتال را وارد کردیم، بنابراین می‌توانیم محتوایی داشته باشیم که با آن کار کنیم.

به غیر از این، به ظاهر > منوها در منوی مدیریت وردپرس خود بروید.

wordpress menus screen with quadmenu ready
بررسی QuadMenu: مگا منوهای آسان و قدرتمند برای وردپرس 32

چند نکته در مورد تصویر بالا:

  1. اگر در حال ایجاد یک منوی جدید هستید، نام منوی خود را در اینجا مشخص کنید. ما با نسخه نمایشی QuadMenu
  2. همراه هستیم

  3. به خاطر داشته باشید که تغییرات خود را با استفاده از این دکمه ذخیره کنید. در غیر این صورت، همه تغییرات سفارشی خود را از دست خواهید داد
  4. هنگامی که QuadMenu را فعال می‌کنید، دکمه گزینه‌ها را اضافه می‌کند، QuadMenu PRO که وقتی ماوس را روی هر مورد از منو قرار می‌دهید ظاهر می‌شود
  5. در اینجا، شما مکان منو را انتخاب می کنید. توجه داشته باشید، مکان منویی که ما با QuadMenu ادغام کرده‌ایم، برخلاف بقیه نمادها
  6. دارد

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

با یک منوی جدید آماده، اجازه دهید چند مورد از منوی QuadMenu را اضافه کنیم و ببینیم چطور پیش می‌رود. همانطور که در مورد شماره پنج (5) در تصویر بالا نشان داده شده است، کافیست به موارد چهار منو بروید.

برخی از موارد را به منوی خود اضافه کنید و تغییرات را همانطور که در تصویر زیر توضیح می دهیم ذخیره کنید.

adding quadmenu items to your wordpress menu
بررسی QuadMenu: مگا منوهای آسان و قدرتمند برای وردپرس 33

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

اینجا می‌رویم.

quadmenu demo menu
بررسی QuadMenu: مگا منوهای آسان و قدرتمند برای وردپرس 34

Arrrk! منوی ما وحشتناک به نظر می رسد، اما ناراحت نیست. ما باید:

  1. آن لوگوی QuadMenu را حذف کنید زیرا به آن نیاز نداریم و به دلیل اینکه املاک و مستغلات را برای ساخت منوی ما آزاد می کند
  2. ویژگی‌های منوی  سبد خرید و جستجو توتال را غیرفعال کنید، زیرا با عناصر مشابه در QuadMenu برخورد می‌کنند.

می توانید به سرعت مشکل را برطرف کنید. دستورالعمل های زیر را دنبال کنید.

برای حذف نشان‌واره QuadMenu، به QuadMenu PRO > گزینه‌ها در منوی وردپرس خود بروید. در مرحله بعد، طرح زمینه خود را انتخاب کنید، به عنوان مثال، طرح زمینه پیش‌فرض و روی منو کلیک کنید، همانطور که در تصویر زیر نشان می‌دهیم.

editing quadmenu menu
بررسی QuadMenu: مگا منوهای آسان و قدرتمند برای وردپرس 35

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

اما، برای حذف لوگو، به سمت پایین صفحه حرکت کنید تا این گزینه را ببینید.

removing a logo in quadmenu menu
بررسی QuadMenu: مگا منوهای آسان و قدرتمند برای وردپرس 36

شما باید روی دکمه حذف و سپس دکمه ذخیره کلیک کنید.

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

توجه داشته باشید که ما این کار را فقط برای موضوع Total WordPress انجام می دهیم. ممکن است نیازی به انجام این کار برای طرح زمینه خود نداشته باشید.

بیایید با سبد خرید منو شروع کنیم.  برای راه اندازی سفارشی ساز وردپرس، به ظاهر > سفارشی کردن در منوی مدیریت وردپرس بروید.

wordpress customizer
بررسی QuadMenu: مگا منوهای آسان و قدرتمند برای وردپرس 37

بعد، به پایین بروید و روی WooCommerce همانطور که در تصویر زیر نشان می‌دهیم کلیک کنید.

d8a8d8b1d8b1d8b3db8c quadmenu d985daafd8a7 d985d986d988d987d8a7db8c d8a2d8b3d8a7d986 d988 d982d8afd8b1d8aad985d986d8af d8a8d8b1d8a7db8c 6699b395de9d6
بررسی QuadMenu: مگا منوهای آسان و قدرتمند برای وردپرس 38

در منوی فرعی که باز می‌شود، مطابق شکل زیر، روی برگه عمومی کلیک کنید.

d8a8d8b1d8b1d8b3db8c quadmenu d985daafd8a7 d985d986d988d987d8a7db8c d8a2d8b3d8a7d986 d988 d982d8afd8b1d8aad985d986d8af d8a8d8b1d8a7db8c 6699b3973d67a
بررسی QuadMenu: مگا منوهای آسان و قدرتمند برای وردپرس 39

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

d8a8d8b1d8b1d8b3db8c quadmenu d985daafd8a7 d985d986d988d987d8a7db8c d8a2d8b3d8a7d986 d988 d982d8afd8b1d8aad985d986d8af d8a8d8b1d8a7db8c 6699b3988bd8a
بررسی QuadMenu: مگا منوهای آسان و قدرتمند برای وردپرس 40

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

برگه Header را در منوی Customizer همانطور که در زیر نشان داده شده است کلیک کنید.

disabling menu search in total wordpress theme
بررسی QuadMenu: مگا منوهای آسان و قدرتمند برای وردپرس 41

پس از آن، همانطور که در تصویر زیر به آن اشاره می‌کنیم، روی برگه جستجوی منو کلیک کنید.

disabling menu search in total wordpress theme
بررسی QuadMenu: مگا منوهای آسان و قدرتمند برای وردپرس 42

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

disabling menu search in total wordpress theme
بررسی QuadMenu: مگا منوهای آسان و قدرتمند برای وردپرس 43

دکمه  انتشار را برای ذخیره تغییرات خود فشار دهید. اکنون، اجازه دهید ببینیم منوی ما در سایت ساختگی ما چگونه به نظر می رسد.

quadmenu demo menu
بررسی QuadMenu: مگا منوهای آسان و قدرتمند برای وردپرس 44

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

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

شما قرار است QuadMenu را با شکوه کامل تجربه کنید. رابط کشیدن و رها کردن که در مورد آن صحبت می‌کردیم در اینجا عالی است.

بدون اتلاف ثانیه، به ظاهر -> منوها در منوی مدیریت وردپرس خود بروید. در صفحه منوها، نشانگر را روی مورد منوی موردنظر برای سفارشی کردن نگه دارید و روی دکمه QuadMenu PRO که ظاهر می‌شود کلیک کنید.

برای این بخش، ما انتخاب می‌کنیم که مورد منو  Mega را سفارشی کنیم. تصویر زیر را ببینید.

wordpress menus
بررسی QuadMenu: مگا منوهای آسان و قدرتمند برای وردپرس 45

با کلیک بر روی دکمه QuadMenu PRO رابط کاربری زیر ظاهر می‌شود. صفحه بعدی به شما امکان می دهد این آیتم منوی خاص را سفارشی کنید، به عنوان مثال، Mega به طور گسترده.

quadmenu drag and drop interface
بررسی QuadMenu: مگا منوهای آسان و قدرتمند برای وردپرس 46

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

adding columns in quadmenu
توجه: تصویر ما یک ستون اضافی دارد، اما چه کسی در حال شمارش است؟

اکنون، می‌توانید محتوا را به این ستون‌ها اضافه کنید. برای انجام این کار، همانطور که با مورد شماره پنج (5) در تصویر بالا علامت گذاری می کنیم، روی علامت مثبت (+) کلیک کنید.

با کلیک بر روی علامت مثبت در ستون اول، برگه QuadMenu Widgets همانطور که در تصویر زیر نشان داده شده است نشان داده می‌شود.

d8a8d8b1d8b1d8b3db8c quadmenu d985daafd8a7 d985d986d988d987d8a7db8c d8a2d8b3d8a7d986 d988 d982d8afd8b1d8aad985d986d8af d8a8d8b1d8a7db8c 6699b3a46199e
بررسی QuadMenu: مگا منوهای آسان و قدرتمند برای وردپرس 47

خب، خلاصه، مواردی مانند تقویم به ستون اول، تصویر به ستون دوم و دسته‌ها، پست‌های اخیر و ابر برچسب در ستون سوم اضافه کردیم.

d8a8d8b1d8b1d8b3db8c quadmenu d985daafd8a7 d985d986d988d987d8a7db8c d8a2d8b3d8a7d986 d988 d982d8afd8b1d8aad985d986d8af d8a8d8b1d8a7db8c 6699b3a5b2a17

بعد، منوی خود را ذخیره کنید. بگذارید ببینیم چه چیزی ایجاد کرده ایم.

d8a8d8b1d8b1d8b3db8c quadmenu d985daafd8a7 d985d986d988d987d8a7db8c d8a2d8b3d8a7d986 d988 d982d8afd8b1d8aad985d986d8af d8a8d8b1d8a7db8c 6699b3a71fb88
بررسی QuadMenu: مگا منوهای آسان و قدرتمند برای وردپرس 48

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

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

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

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

Bottomline، QuadMenu یک پلاگین منوی بزرگ برای مبتدیان و توسعه دهندگان است. این افزونه دارای گزینه های کافی برای برآوردن نیازهای شما و سپس تعدادی است. سایر ویژگی های قابل توجه موجود در QuadMenu عبارتند از:

  • CSS سفارشی
  • ویژگی واردات/صادرات
  • ادغام آسان رسانه های اجتماعی
  • پشتیبانی از تم کودک
  • چیدمان های افقی، عمودی و خارج از بوم
  • انیمیشن ها
  • منوهای چرخ فلک، به شما امکان می دهد لغزنده را به منوهای بزرگ خود اضافه کنید
  • منوهای برگه دار
  • و خیلی بیشتر

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

درباره QuadMenu بیشتر بیاموزید    مشاهده نسخه نمایشی زنده

نظرات شما چیست؟ آیا QuadMenu را امتحان کرده اید؟ اگر چنین است، چه چیزی را متوجه شدید؟ نظرات خود را در بخش نظرات زیر با ما در میان بگذارید.

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا