بــیــگ تــم
مرجع قالب وردپرس ، افزونه وردپرس ، آموزش وردپرس ، هاست وردپرس


خانه / افزونه ی وردپرس / افزونه ساخت منو کشویی Dropdown Menu Widget
افزونه ساخت منو کشویی حرفه ای Dropdown Menu Widget


افزونه ساخت منو کشویی Dropdown Menu Widget

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

افزونه ساخت منو کشویی در وردپرس Dropdown Menu Widget

خوب حالا میریم سراغ آموزش:  برای شخصی سازی منویی که میسازید باید وارد پنل تنظیمات این افزونه شوید. برای وارد شدن به پنل تنظیمات به http://yoursite.ir/wp-admin/options-general.php?page=dropdown-menu بروید.

تنظیمات همگانی

افزونه ساخت منو کشویی حرفه ای Dropdown Menu Widget

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

Dropdown Menu Theme : در این بخش شما قالب کلی منو را تعیین کنید.

Theme URL : شما در این بخش میتوانید آدرس قالب کلی منو را بدهید. (امکان داره اصلا به کارتون نیاد)

Use Theme Location : اکه تیکش زده باشه هر جایی که در قسمت Theme location اومده میتونید منو رو قرار بدید.  بهتر است که تیکش رو بردارید .

Rename Homepage : در این قسمت شما متن صفحه اصلی رو تغییر میدید که به صورت پیشفرض “خانه” است.

show parent indicatiors : در مورد این قسمت زیاد مطمئن نیستم واسه چیه ولی فکر کنم واسه ی نمایش زیر موضوع باشه .

indicator color : واسه ی تغییر رنگ نشانگری که هنگام داشتن زیر موضوع نمایان میشود.

 Template Tag

افزونه ساخت منو کشویی حرفه ای Dropdown Menu Widget

Menu Type : از این بخش شما میتونید فهرستی که در بخش فهرست ها ساختید رو به منو اضافه کنید.

Home link : اگر تیکش رو بردارید صفحه ی لینک “صفحه اصلی” در منو نمایش داده نمیشه .

اگر تیک های Login و Register / Site admin رو بردارید لینک ورود و ثبت نام در منو حذف می شود.

Vertical menu : اگر تیکش رو بزنید منوی شما به صورت عمودی یعنی به گونه ای که در عکس بالا میبینید نمایش داده میشود.

Exclude pages : با این قسمت کاری نداشته باشید.

Alignment : از این قسمت میتونید منو رو به صورت راست چین و وسط چین و چپ چین در بیارید . که برای پارسی زبانها بهترین مورد وسط چین و راست چین است.

Effect

افزونه ساخت منو کشویی حرفه ای Dropdown Menu Widget

این بخش مخصوص افکت دادن برای باز شدن زیر موضوع است.

اگر Enable dropdown effects رو تیک بزنید این بخش فعال میشه و شما میتونید به منو خودتون استایل زیبایی را اضافه کنید.

در بخش Effect دو گزینه برای افکت دادن به زیر موضوع وجود دارید یکی Slide up/down است که به وسیله ی این گزینه زیر موضوع از بالا به پایین کشیده شده و نمایان میشود و از پایین به بالا نا مرئی .

گزینه ی دیگر توی این بخش گزینه Fade in / out است که زیر موضوع شما با حالتی مثل فلش زدن ظاهر و غیب میشه.

Effect speed : این بخش برای سرعت نمایان شدن زیر موضوع است که بهتر است روی گزینه Fast باشد.

Effect Delay : به وسیله ی این گزینه شما میتونید تعیین کنید که وقتی ماوس روی موضوع هاور میشه بعد از چند ثانیه یا صدم ثانیه زیر موضوع نمایان بشه.

در بخش Custom Color هم که رنگبندی منو رو انتخاب میکنید . نیازی به توضوع این قسمت نیست چون همه ی شما عزیزان در رنگ بندی تخصص دارید.

پیشرفته

افزونه ساخت منو کشویی حرفه ای Dropdown Menu Widget

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

 

آموزش نمایش منو در قالب

برای نمایش منو در قالب چند تا راه دارید حالت بدون کد استفاده از قسمت نمایش / ابزارک است که به راحتی میتوانید بکشید ورها کنید و منو زیر منوی خود را قرار دهید

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

<?php shailan_dropdown_menu(); ?>

حالا اگه نمیخواین نوع منو رو تنظیمات این افزونه انتخاب کنه میتونید برای نمایش موضوعات از کد زیر :

