Здравствуйте уважаемые читатели на связи Татьяна Сухих и сегодня мы поговорим о том, как сделать выпадающее меню. Совсем недавно я сама научилась ставить такие выпадающие окошечки и этим опытом хоть и не большим поделюсь с вами!
Содержание статьи:
Кто ищет — тот найдёт
На днях к статье Новогодний стол: составляю меню блюд пришёл комментарий о том, как сделать выпадающее меню.
Не так давно я сама искала эту загадочную функцию и спрашивала многих как это сделать и нашёлся один блогер Сергей Иванисов, который помог мне найти решение проблемы.
Оказывается есть бесплатные плагины позволяющие делать не только выпадающее меню, а так же списки, фотогалереи и многое другое. Я расскажу и покажу некоторые функции этого плагина, потому что совершенно всё я не изучила и поделюсь только тем, что умею сама
Как найти плагин?
Плагин для выпадающего меню можно установить на блог двумя способами:
- Скачать с официального сайта вордпресс и загрузить к себе на блог в раздел плагины
или - Установить непосредственно через панеть управления блогом
Начну с первого способа. Изначально, нужно открыть поисковик и написать 3 слова / шоркоды wordpress плагин >> выбираете >> Shortcodes Ultimate — WordPress Plugins
Открыть вкладку в новом окне и скачать плагин на рабочий стол.
Затем переходим в консоль блога, слева находим плагины и кликаем на Добавить новый.
Загрузить плагин с рабочего стола и нажать кнопку Активировать после загрузки.
Способ №2
Этот способ гораздо проще и я именно так установила плагин.
Точно также как и в первом способе нажимаем Добавить новый плагин и справа в поисковик вводим shortcodes, система автоматически находит множество шоркодов из них нужно выбрать бесплатный плагин от автора Владимира Анохина.
После того, как установите плагин слева в панели появится слово Шоркоды. Дальше смотрите видео, а подробное описание с картинками я выложу немного позже если вам это понадобится. Напишите в комментариях, что вам не понятно и я постараюсь, как можно подробнее рассказать о функциях плагина.
И поделитесь с друзьями этим обзором, с вами была Татьяна Сухих, всего доброго и до завтра.
Кстати, рекомендую прочитать:
{if(document.pnctLoadStarted)return;var%20d=document.createElement('div');d.setAttribute('id','pnctPreloader');d.setAttribute('style','position:fixed;top:0;bottom:0;left:0;right:0;z-index:100501;background-color:rgba(255,255,255,.9);padding:20px;text-align:center;font-family:helvetica;font-size:20px;font-weight:bold;');d.innerHTML='%3C%3F%3DYii%3A%3At%28%22uniprogy%22%2C+%22Loading%22%29%3F%3E...<a%20id="pnctCancelBtn"%20href="#"%20style="float:right;width:24px;height:24px;text-decoration:none;border:1px%20solid%20#ccc;border-radius:5px"><img src="//postila.ru/images/window_close.png" alt="x"/></a>';document.body.appendChild(d);document.pnctLoadStarted=(new%20Date()).getTime();document.pnctCnclLoad=function(){document.pnctLoadStarted=0;pl=document.getElementById('pnctPreloader');if(pl)pl.parentNode.removeChild(pl)};document.getElementById('pnctCancelBtn').addEventListener('click',function(e){e.preventDefault();document.pnctCnclLoad()});setTimeout(function(){var%20st=document.pnctLoadStarted;if(st>0&&((new%20Date()).getTime()-st>=14000)){document.pnctCnclLoad();alert('%3C%3F%3DYii%3A%3At%28%22uniprogy%22%2C+%22Unfortunately%2C+the+image+search+is+not+available.%22%29%3F%3E')}},15000);var%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','//postila.ru/post.js?ver=1&m=b&rnd='+Math.random()*99999999);document.body.appendChild(e)})());)
Нужно будет попробовать работу данного плагина. Спасибо за совет!
Пожалуйста)) очень удобно
Видела у вас в новогоднем меню, Таня, такой выпадающий плагин. Оказывается, его очень просто установить.
Буду знать. Спасибо. Все очень понятно разъяснили.
C плагином такую красоту установить конечно не проблема, но я не сторонница много иметь плагинов на сайте, уж лучше все это сделать кодом.
этот плагин практически не грузит блог, поэтому он не сильно меня обременяет)) это уже дело каждого, кому как удобно)
Вчера установила плагин по вашему видео. Хотела использовать его в статье, но пока не получилось.
что именно не получается? напишите Анна, я помогу
Татьяна, добрый день.
Спасибо за статью, целый день ищу варианты реализации данной задачи у себя на блоге. Сделал сначала как у Саши, он статью писал на данную тему, однако ваш вариант дает больше возможностей. Писать сразу учителям в школу не хотелось, сначала сам пытаюсь найти ответы, можно сказать помогли однокласснику из школы блогеров.
Приятно познакомиться, всегда рада помочь будут вопросы обращайтесь
мне нравится такой плагин, но насколько целесообразно его устанавливать… сильно ли он грузит сайт?
Не раз задумывалась, как делается эта вещь. Очень хорошо, что натолкнулась на Вашу статью, Татьяна. Спасибо. Теперь буду знать, все оказывается не так сложно, как казалось.
Хорошая статья, помню, как долго я просидела с выпадающим меню, когда его делала, хотя оказалось все просто и я обошлась без плагинов.
да я понимаю, что плагин грузит блог, но к сожалению не все HTML теги знаю, поэтому пока так
Хороший плагин, возможно, что скоро понадобится. С Новым годом! Творческих успехов Вам.
Спасибо
Отличный вариант за неимением нужного скрипта, спасибо, Татьяна!
Рада помочь))
Здравствуйте, Татьяна! Спойлеры — это очень классная вещь, вообще не представляю уже, как без них можно. Очень удобно) Только я скриптом пользуюсь, потому что в свое время адекватный плагин не нашел.
да, Дим мне тоже очень нравится эта функция, очень удобно
Да, интересный плагин, посмотрела по ссылке, понравился. Только, наверное, он подойдет только для кулинарный сайтов?
Почему вы так думаете Таисия, мне кажется он для любого блога подойдёт.
Ооо это для меня!!
Спасибо большое, Татьяна! Непременно будем иметь в виду ваши плагины.
да Ольга, именно для вас и писала этот пост, приятно если моя помощь была для вас полезна.
Непременно пригодится! Спасибо!
С праздниками вас, Татьяна! Всего вам красивого и приятного в новом году!!
Спасибо
Я пока не вижу надобности установить этот плагин. Но на будущее может и пригодится. Я наоборот сейчас поудаляла много плагинов, а то что то они мне мешали.
это дело каждого, конечно если они грузят через чур, конечно лучше избавляться от таких плагинов
Только как найти альтернативу, для меня до сих пор вопрос не решен…
Татьяна, спасибо за полезную информацию. И подробное замечательное видео. Очень полезный плагин. Надо будет поставить и пользоваться.
Но стоит помнить что плагины дают нагрузку. Так что стоит взвесить все хорошо.