Привет ! Мы продолжаем разбирать самые интересные и полезные плагины для сайта wordpress ! Сегодня вы узнаете о супер полезном плагине, с помощью которого вы сможете добавить на свой сайт множество функций ! Мы подробно разберём как работать с данным плагином, как его установить и настроить. Вам будет доступно более 50 функций, которые вы сможете настроить по своему усмотрению. Вот лишь некоторые из них:
– Видео Youtube.
– Аудио записи.
– Документы.
– Анонсы записей.
– Стильные кнопки.
– Лайтбокс окна.
– Google карта.
– Вкладки.
– Таблицы.
– Колонки.
– Анимация.
– Спойлер и аккордеон.
– Заметки.
– Галерея.
– Слайдер.
– И многое другое !
Установить плагин Shortcodes Ultimate вы сможете прямо из админ-панели wordpress. Перейдите на страницу: Плагины – Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.
После установки и активации плагина, перейдите на страницу: Шорткоды. Данная страница появится у вас в левой боковой панели wordpress. Здесь вы сможете узнать, что такое шорткод, а также посмотреть ознакомительное видео о работе плагина.
Вы сможете выводить на свой сайт множество функций с помощью простых шорткодов.
Настройки
На странице “Шорткоды”, в верхнем меню перейдите на вкладку – Настройки. Настройки у плагина очень простые и их не много. Для тех кто не хочет вникать можно оставить всё по умолчанию.
– Cпециальное форматирование, отключите данную функцию, если у вас возникли проблемы с плагином, несовместимость с другими плагинами или проблемы при добавлении функций на сайт.
– Пропускать значения по умолчанию, включение данной функции позволяет не показывать в шорткодах дополнительные атрибуты, если вы их не меняли, например стили. Чтобы шорткод был маленьким.
– Префикс шорткодов, можно поменять префикс, который добавляется к шорткодам (не обязательно). Если меняете префикс, то учтите, что созданные ранее шорткоды перестанут работать. Лучше оставить как есть.
– Горячая клавиша, можно установить свою горячую клавишу для быстрого открытия окна “Вставить шорткод”.
– Save Changes, нажмите на данную кнопку, чтобы сохранить сделанные изменения.
– Restore default settings, нажмите на данную кнопку, чтобы сбросить все настройки к значению по умолчанию.
Произвольный CSS
Далее, перейдите на вкладку – Произвольный CSS. Здесь вы сможете изменять CSS стили функций плагина, либо добавлять свои стили к уже имеющимся. Чтобы скопировать оригинальные стили функций для их изменения, вверху страницы нажмите на вкладку с названием функции. В открывшемся окне будут отображаться CSS стили функций. Скопируйте CSS стили и добавьте их в чёрное поле редактора для их изменения. Все стили подписаны, над каждым CSS кодом отображается название функции, чтобы вам легче было найти его.
После изменения CSS стилей, сохраните сделанные изменения нажав внизу на кнопку – Save changes.
Страница “Примеры”
Перейдите на страницу “Примеры”, которая отображается внутри вкладки “Шорткоды”. Здесь вы сможете посмотреть готовые и наглядные примеры функций, которые сможете добавлять на свой сайт. Чтобы посмотреть пример, нажмите на вкладку с названием функции. Например – Аккордеоны, спойлеры, различные стили, якори.
Далее, у вас откроется окно, где вы сможете посмотреть в живую работу функции. Можно получить код функции и сразу же вставить на свой сайт, на страницу, в запись или в виджет. Нажмите на кнопку – Получить код, скопируйте код и вставьте в нужное вам место.
Страница “Шпаргалка”
На странице “Шпаргалка” вы сможете посмотреть как можно добавлять в шорткоды дополнительные атрибуты для изменения стилей и внешнего вида заданных функций.
Страница “Дополнения”
Здесь вы сможете узнать о дополнительных функциях, которые можно подключить к плагину. Нажмите на кнопку – Узнать больше, чтобы перейти на сайт и узнать все подробности.
Добавление функций в запись и на страницу
Чтобы добавить любую функцию в запись или на страницу, откройте для редактирования любую запись или страницу, либо создайте новую. В визуальном редакторе wordpress у вас появится новая кнопка – Вставить шорткод. Нажмите на данную кнопку.
Далее, у вас откроется окно выбора функций. Давайте для примера выберем функцию – Google карта. Просто выберите функцию и нажмите по ней.
Далее, у вас откроется окно для настройки выбранной функции. В нашем примере вам нужно указать ширину и высоту карты. Можно сделать карту адаптивной, то есть на всю страницу. В поле “Маркер” укажите адрес, который будет отображаться на карте. Например – Россия, Москва. Поле “Класс” оставьте пустым. В конце нажмите на кнопку – Вставить шорткод.
Далее, в содержании страницы у вас появится соответствующий шорткод. Обновите страницу или опубликуйте её.
Далее, на сайте у вас будет отображаться готовая функция. В нашем случае – Google карта.
Добавление функций через виджет “Шорткоды”
Далее, перейдите на страницу: Внешний вид – Виджеты. Здесь у вас появится новый виджет – Шорткоды. Перетащите данный виджет в сайдбар. В настройках виджета вам нужно нажать на кнопку – Вставить шорткод. Здесь функции создаются также как и на страницах или в записях. Функции будут отображаться в виджете, в боковой панели вашего сайта.
Вот и всё, плагин очень простой и понятный, главное разобраться и тогда всё станет очень просто и здорово !
Кстати, если вы хотите вставить шорткод в php файл, например header.php или footer.php, то вам нужно воспользоваться специальным кодом: (Жирным я выделил место куда вам нужно вставить шорткод)
<?php echo do_shortcode(‘сюда вставьте ваш шорткод‘); ?>
Остались вопросы ? Напиши комментарий ! Удачи !
Спасибо ! Хорошая инструкция для ознакомления с WordPress . Доходчиво и без всяких заумных слов
Спасибо за информацию, плагин действительно классный!
Подскажите, пожалуйста! Как в шорткоде карусель показать цену товара?
Если в настройках нет такой возможности, значит никак. Искать другие возможности. Могу порекомендовать плагин слайдер карусель товаров Woocommerce.
Спасибо Вам огромное!!!!! Этот плагин, то что нужно!
У меня ничего не получилось. Код не вставляется ни в хедере ни в шаблоне index – что делать? Мне нужно вставить 2 кода через плагин Shortcode Ultimate – “соседние страницы” и “5 популярных записей” без картинок в конце каждого поста…Может с моей темой что-то не так?..Подскажите пожалуйста!
А каким образом добавляете код ? Рекомендую для данных целей поставить плагин – Head, Footer and Post Injections. У плагина название изменилось. Через него можно шорткоды вставлять без php кода.
Хотела вставить таблицу – для этого плагин предлагает загрузить таблицу в формате CVS, вот только WordPress не дает загрузить медиафайл такого формата, пишет: тип этого файла не разрешен из соображений безопасности.
Может что-то не то делаю? Создала файл в формате CVS разделители запятые.
У данного плагина есть – Функция Колонки. CSV и таблица, такого нет. Таблицу можно сделать с помощью плагина – MCE Table Buttons.
Илья, подскажите, пожалуйста. После установки плагина Shortcodes Ultimate не могу нигде найти необходимую опцию, чтобы было на русскоя языке, как у вас здесь, в инструкции?
Данный плагин должен отображаться на Русском языке по умолчанию. В настройках нет такой опции. Вы WordPress обновляете ? Возможно у вас версия php устарела на хостинге. Рекомендую перейти на php 5.6
Да, я обновлял. Но тут причина вот в чем – только что проверил. У меня сайт на украинском языке. И когда я выставил сайт на русский, плагин на русском и работает, но как только я на украинский снова перехожу, плагин автоматом на английский переходит. И что мне делать – даже не знаю?
Значит для Украинской версии WordPress нет Русского перевода плагина, да и не должно быть, не логично как-то. А Английский отображается потому что нет перевода Украинского для плагина. В принципе там настройки очень простые, настраивать ничего и не надо. Только название функций перевести для понятности и всё. Вы можете сами перевести плагин на Украинский или Русский с помощью плагина – Loco Translate.
Все делаю по инструкции при переводе, однако на русский не хочет переводить, так как указывает. что уже имеется в системе такой лпагин на русском, а на украинский тоже чего-то не желает никак… Ладненько, буду так как-то пользоваться уже, как есть…. Спасибо большое за помощь!
Может кэш надо очистить.
А подскажите, пожалуйста, мне этот плагин WP Super Cache установить для кэширования или какой-то другой?
Рекомендую вам плагин – WP Fastest Cache, отличный плагин. У него и рейтинг высокий и отзывы положительные. Простой и понятный.
Здравствуйте Илья! Пытался вставить на сайт документ с расширением .xls с помошью шорткода “Документ”, в начале загрузил документ на хостинг потом вставил url документа в соответсвующее поле шорткода, в результате на сайте отразился огромный непонятный код. Далее попробовал загрузить тот же файл документа через визуальный редактор, но вордпресс не принимает фал по соображениям безопасности. Как быть?
Здравствуйте. Да, WordPress не принимает XLS файлы. Знаю плагин Simple CSV/XLS Exporter, но он для экспорта. Переформатируйте файл в CSV, тогда WP примет его.
Кажется плагин изменился. Теперь там нет отдельной закладки CSS, пропали шпаргалки, примеры. Хотел поменять цвет и размер шрифта, и теперь ищу в поисках CSS как это сделать.
Да, плагин обновился. Стили можно изменить с помощью плагинов:
– SiteOrigin CSS
– Simple Custom CSS
Здравствуйте!
А как редактировать шорт коды? Вставить понятно, а как их после этого редактировать?
Добрый вечер. Лучше просто новый шорткод сделать и вставить. Так быстрее будет. В настройках плагина есть обозначения параметров для шорткодов, но это долго и муторно. Хотя, если есть желание.
Илья, добрый день! Спасибо, с помощью этого плагина многие задумки удается реализовать. Подскажите, пожалуйста, в чем может быть проблема – у меня не отображается вставленный шорткод в боковой панели и под заголовком. Видна только сама надпись “Шорткод”.
Здравствуйте. Через какой виджет шорткод добавляете?
Через виджет Шорткоды
Какой шорткод ставили, что должно отображаться?
Пробовала слайдер, карусель. Работает только при размещении на главной странице. А мне надо слайдер поставить под заголовком и карусель в сайдбаре
Илья, скажите, пожалуйста, можно ли с помощью этого плагина сделать контакты в футере с иконками? Или лучше какой-то специализированный использовать? Что-то похожее здесь есть в кнопках, но не совсем то, что нужно. У меня тема Storefront
Уже нашла на Вашем сайте Menu Icons. Спасибо – больше подходит
Да, плагин Menu Icons как раз самое то. С помощью шорткода тоже можно было сделать легко.
Илья, а с Шорткодами как? У меня фокус в том, что в футере меню уже не разместить – количество менюшек исчерпано. И выкладываю контакты, политику конфиденциальности через виджет текст.
Что значит количество менюшек исчерпано? Создайте новое. Разве есть ограничения? Есть виджет Шорткоды, туда добавляете шорткод любой функции и всё готово. Можно создавать функции прям из виджета. Есть функция Список, пробовали её?
Я опять все не так поняла. Спасибо, Илья. 3 ОБЛАСТИ для меню, а не 3 меню.
…И с шорткодами получилось, списки – то, что нужно! Спасибо-спасибо-спасибо :) Столько открытий, полезной иформации и все с Вашей помощью!
У меня иконки для списков накладываются на старые, как убрать старые?
Вы имеете ввиду списки в статье?