<?php shailan_dropdown_menu( array( 'menu' => 'categories' ) ); ?>

و یا برای نمایش لیست برگه ها از کد زیر :

<?php shailan_dropdown_menu( array( 'menu' => 'pages' ) ); ?>

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

ul.dropdown li.parent > a:after {
    content: "";
    position: absolute;
    top: 45%;
    right: 420px;
    width: 0px;
    height: 0px;
    border-top: 4px solid rgba(0, 0, 0, 0.5);
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
ul.dropdown li.parent:hover > a:after {
    content: "";
    position: absolute;
    top: 45%;
    right: 420px;
    width: 0px;
    height: 0px;
    border-top: 4px solid rgba(0, 0, 0, 0.5);
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

 

خوب تموم شد امیدوارم که به بدردتون بخوره با تشکر

باکس دانلود

29 دیدگاه

  1. هادی قربانی

    سلام دانیال جان
    عالی بود.
    آرزوی موفقیت برای شما.

  2. باسلام
    من افزونه مانند لینک زیر میخوام(سمت راست با عنوان منوی دسته ای):
    […]
    ولی ازاین افزونه استفاده کردم واصلا اون شکلی درنمیاد میتونید توی وبسایتم کناراسلایدر ببینید چه شکلی شده.ازقالب جریده استفاده میکنم

  3. نه زیر مجموعه رو نمایش میده و نه راست چین هست !!!! تمتم تنظیماتم انجام دادم اگه خودتون یه نگاهی بندازید ممنون میشم

    • هادی قربانی

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

  4. راست چین کردم 😀 ولی فقط الانم زیر مجموعه رو نمایش نمیده بازم !!! اگه بگید چطور تنظیم کنم ممنون میشم

  5. سلام و خسته نباشید. من هرچی میگردم لینک دانلود رو پیدا نمیکنم! لینکش حذف شده؟

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

  7. سلام ، چطور میتونم منو من طولانی نشه ، مثل سایت خودتون چند ستونه بشه ، ممنونم اگه جواب بدین.

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

  9. سلام.
    چطور باید منویی بسازم که لوگو دوستان در اون به صورت متحرک باشه. ممنون

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

  11. ممنو مثل همیشه عاالی

  12. سلام خدمت اساتید محترم

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

    من یه منوی عمودی که آکوردئون باشه برای وردپرس میخوام درست کنم
    شبیه به سایت:
    nextendweb.com
    تا جایی که میدونم ساختار وردپرس اجازه چنین کاری رو نمیده
    یعنی منو فونت آیکون داشته باشه علامت های بازو بسته شدن داشته باشه و آکوردئون باشه
    برای مثال این تصویر رو تماشا کنید لطفا:
    up2www.com/uploads/b4c8Menu.jpg

    – – – – – – – – –
    این افزونه:
    Nextend Accordion Menu
    هم که واسه همون سایت و تصویریه که اسم بردم که رایگان نیست!.یعنی باید آپدیت بشه که تمام امکاناتش فعال بشن
    افزونه های مشابه هم هستن که هیچکدوم به اینصورت کامل نیستن

    لطفا شما راهنمایی کنید که چطور میشه همچین منوهایی با افزونه و یا بدونه افزونه ساخت؟؟؟
    اگه بدون افزونه آموزش بدین خیلی عالی میشه

    باور کنین کل اینترنت رو زیر و رو کردم ولی چیزی پیدا نکردم . امیدوارم شما منو راهنمایی کنید

    واقعا ممنونم

  13. سلام مممنون میشم منو ی سایت من را شما درست کنید آیا امکانش هست؟

  14. رضا شعبانی توری

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

    • هادی قربانی

      ممکنه بدلیل ناسازگاری این افزونه با قالبتون یا سایر افزونه هاتون باشه/یکبار قابلتوت رو تغییر بدید و تست بکنید و یکبار هم همه افزونه هاتون رو غیرفعال بکنید و دوباره تست بکنید که آیا مشکلتون رفع شده یا خیر

  15. سلام من همه چیز رو درست انجام دادم و زیرمجموعه هم درست شده حالا وقتی روی برگه مادر می گیرم زیرمجموعه باز نمی شه و دیلای و … هم تنظیمات دیفالت و اولیه هستن

    • هادی قربانی

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

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

    • هادی قربانی

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

پاسخ دهید

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

دنبال کردن