20 шорткодов и плагинов WordPress, которые вы возможно захотите попробовать


Оглавление (нажмите, чтобы открыть):

7 Основные советов по использованию шорткодов в WordPress

Что шорткоды в WordPress?

Любой контент добавленный на сайт в WordPress проходит через несколько проверок безопасности и фильтров. Эти проверки безопасности и фильтры необходимы, чтобы ни один вредоносный код не внедрился в посты, страницы, комментарии и т.д. Это означает, что вы не можете напрямую писать код в этих областях.

С другой стороны, иногда вам просто нужно добавить код в этих областях. Шорткоды обеспечивают способ сделать это.

Шорткоды делают проще добавление других элементов в посты WordPress. Например, вы можете добавить красивый адаптивный слайдер с помощью простого шорткода. Вы можете создать сложную форму отзывов в WordPress без написания единой строчки кода.

Сказав это, давайте взглянем на некоторые советы по использованию шорткодов в WordPress.

Совет 1. Знайте, когда не следует использовать шорткоды

Шорткоды велики, но с использованием шорткоды в каждом посте не отличная идея. Есть много тем WordPress, где с гордостью утверждают, что у них есть 200 + шорткодов.

Однако, если вы используете шорткод в каждом посте, то вы навсегда привязаны к конкретной теме , которая, обеспечивает шорткод.

Если вы используете шорткод в специфической теме для создания кнопок вызова к действию внутри ваших постов или страниц, то вы должны посмотреть на наш гид о том, как добавить кнопку с помощью CSS в WordPress без использования шорткодов.

Если вы используете шорткод в каждой теме, чтобы добавить один и тот же элемент, такой как рекламный баннер или текст подписи в конце вашего поста, то вы можете использовать плагин или нанять разработчика для кода, который непосредственно напишет в вашей теме.

Это позволит сделать его легче и легко можно удалить его, если вы решите сделать это.

Помните, что если вы используете шорткод в каждом посте, а потом захотите, удалить его, то вам придется редактировать все посты, чтобы удалить его вручную. Хотя есть и более простой способ, который мы покажем далее в этой статье.

Совет 2: Будущие ваши шорткоды

Шорткоды – это здорово, но если это предусмотрено в вашей теме, то вы можете подумать дважды о чрезмерно использовании его. Почему?

Потому что если вы измените вашу тему, то ваша следующая тема, скорее всего, не будет иметь тот же шорткод.

Лучший способ предотвратить это добавить ваш шорткод в специальный плагин на сайте.

Просто скопируйте и вставьте фрагмент шорткода из файла functions.php вашей темы, а затем вставьте его в свой специальный плагин.

Совет 3: Как искать шорткод в вашей теме WordPress

Для того, чтобы в будущем знать, какие шорткоды используются в вашей теме, вы должны знать, что как выглядит функция шорткод и как найти её в вашей теме.

Прежде всего, необходимо открыть папку вашей темы, которая обычно находится в /wp-content/themes/your-theme-name/.

Вы должны заглянуть внутрь файла functions.php или если тема имеет включает в себя папку, то и внутри её.

Откройте файлы и нажмите поиск термина add_shortcode.

Вот пример того, как фрагмент кода шорткода выглядит следующим образом:

Этот код создает шорткод ‘andreyex-shortcode’, который возвращает простое текстовое приветствие и может быть встроен в WordPress в посте или странице, примерно так:

Совет 4: Использование Шорткодов в виджетах

Часто пользователи думают, что шорткоды ограничены постами и страницами, но это не так. Вы можете использовать его в вашем тексте виджетов в WordPress.

Просто перетащите текстовый виджет на боковую панель и добавьте шорткод внутри него.

Помните, что эта функция не включена по умолчанию в WordPress. В случае, если вы не можете видеть ваш шорткод в виджете, то вам нужно добавить этот код в файл functions.php вашей темы или сайт-специфического плагина.

Совет 5. Добавьте шорткод в файлы темы

Если по какой-то причине, вы обнаружите необходимость вывода шорткода внутри не-виджета области вашей темы, то вы можете использовать ваши шорткоды там.

Давайте предположим , что вы создали собственный шаблон страницы, и вы хотите включить шорткод для отображения контактной формы. Просто добавьте ваш шорткод, как это:

Совет 6. Сокрытие неработающего шорткода

Часто пользователи меняют свои темы, не понимая, что их старые шорткоды не будут работать. Иногда они узнают после нескольких месяцев, когда пользователь посещает свой старый пост, чтобы найти странный текст там.

Ну, у вас есть два способа это исправить. Вы можете либо вручную пойти и удалить шорткод с каждого поста, или вы можете просто скрыть сломанный шорткод.

Все, что вам нужно сделать, это добавить следующий код в файл functions.php вашей темы или сайт-специфический плагин.

Этот код добавляет обратный вызов шорткода без выхода. Не забудьте заменить andreyex_ru_ shortcodetag с вашим именем шорткода.

Совет 7. Поиск шорткодов используемый в постах

В случае, если вы не хотите использовать хак в Совете 6, а скорее нужно убрать все шорткоды вручную, то первый шаг, это найти все посты, которые используют шорткод.

Вы можете использовать этот код в файле functions.php вашей темы или конкретного участка плагин, чтобы сделать тяжелую работу за вас.

Этот код просто создает шорткод под названием shortcode_andreyex_finder . Он выполняет запрос WordPress и показывает списки постов с указанным тегом шорткод.

Например, если вы хотите, чтобы найти все посты, содержащие шорткод [contact-form], то вы бы просто ввести [shortcodefinder find=’contact-form’] в WordPress странице и сохранить его. Теперь, если вы предварительно просмотрите страницу, то вы сможете увидеть все посты, содержащие шорткод.

Более подробные инструкции по оформлению заказа наше руководство о том, как найти и скрыть неиспользуемые шорткоды в WordPress.

Бонус Подсказка: Какие шорткоды я могу использовать прямо сейчас?

Часто пользователи не знают , какие шорткоды доступны для них. Ссылка шорткод плагин предоставляет список и подробные сведения о доступных шорткодах в вашем сайте на WordPress.

Мы надеемся, что эти советы помогли вам узнать, как использовать шорткоды и сделать большую часть из них в WordPress, как профи.

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Плагины для создания шорткодов в wordpress: на русском языке, с подробными инструкциями и примеры других инструментов

В статье рассмотрим шорткоды плагин wordpress, которые создают быстрый вывод функционала с помощью коротких фраз заключённых в квадратные скобки. Метод используется широко для показа на экран рекламных блоков, спойлеров, стандартных текстов, применений множество.

Shortcodes Ultimate на русском языке

Продвинутый плагин Shortcodes Ultimate вобрал самые лучшие возможности у конкурентов, а русская версия добавляет удобства, плюс для пользователей. Вот примерный список достоинств:

  • Около 50 видов активных шорткодов
  • Быстрая вставка
  • Адаптивность
  • Заявлена совместимость со всеми темами и плагинами wordpress
  • Лёгкий код для доработки
  • Поддержка guttenberg
  • Имеет собственный виджет

Обзор настроек

Разберём как пользоваться данным wordpress плагином. Устанавливаем стандартно через поиск из панели, или скачиваем с этой страницы. Активируем и переходим в новый раздел “Шорткоды”. В пункте настроек, есть два важных момента:

Shortcodes Ultimate обзор настроек

  • Свой CSS код, не вставляйте стили в шаблон, если захотите изменить внешний вид стандартных блоков
  • Префикс, отличительная приставка, чтобы шорткоды не спорили с другими плагинами, можете изменить на своё значение

Если необходимо вывести JavaScript или обширный HTML, без всякого оформления, как он есть, то рекомендую воспользоваться другим вариантом под названием shortcoder, описанным ниже.

Доступные shortcod

Следующий раздел доступных вариантов шорткодов, их много, пожалуй самая большая коллекция. Зайдя и выбрав один из вариантов (я взял “вкладки”), увидим подробную справку как пользоваться и настроить.

доступные варианты шорткодов к использованию

Понравилась структура построения раздела, сначала предварительный просмотр, потом пример кода, а после доступные параметры и операторы из которых состоит весь блок, очень удобно если забыли как изменить внешний вид или добавить атрибуты.

Работа в записях и страницах wordpress

Для добавления быстрых кодов в запись или страницу, переходим в редактирование и вверху над панелью появиться кнопка с символом [ ]. Нажимая на неё, откроется список элементов, выбираем необходимый и в следующем окне настраиваем отображение.

В параметрах внешнего вида есть ссылка “больше стилей”, это переход на официальный сайт разработчиков, с предложением купить расширение стандартного функционала. Но если вы имеете базовые знания CSS то они не нужны.

Вставка в виджетах

Данный плагин wordpress умеет работать с виджетами, создавая собственный в панели “внешний вид”. Заходим и спускаемся вниз, находим одноимённый виджет и перетаскиваем к активным. Таким же методом настраиваем и сохраняем.

Отмечу простоту использования, продуманность зашкаливает. Если не жалко 30$ и желаете расширить плагин до премиум версии, то покупка себя оправдает.

Если рассказал не понятно то прошу просмотреть видео.

Остальные плагины вордпресс для создания шорткодов

Остальные плагины вордпресс уступают первому в удобстве, много вещей, которые можно перенести или упростить:

  1. fruitful-shortcodes — имеет скудный функционал, 8 против 50 прошлого претендента. Не переведён на русский язык и запутан. Но плюс в том что все кнопки появляются прямо в редакторе, для меня удобно, но стальным покажется загромождённая панель, что затруднит написание статей. Отмечу красоту и множество форм вывода и дизайна, что в большинстве доступно только платным инструментам.
  2. shortcoder — работает по другому принципу, администратор сначала задает в плагине что выводить на экран (текст, фрейм, картинки и т.д.), а потом уже shortcoder генерирует короткий код, а не как остальные большие куски. Например хотите вывести рекламу от РСЯ, остальные плагины не подойдут, в них нет смысла, а если применить этот инструмент, то один раз забили код от РСЯ и дальше его выводите короткой фразой [reklama-rsa].
  3. accordion-shortcodes — очень компактный и направленный на одну функцию, создавать открывающиеся меню (аккордеоны), посредством шорткодов в любом месте страницы и сайта.

В записи полностью разобрали один плагин по выводу шорткодов в wordpress, так же привёл топ остальных возможностей, и дал отличные рекомендации по работе.

Популярные плагины шорткодов в WordPress

Использование шорткодов в вордпресс позволяет создавать в текстовом редакторе оригинальное «сложное» оформление для контента без HTML или специальных знаний. Вы сможете добавлять кнопки, табы, слайдеры типа «аккордеон», разбивать тексты на колонки или выделять их определенным цветом, вставлять красивые списки или отзывы из плагинов, таблицы с ценами, галереи/видео и т.д. и т.п. Шорткоды помогут сделать ваш сайт более функциональным, а контент — выразительным и эффективным. Данное решение подходит для многих задач и весьма полезно в работе.

Вопрос подключения шорткодов в вордпресс имеет определенные нюансы, о которых я расскажу в отдельной статье. Сегодня же предлагаю ознакомиться с соответствующими плагинами — это самый простой способ получить уже готовый набор функций без каких-либо дополнительных настроек. В данной заметке рассмотрим наиболее популярные модули. По аналогии с обзором сервиса RankWP (лучших WP плагинов) расположу выбранные плагины шорткодов в виде рейтинга. Критерием отбора будет оценка пользователей и число скачиваний.

WP Shortcode by MyThemeShop

70000+ загрузок, оценка — 5.

WP Shortcode — это бесплатный плагин шорткодов, что раньше распространялся как премиум решение. Он содержит 24 разных элемента для работы: кнопки, табы, блоки, таблицы цен, разделители, карты и многое другое. После установки в текстовом редакторе появится иконка «+», кликая на которую сможете использовать нужный шорткод. В зависимости от выбора во всплывающем окне будут определенные настройки. Например, для кнопки можете установить ссылку, текст и некоторые другие опции:

После вставки элемента в редакторе увидите похожий код:

[button-green url=»http://typo3ua.com» target=»_self» position=»left»]Ссылка на сайт[/button-green]

Здесь определяется тип элемента и некоторые его настройки. Теоретически вы можете вставлять шорткоды и без кнопки панели управления, если знаете их названия и параметры. В целом, использовать плагин достаточно просто.

Shortcodes Ultimate

Более 400тыс. загрузок, оценка 4.8.

Это самый популярный shortcode wordpress плагин, его можно встретить в каждой подборке соответствующих решений. В принципе, Shortcodes Ultimate можно было заслужено размещать на первом месте, т.к. свою оценку 4.8 он получил от более чем 2500 пользователей. Данный модуль также был премиум решением, но сейчас доступен для всех (хотя есть платные дополнительные аддоны).

Основные фишки Shortcodes Ultimate для WordPress:

  • более 50-ти классных элементов;
  • генератор шорткодов;
  • современный дизайн;
  • поддержка адаптивности (для мобильных решений);
  • работа на CSS3 + редактор стилей CSS;
  • пользовательский виджет;
  • поддержка мультиязычности;
  • легко расширяем и работает с любым шаблоном.

Вот небольшое видео о плагине для ознакомления.

По первому впечатлению, Shortcodes Ultimate — один из самых крутых плагинов шорткодов в WordPress. Особенно понравились разные оригинальные оформления кнопок (с эффектами, а не просто цветом). Также здесь есть слайдеры для галереи. Обязательно потестирую его на парочке своих сайтов.

Fruitful Shortcodes

20тыс+ загрузок, оценка — 4.8.

Модуль Fruitful Shortcodes визуально достаточно простой. Оценило его не так много человек, а последнее обновление было чуть менее года назад. Однако здесь есть все классические вордпресс шорткоды: горизонтальные и вертикальные табы, колонки, разделители и т.п. Понравилось, что в настройках можно включить/выключить их для постов/страниц. Соответствующие элементы оформления появляются в графическом редакторе (см. картинку иллюстрацию к плагину).

Shortcoder

10тыс скачивания, оценка — 4.7.

Данное решение также достаточно часто можно встретить в разных подборках, хотя меня немного смущает его последнее обновление 2 года назад и поддержка версии до 3.9.9. Тем не менее, умолчать о модуле Shortcoder я просто не мог — он позволяет создавать собственные шорткоды с использованием HTML, Javascript кодов! Самый простой пример — размещение рекламы Google Adsense в тексте. Для этого создаете новый шорткод adsenseAd, куда добавляете код рекламного блока, а потом в статье вызываете его командой [sc:adsenseAd].

Вторая интересная фишка — передача параметров в шоркод и возможность их задания через текстовый редактор. Проще понять как это все работает можно по следующему видео.

Итого получаете гибкий инструмент для оформления контента на сайте. В отличии от других решений здесь нет базовых шорткодов, но вы сможете создавать собственные элементы. Интересный плагин!

Easy Bootstrap Shortcode

Скачиваний 40000+, оценка 4.6.

Модуль Easy Bootstrap Shortcode позволяет добавить Bootstrap’овские стили оформления для вашего сайта. Если верить разработчикам, это самый простой и доступный Bootstrap плагин в wordpress. Для удобной работы в панели текстового редактора появляются соответствующие иконки, вам нет необходимости копировать и вставлять код вручную. Модуль поддерживает шрифты с иконками Font Awesome и Glyphicons Icon Fonts. Есть возможность добавлять свои стили и много других фишек.

Учитывая то, что Bootstrap в первую очередь это инструмент для работы с сеткой сайта, в плагине Easy Bootstrap Shortcode также много настроек для колонок: имеется не просто разбиение на 2,3 блока, а и возможность задавать им размеры и отступы. И это все с поддержкой адаптивной верстки. Что касается обычных шорткодов вордпресс, то их более чем достаточно: табы, списки, кнопки, метки, кнопки, бейджи, слайдеры и т.п.

WP Canvas — Shortcodes

20тыс загрузок, средний балл — 4.6.

Модуль WP Canvas — Shortcodes содержит набор самых популярных шорткодов для рассширения функциональности вашего проекта. Все элементы более-менее обычные, из оригинальных можно назвать: рамки, картинки с надписями, прогресс бары с эффектами, элементы обратного отсчета, блок добавления отзывов на сайте и т.п. Есть поддержка пользовательских стилей, HTML кода, Font Awesome шрифтов. Можно отображать на странице выборку постов блога (по категории, с навигацией, из портфолио). Не смотря на то, что описания на сайте немного, плагин выглядит вполне функциональным и при этом простым.

Мастер Йода рекомендует:  Ещё 10 идей для начинающих программистов по созданию игры-клона

Arconix Shortcodes

8000+ установок, 4.6 баллов.

  • 6 разновидностей шорткодов: блоки, табы, кнопки, слайдер аккордеон и т.п.;
  • 6 уникальных решений: форма логина, подсветка и т.п.;
  • разбиение на колонки (до 5-ти);
  • поддержка FontAwesome для списков, табов и других элементов;
  • поддержка адаптивности дизайана.

Simple Shortcodes

9тыс+ скачиваний, средний балл — 4.4.

Simple Shortcodes — один из самых простых плагинов шорткодов wordpress, который также частенько попадает в разные обзоры и подборки. После его установки в панели управления текстового редактор появится кнопка выбора разных элементов.

Здесь присутствуют все классические элементы — от табов, раскрывающихся списков до кнопок и разного рода уведомлений.

Итого. Если вы ищете максимально простой shortcode wordpress плагин, то последние два варианта (Arconix Shortcodes, Simple Shortcodes) вам вполне подойдут. Хотите создавать свои уникальные шорткоды с параметрами? — посмотрите детальнее модуль Shortcoder. Самые функциональные решения — Shortcodes Ultimate и Easy Bootstrap Shortcode. Но из этих двух первый, мне кажется, все равно получше будет. Я бы начал именно с него.

А какой плагин шорткодов в вордпресс вы используете?

Добавляем шорткоды в WordPress. 4 лучших плагина.

Добрый день, дорогие читатели моего блога!
Сегодня я хочу затронуть такую интересную тему, как плагин для шорткодов WordPress. Что такое шорткоды WordPress, зачем они нужны и какой плагин лучше всего подойдёт для их создания?

Навигация по статье:

Что такое шорткод?

В переводе с английского «шорткод» (shortcode) можно перевести, как короткий код. При помощи коротких кодов можно создавать галереи с изображениями, слайдеры, статьи с формой подписки и многое другое, что привлекает внимание пользователей. Для работы с нимн можно воспользоваться специальными плагинами, о которых я сегодня расскажу.

Shortcodes Ultimate

Если вы ищите плагин для работы с шорткодами на WordPress на русском, тогда этот вариант станет для вас идеальным. Shortcodes Ultimate – это самый популярный плагин в репозитории WordPress. Его скачали более 780 тысяч раз. В наличии более 50 шорткодов, здесь есть много интересного, начиная от кнопок и заканчивая каруселями изображений.
Более того, работать с плагином очень удобно, все лаконично структурировано и красиво оформлено. Вся документация программы есть и на русском языке, что не может не радовать. Добавляются шорткоды при помощи простой кнопки «Вставить шорткод», которая появляется на странице редактирования записей и страниц после установки плагина.

Основные возможности плагина:

  1. 1. Установка аудио в самовоспроизводящемся режиме.
  2. 2. Наличие слайдеров и каруселей.
  3. 3. Возможность установки формы подписки.
  4. 4. Возможность выделения текста разными цветами и выделение заголовка.
  5. 5. Создание галереи изображений.
  6. 6. Возможность установки кнопок в любом месте страницы.

WordPress ShortCodes

WordPress ShortCodes немного отстает от своего конкурента по скачиванию, а все по тому, что количество функций заметно меньше. Благодаря этому плагину можно добавлять разные кнопки, закладки, списки, ссылки и многое другое. Также есть возможность использования пользовательских настроек CSS.

ShortCoder

Если вы хотите создавать свои собственные шорткоды при помощи плагина на WordPress, не выбирать из списка готовых, а именно создавать свои. Тогда вам подойдёт плагин ShortCoder, который позволяет легко это сделать, а потом использовать созданные шорткоды на страницах и в записях.
Создавать собственные шорткоды – это очень практично, особенно, если вы часто размещаете рекламу на сайте.

ShortCoder – это очень удобный в использовании плагин с простым интерфейсом и функционалом, который решает все самые распространённые проблемы пользователей.
Для создания шорткода нам нужно:

    1. После установки плагина заходим «Настройки» => «ShortCoder».

Easy Bootstrap Shortcode

Easy Bootstrap Shortcode – это популярный плагин, с набором шорткодов, которые позволяют добавить на сайт следующие элементы:

  1. 1. списки
  2. 2. отдельные кнопки и группы кнопок
  3. 3. индикаторы загрузки
  4. 4. ползунки или слайдеры
  5. 5. вкладки (табы)
  6. 6. блоки описания и многое другое.

Особенностью плагина является возможность использования огромного количества иконок. Более того, поместить их можно практически куда угодно (на кнопки, в заголовки, в определенные области и т.д.). Также, вы можете менять цвет этих иконок.
Все плагины из моего списка можно скачать из репозитория wordpress они не требуют множества настроек и работают эффективно.
Спасибо, что прочитали мою статью. Надеюсь, что она была полезной для вас! Если это так, делитесь ею с друзьями в социальных сетях и подписывайтесь на мой блог. Готовлю для вас новую интересную тему!

На этом на сегодня всё. Пойду парить ноги малому. Он у меня опять из садика какую-то инфекцию принёс. Народ, есть у кого-нибудь дети, которые ходят в садик и не болеют каждый месяц или через месяц? Это какая-то катастрофа! Если у вас есть дети и вы знаете как бороться с частыми болезнями – буду ОЧЕНЬ признательна если вы поделитесь этим секретом в комментариях 🙂

Желаю вам хорошего настроения! До встречи в следующих статьях!

20 бесплатных виджетов WordPress, которые вам точно необходимы!

Виджеты WordPress могут существенно расширить функционал вашего сайта. Но виджеты поставляются только в составе плагинов, так что вам придется установить сперва некоторые из них. Лучшие WordPress плагины можно найти на официальном сайте WordPress.org, где представлены тысячи бесплатных расширений.

Как добавить виджеты для WordPress на свой сайт?

Это довольно легко. После того, как вы установили плагин, перейдите в панель инструментов, которую имеют все шаблоны WordPress, далее Внешний вид -> Виджеты и просто перетащить виджет в виджет-зону по вашему выбору.

Каждый шаблон имеет разное количество виджетов и область для них. Изначально, они должны быть размещены на боковой панели. Но в большинстве современных тем, таких как Monstroid 2, есть дополнительные зоны, которые можно использовать, чтоб упорядочить свои виджеты более творческим образом.

Сегодня мы рассмотрим наиболее популярные плагины для WordPress с виджетами, актуальными для использования на вашем сайте в 2020 году.

Разработчик: Black Studio

Плагин TinyMCE от Black Studio — это совершенно бесплатное расширение для WordPress, которое позволит вам публиковать отформатированный контент в свои виджет области. Его интерфейс точно такой же, как в редакторе WordPress пост, так что вы можете добавлять заголовки, изображения, изменять цвет текста и т. д.

TM YouTube Subscribe

Имеете YouTube канал и хотите его продвигать? Этот простой, но мощный плагин позволит получать YouTube подписчиков прямо на вашей веб-странице. Просто настройте плагин и добавьте виджет WordPress в область виджетов по вашему выбору.

TM WooCommerce Package

Разработчик: JetImpex

TM WooCommerce Package представляет собой набор из 5 виджетов, предназначенных для расширения функциональности вашего интернет-магазина и повышения его эффективности. Он полностью совместим с последними версиями WordPress и WooCommerce.

Важно! Потребуется установить WooCommerce шаблон на ваш веб-сайт.

Contact Widgets

Разработчик: GoDaddy

Хотите предоставить своим посетителям всю контактную информацию, не отправляя их на страницу «Связаться с нами»? Тогда этот виджет WordPress, разработанный GoDaddy, — это именно то, что вам нужно. Этот полезный виджет для сайта, позволяет размещать ваши контактные данные, включая адрес электронной почты, номер телефона, факс и физический адрес (он также поддерживает Карты Google) в любом месте сайта.


WordPress Popular Posts

Если вы хотите создать еще больше шумихи вокруг своих постов в блоге, подумайте об использовании этого виджета. Вы можете одновременно использовать несколько виджетов Popular Posts; фильтровать сообщения по временному диапазону, отображать миниатюры постов и даже создавать собственные макеты. Плагин совместим с WPML и предоставляет многоуровневую техподдержку.

WP Instagram Widget

Разработчик: Scott Evans

Невозможно продвинуть современный бизнес в Интернете без использования социальных сетей, таких как Twitter и Instagram. Последний может быть легко интегрирован с вашим веб-сайтом WordPress с помощью этого бесплатного виджета. Виджет по умолчанию не стилизован, поэтому его можно легко включить в свою тему с помощью собственного CSS.

PayPal Donations

Принимать пожертвования еще никогда не было так просто для некоммерческих (и для коммерческих) организаций! С помощью PayPal Donations (или короткого кода) вы сможете разместить на своей странице оптимизированную для преобразования кнопку. Плагин переведен на 15 языков, включая русский, итальянский, испанский, французский и немецкий.

Youtube Channel Gallery

Отобразите видео с вашего канала YouTube на своем веб-сайте, используя лучший плагин для WordPress. Он поставляется с большим количеством опций, которые позволят изменять его внешний вид и функциональность.

Важно! Необходимо вставить ваш ключ API на YouTube для того, чтоб использовать плагин.

Social Count Plus

Social Count Plus — это продвинутый бесплатный плагин WordPress, который добавляет счетчик подписчиков в реальном времени, не только для наиболее популярных социальных сетей (Facebook, Twitter, LinkedIn и Pinterest), но также и для Reddit, сообщества Steam, SoundCloud, Vimeo и Twitch.

Кроме этого, данный WordPress виджет будет отображать количество комментариев и общее число пользователей. На сайте вы можете представить свою статистику с помощью функций Widget, Shortcodes или PHP.

Rotating Tweets (Twitter widget and shortcode)

Разработчик: Martin Tod

Rotating Tweets — еще один полезный плагин WordPress для маркетинга в социальных сетях. Он добавляет виджет WordPress, в котором будут отображаться ваши последние твиты на боковой панели или в других виджетах (также может использоваться шорткод). Он полностью настраивается (вы решаете, чьи твиты показывать, сколько показывать, включать ли ретвиты и ответы, а также показывать ли кнопку «Подписаться») и будет функционировать, даже если сам Twitter не работает. Плагин также поддерживает новый, более длинный формат твита.

WordPress Ad Widget

Монетизируйте свой веб-сайт WordPress с помощью BuySellAds, AdSense или любой другой рекламной сети, установив лучший плагин для WordPress AdPad. С его помощью вы можете добавить любое количество баннеров в области виджетов веб-страницы. Плагин представляет два типа виджетов: HTML / JavaScript Ad (для AdSense и т.д.) и Image/Banner Ad (для прямой рекламы). Они очень просты в управлении, поэтому установить и настроить их будет легко.

Ultimate Tag Cloud Widget

Ultimate Tag Cloud Widget — настраиваемый бесплатный плагин WordPress. Как следует из его названия, он генерирует облако тегов, которое может отображать все теги, теги с одним автором и теги с несколькими авторами. Хотя плагин не обновлялся в течение 2 лет, он совместим с последними версиями WordPress.

Recent Posts Widget Extended

Разработчик: Satrya

Этот бесплатный WordPress плагин, позволит вам вывести виджет с последними постами на любую страницу вашего сайта. Он предлагает множество опций, включая возможность выводить посты из определенной категории. В настоящее время, этот плагин поддерживает английский, французский, бразильский и португальский языки, но вы можете перевести его с помощью исходного кода на GitHub.

YITH WooCommerce Ajax Product Filter

YITH WooCommerce Ajax Product Filter — обязательный бесплатный плагин WordPress для любого владельца магазина WooCommerce. Он помогает сделать процесс поиска необходимых товаров или услуг более удобным для ваших клиентов, тем самым повышая их лояльность и коэффициент конверсии.

Instagram Slider Widget

Разработчик: jetonr

Instagram Slider Widget — это полезный виджет для сайта, который отображает 12 последних изображений из учетной записи Instagram или 18 изображений из хэштега. API не требуется, но учетная запись должна быть общедоступной, чтоб отображать посты. Доступны различные параметры сортировки (по популярности, дате или произвольно).

Category Posts Widget

Этот плагин предоставляет виджет WordPress, отображающий последние посты из выбранной категории. Плагин также включает в себя шорткоды, что позволяет вставлять списки последних постов в вашем блоге и на страницах.

NewStatPress

NewStatPress — плагин для аналитики WordPress, который позволяет собирать информацию о посетителях, ключевых словах поиска и многом другом без ссылки на Google Analytics. Используйте его, если вам нужен мощный собственный инструмент для анализа поведения ваших посетителей. Вы также можете добавить виджет боковой панели и отобразить статистику в интерфейсе вашего веб-сайта.

Social Icons Widget by WPZOOM

Social Icons Widget — еще один важный плагин WordPress для поклонников социальных сетей. Он содержит 4 набора значков, предназначенных для 80+ соцсетей, включая такие экзотические веб-сайты, как 500px, DeviantArt и StackOverflow, а также множество дополнительных иконок. Он также поддерживает адреса электронной почты, номера телефонов, Skype и Viber.

Meks Smart Author Widget

Разработчик: Meks

Meks Smart Author Widget предоставляет вам виджет для отображения информации об авторах постов в вашем блоге. Он автоматически определяет автора каждого сообщения, и вы можете изменить размер аватара и добавить ссылку на архив постов данного автора.

T(-) Countdown

Этот плагин WordPress добавляет динамический обратный отсчет в область виджетов по вашему выбору. Обратный отсчет сделан в HTML5, поэтому он будет отображаться даже на мобильных устройствах, которые не поддерживают Flash. Он имеет множество вариантов внешнего вида и отлично впишется в стиль вашей темы.

Заключение

Мы представили вам обзор лучших бесплатных виджетов WordPress, актуальных для использования в 2020 году. Если вам нужно больше информации о доступных плагинах и виджетах, то читайте полезные посты в нашем блоге:

Теперь подумайте, сколько времени и сил вам понадобится, если все это делать самим, своими руками? Команда TemplateMonster делает все возможное, чтоб превратить вашу рутину в сплошное удовольствие и предлагает самые лучшие WordPress шаблоны для создания не только современного, но и функционального ресурса!

Как вставить шорткод в шаблон WordPress

Шорткод – что это?

Его можно охарактеризовать следующим образом – короткий код для внедрения какой-либо функции в выбранном месте сайта. Состоит из легко запоминающегося текста. Он скрывает отображение длинного кода, записанного в PHP-файле, что упрощает работу для новичков и малоопытных вебмастеров. Для профессионалов shortcode позволяют экономить время на заранее разработанных функциях.

С их помощью можно выводить текст, оформлять контент, добавлять видео, слайды, изображения, графики и другие элементы. Такие плагины, как Nextgen Gallery, Visual Composer, Contact Form 7 используют шорткоды для размещения блоков и контента.

Регистрируется несколькими способами:

  • создание функции в WordPress и определение шорткода для нее в functons.php;
  • применение специального плагина;
  • регистрация shortcode без использования расширений.

Известно, что большое количество дополнительных модулей и приложений подтормаживает работу ресурса, поэтому рассмотрим наиболее оптимизированный вариант. Следует зайти в functions.php, находящийся в корневой папке текущей темы и открыть его через текстовый редактор Notepad++. После чего можно вставить шорткод в тему Вордпресс. Регистрация осуществляется следующим образом:

  • add_shortcode – регистрация шорткода в ВордПресс;
  • shortcode – название (используется для выведения последующей функции на сайте);
  • function_name – название регистрируемой функции.

На примере видно, как можно организовать регистрацию рекламного блока AdSense:

add_shortcode() WP 2.5

Добавляет новый шоткод и хук для него.

Для каждого шоткода может быть создана только одна функция обработчик. А значит, если другой плагин использует такой же шоткод, то ваша функция будет заменена на другую или наоборот (зависит от того в каком порядке подключаются функции).

Если у шоткода есть атрибуты, то они преобразовываются в нижний регистр, перед тем как, передаются в функцию. Значения не затрагиваются.

Результат, который возвращает функция (обработчик шоткода) всегда должен возвращаться, а не выводиться на экран.

Шоткоды — это конструкция вида: [somename] или [somename ] или [somename]текст[/somename] в тексте, которые будут заменены другим текстом созданным функцией-хуком отвечающим за шоткод.

Видео о шорткодах в WordPress:

Возвращает

Ничего не возвращает.

Использование

Название шоткода, который будет использоваться в тексте. Например: ‘gallery’.

В названии нельзя использовать пробелы и нестандартные символы вроде: & / [ ] = .
По умолчанию: нет

Название функции, которая должна сработать, если найден шоткод.

Функция получает 3 параметра, каждый из них может быть передан, а может нет:

$atts (массив)
Ассоциативный массив атрибутов указанных в шорткоде.
По умолчанию: » (пустая строка — нет атрибутов)

$content (строка)
Текст шорткода, когда используется закрывающая конструкция шорткода: [foo]текст шорткода[/foo]
По умолчанию: »

  • $tag(строка)
    Тег шорткода. Может пригодится для передачи в доп. функции. Пр: если шорткод — [foo] , то тег будет — foo .
    По умолчанию: текущий тег
  • По умолчанию: нет

    Примеры

    #1. Пример регистрации шоткода [footag foo=»bar»] :

    #1.2. Установка белого списка атрибутов шорткода

    Для того чтобы шорткод мог иметь только указанные нами параметры и у этих параметров были значения по умолчанию, нужно использовать функцию shortcode_atts():

    #2. Регистрация шорткода с контентом

    Пример создания такого шоткода: [baztag]здесь текст[/baztag] :

    #3. Регистрация шоткода для классов

    Если ваш плагин написан классом:

    #4 Вставка iframe через шорткод

    Этот пример показывает как создать шорткод, чтобы потом через него вставлять iframe.

    10 практичных WordPress шорткодов

    Показать скриншот любого сайта

    Вы хотите сделать скриншот какого-либо сайта и показать его у себя на сайте? Этот классный шорткод поможет Вам в этом. Скопируйте этот код в файл functions.php:

    На этом всё. Теперь чтобы посмотреть скриншот хабра, добавьте пост со следующим содержанием:

    Мастер Йода рекомендует:  70% брендов не отвечают на твиты пользователей

    Добавить ссылку для пожертвований Paypal

    Многие блоггеры размещают подобную ссылку на своем блоге и просят читателей помочь им материально. Если все же PayPal включит для России приём денег, можно добавить этот шортик к себе в functions.php:

    И в нужном месте

    Приведение email-адреса к кликабельному виду

    Любой блог на WordPress конечно же связан со спамом. Если Вы показываете на своём сайте email-адреса пользователей или же свою любимую почту, то можете немного усложнить жизнь спамерам в сборе почты. Просто добавить этот код в functions.php:

    И можете не беспокоиться о своём мыле в базах африканских миллиардеров, которые завещали Вам все, что у них есть. Просто оберните мыло в теги

    Создание приватного контента

    Всегда хочется, чтобы не копипастили контент с сайта. Можно сделать показ определенного контента только зарегистрированным. Добавляем это в functions.php:

    И оборачиваем контент в теги

    Показ PDF в фрейме

    Есть хороший способ, чтобы показать содержание pdf-файла на сайте. На помощь приходит Google docs. Добавляем новую функцию в functions.php:

    И в контенте для вставки pdf используем данный тег:

    “Feed only” контент

    Данный шортик позволяет показывать определённый контент только RSS-подписчикам. И опять же добавляем функцию в functions.php:

    И оборачиваем контент, хоторый хотим показать подписчикам в теги

    Ссылка “Retweet”

    Многие знают, что твиттер – это генератор трафика для блога. А ретвиты еще больше увеличивают трафик на сайт.

    И в нужном месте

    Показ прикрепленных изображений к посту

    Данный шорт может показывать последнее изображение, прикрепленное к посту. Добавим этот шортик в functions.php:

    И в посте добавим тег

    Видео с Youtube

    Если Вы хотите запостить видео с Youtube на своём блоге, то добавим функцию в functions.php:

    И в посте можно использовать тег

    Показ RSS ленты

    И на последок, можно показать произольную RSS-ленту в посте с помощью функции

    Нужные плагины WordPress

    Самые нужные плагины для WordPress.

    Всем читателям салют! На самом старте этого блога, я писал статью про самые нужные плагины для WP. Но это было год назад и многое в развитии этого движка поменялось. Соответственно, поменялись и обязательные плагины. И именно о них, пойдет речь в этой статье. Я собрал список самых необходимых из множества мною проверенных, чтобы вы не тратили времени на поиски их по отдельности.

    Стоит заметить, что не только новые плагины с подвигли меня переписать статью, а так же то, что за этот год я узнал не мало информации по этой теме. И с учетом этой информации, пришло некое осознание, что некоторые ошибки с которыми я так усердно боролся, не имеют никакого отношения к продвижению блога. Возможно это покажется вам запутанным, но кажется так только тогда, когда ещё не совсем понимаешь что такое seo или оптимизация в действительности.

    И чтобы понять, какие плагины вам нужно устанавливать, прочитайте эту статью целиком. Только тогда у вас появиться правильное понимание в необходимости и нужном их количестве. Чтобы иметь результат, нужно понимать для чего они и как ими пользоваться.

    Зачем нужны плагины для ВордПресс?

    Чтобы конкретно понять какие плагины нужны, требуется понять для чего они нужны сайту. А для этого, надо логически понимать, что делает каждый из них и не создавать «масло-масленное» (как это происходит зачастую у новичков). Не смотря на то, что в сети куча предостережений по поводу того, что большое количество плагинов тормозят сайт, большинство новичков всё равно пихают в него всё что попадется. В итоге, блог на сотых страницах и посетителей ноль. Или же обратный эффект, начитались что плагины тормозят и не устанавливают даже нужных. Как вы успели догадаться, исход тот же.

    Плагины созданы для того, чтобы расширить функциональность сайта или же исправить какие-то технические или визуальные ошибки. Поэтому пред установкой каждого плагина, вы должны четко понимать, зачем он нужен и что делает. SEO довольно противоречивая штука, исправляете одно, нарушаете другое. Поэтому нужно четко осознавать что окажется лучше – эта маленькая ошибка или громадный плагин для её устранения? Именно от этого я и хочу вас предостеречь, от бесполезных плагинов на борту.

    Сколько плагинов рекомендуется иметь на борту WordPress?

    На самом деле это довольно острый вопрос, ответ на который вы можете не получить никогда! Дело в том, что у каждого веб-мастера на этот счет будет свое мнение. И каждое мнение будет прикреплено довольно реальными аргументами. Поэтому количество плагинов нужно рассчитывать по многим факторам, от «веса» вашего шаблона, до «веса» самих плагинов. Понятное дело, между 20 плагинами которые выполняют только одну какую-то функцию и 20 плагинами-комбайнами – огромная разница.

    На вскидку, я придерживаюсь на этом блоге 25 штук. То есть, на борту этого блога установлено и активировано 25 плагинов, каждый из которых не повторяет функционал своих соседей. И каждый из них выполняет огромную роль в оптимизации и модернизации блога.

    А теперь перейдем непосредственно к самому списку необходимых плагинов.

    Плагин для оптимизации кода Clearfy.

    Этот плагин, прям клад для тех, кто не умеет оптимизировать код вручную или же просто не хотят этим заниматься. Раньше, я делал это вручную, но с появлением плагина Clearfy я перестал этим заниматься. Как правильно его настроить можете прочитать статью на этом блоге – Плагин оптимизации Clearfy.

    Плагин Clearfy Pro от Wpshop

    Кстати, на рынке существует очень похожий плагин от разработчика WpShop. На данный момент я пользуюсь именно им. Почему я выбрал платную версию, вы можете узнать в статье – Webcraftic VS WPShop.

    Лично я пользуюсь платной версией, но на начальном этапе для теста, я рекомендую использовать бесплатный плагин. Его вам хватит с лихвой. Кстати, если хотите получить платный плагин бесплатно, читайте статью настройка плагина Clearfy Pro. Краткий список бесплатных функций Webcraftic:

    • Оптимизация html кода страницы. Удаляет лишние пробелы и комментарии в коде, тем самым, увеличивает скорость загрузки.
    • Удаляет ненужные ссылки и теги из кода. Так же подключение не нужных скриптов и стилей. Подключение старых иконок и так далее.
    • Оптимизирует картинки в автоматическом режиме. Можно оптимизировать как при загрузке картинок на сайт, так и по отдельности каждое изображение из библиотеки.
    • Исправляет несколько ошибок которые создает плагин Yoast SEO о котором поговорим ниже.
    • И куча других полезных функций. В общем, советую почитать мою статью про этот плагин, ссылка чуть выше.

    Плагин для оптимизации Yoast SEO.

    Второй плагин который я рекомендую устанавливать на каждом новом сайте или блоге – это Yoast Seo. В базовой версии WordPress’а нет возможности установить нужные для сео метатеги title и description. Этот плагин решает проблему, плюс дополняет очень нужными фишками в виде микроразметок для соцсетей и других плюшек. Вот не полный список полезных функций:

    • Добавляет метатеги title и description.
    • Микроразметки для Facebook и Twitter.
    • Хлебные крошки.
    • Карта сайта для поисковиков.
    • Сео анализ статей.
    • Редактор файлов robots.txt и .htaccess.
    • Настройка сниппетов и многое другое.

    Подробную статью о плагине Йоаст СЕО, я уже писал на этом блоге. Советую с ней ознакомиться – Правильная настройка Yoast SEO. В статье есть подробная пошаговая инструкция и несколько личных лайфхаков для некоторых функций.

    Плагин кэширования WP Fastest Cache.

    До недавнего времени, я вообще не пользовался плагинами кэширования, потому-то не замечал пользы от них. Пока не задался вопросом, почему все опытные веб-мастера как один рекомендуют их устанавливать. Итак, перепробовал я практически все бесплатные плагины кэширования. И как вы уже догадались, лучшим оказался совсем не самый популярный.

    Я в начале вскользь упомянул, что при выборе плагинов нужно понимать для чего он и разделять его пользу и вред. Так вот, самый популярный плагин в репозитории ВордПресса для кэширования WP Super Cache. О нем каждый третий блогер пишет, но на самом деле, он больше «колечит» чем «лечит».

    Дело в том, что этот плагин очень грузит сервер. То есть, сокращает время загрузки страниц, но в то же время грузит сервер. И при большой посещаемости, сервер может просто рухнуть в самый не подходящий момент. Или же вам напишет хостер и попросит повысить тариф хостинга, потому что вы начали превышать установленные лимиты для вашего тарифа. И так до бесконечности. Поэтому я выбрал самый продуктивный из всех WP Fastest Cache. Он разогнал мой блог с 1300 милисекунд до 130 милисекунд при первом посещении и до 60 милисекунд при повторном. (Это не скорость загрузки страниц, а время ответа сервера, не путайте). Просто потрясающие результаты, не так ли? О настройке этого плагина я писал в статье Внутренняя оптимизация ВордПресс на пальцах.

    Плагин для внешних ссылок Nofollow for external link.

    Многие сео мастера с опытом, говорят что открытые внешние ссылки могут серьезно навредить продвижению сайта. Объясняется это тем, что поисковые системы стали наказывать сайты которые открытым способом ссылаются на множество других сайтов. Случилось это тогда, когда был большой бум по продаже ссылок на соответствующих биржах. Мастера доигрались до того, что поисковики начали банить всех таких участников. Хотя несколько ссылок могут и не навредить продвижению вашего сайта, тем не менее советую обезопасить себя и закрывать все внешние ссылки специальным атрибутом rel=»nofollow».

    Штатными средствами не очень удобно проставлять этот атрибут, поэтому придумали этот плагин. К тому же, он не только автоматически ставит атрибут для закрытия внешних ссылок, но так же ставит target=»_blank» . Нужен он для того, чтобы все внешние ссылки открывались в новой вкладке. Так удобно и для посетителей и для вас. В общем, этот плагин работает со всеми внешними ссылками на сайте, при этом, не затрагивая внутренних ссылок. Очень удобная и полезная функция.

    Автоматический бекап сайта UpdraftPlus WordPress Backup.

    Если вы такой же как и я, и вы не можете спокойно смотреть на свои ресурсы и находите постоянно, что можно покавырять в коде, или же вы просто беспокоитесь о своем детище, то этот плагин именно для вас. Своевременная резервная копия сайта или даже просто базы данных, способна избавить вас от многих часов головной боли. Установили кривое обновление плагина? Накавыряли код шаблона и забыли что где? Технические проблемы на хостинге? Все эти проблемы сможет решить автоматическое резервное копирование сайта. Не пренебрегайте этим моментом не в коем случае. А чтобы облегчить себе жизнь, установите этот мега-популярный плагин UpdraftPlus и больше не беспокойтесь об этом направлении.

    Ленивая загрузка изображений a3 Lazy Load.

    И последний обязательный плагин, который я рекомендую установить на каждый сайт WordPress – это a3 Lazy Load. Он помогает увеличить скорость загрузки страницы путем постепенной загрузки изображений. Происходит это следующим образом: картинки на странице начинают загружаться только тогда, когда страницу прокручивают до этого изображения. В другом случае, они просто не загружаются, этим самым уменьшая вес страницы и соответственно скорость загрузки.

    Сейчас уже каждый популярный сервис seo анализа, рекомендует использовать данный метод загрузки. Это помогает улучшить общее сео на сайте. Так что советую не пренебрегать этой фишкой, а использовать её в полной мере. В данном случае «овчинка стоит выделки».

    На этом список обязательных плагинов закончен. Далее пойдут плагины, которые не обязательны к установке, но очень облегчают жизнь веб-мастеру.

    Защита от СПАМа Akismet Anti-Spam.

    Долгое время я был уверен, что этот плагин должен быть на каждом сайте. Но пообщавшись с другими веб-мастерами понял, что не всем нужен подобный защитник. Поэтому я не включил его именно в обязательные плагины. Но тем не менее, очень советую присмотреться к нему. Лично я его устанавливаю везде, он отлично выполняет свою работу.

    Стандартный редактор ВордПресс Classic Editor.

    С выходом новой версии WP 5.0 и выше, по умолчанию представлен новый редактор статей Gutenberg. Для многих веб-мастеров он не удобен и это оправданное чувство. Так как он ещё совсем сырой и не поддерживает много функций в плане модернизации, которые поддерживал старый редактор. Именно по этому, советую не мучиться, а установить специальный плагин, который отключит новый и включит старый редактор. Из личного опыта скажу, что старым пользоваться, гораздо удобнее.


    Этот функционал присутствует в плагине Clearfy Pro. Так что, если вы купите этот плагин, то Classic Editor устанавливать уже не надо ( -1 плагин ).

    Полезные дополнения Shortcodes Ultimate.

    Этот плагин в умелых руках, становиться просто мега полезным. Он представляет из себя сборник самых нужных фишек для оформления текста на сайте и не только. После установки плагина Shortcodes Ultimate вы получаете доступ к множеству функций таких как:

    • Стилизованные списки.
    • Спойлеры.
    • Аккордеоны.
    • Лайт боксы.
    • Колонки.
    • Табы.
    • Галереи.
    • Карусели.
    • Слайдеры
    • + 50 различных возможностей.

    Очень рекомендую его установить и посмотреть что он из себя представляет. Он полностью переведен на русский язык. Так же добавляет кнопку для вставки нужного шорткода прямо в редакторе, что очень удобно.

    Далее представлены несколько плагинов, которые не требуют постоянной активации. То есть их нужно установить, сделать определенные действия и можно отключить, чтобы не нагружать сайт.

    Плагин для очистки базы данных WP-Optimize.

    Честно говоря, я очень долго пользуюсь уже этим плагином и ещё не нашел ему альтернативу в бесплатном сегменте. По сути, он нужен то один раз в месяц, но платить за это я пока не готов. Не знаю, возможно в будущем и перейду на какой-то платный аналог с большим функционалом. Но на данном этапе, почистить базу от мусора я могу бесплатно с помощью этого плагина и мне его достаточно. Отлично справляется со своей работой. После оптимизации его можно просто отключить, а когда снова захотите почистить, просто активируете, делаете то что нужно и снова отключаете.

    Дочерние темы WordPress Child Theme Configurator.

    Этот плагин может вам понадобиться один раз, для создания дочерней темы. Потом его можно вообще удалить. Дочерние темы нужны для тех, кто делает какие-то правки кода в файлах темы. Кто-то переписывает код в header.php дополняя какие-то скрипты и прочее, кто-то модернизирует функционал через файл functions.php и так далее. В общем, если вы не установите и не настроите дочернюю тему, то при первом же обновлении вашей родительской темы, все ваши правки затрутся. Иными словами файлы темы перезапишут весь код и вам придется заново всё подправлять и дописывать. Так что, если вы делаете какие-то правки в коде темы, однозначно вам нужна дочерняя тема.

    Главное требование, чтобы ваш шаблон поддерживал этот функционал. Если же у вас шаблон не поддерживыет дочерние темы, то рекомендую ознакомиться с моей подборкой бесплатных премиум шаблонов для WordPress блогов.

    И на этом у меня пока всё. Конечно же, это не исключительный список и у вас он может быть иным. Данная статья в первую очередь рассчитана для новичков в веб-мастеринге, дабы сократить время на поиски нужных плагинов. Это лишь отправная точка, а дальше, дополняйте тем, что нужно именно вам. До встречи на страницах блога. Не забывайте оставить свой след в комментариях и в звездочном рейтинге. Прибыльных вам проектов!

    Друзья, блогу нужна ваша поддержка. Если вам понравилась статья или она вам помогла решить задачу, поделитесь ею в одной из соцсетей. Этим вы поможете дальнейшему развитию. Всем активистам — спасибо!

    Как сделать, чтобы шорткод работал в любом месте шаблона WordPress?

    Недавно при разработке одного плагина для WP я столкнулся со такой вот проблемкой:

    Нужно было заставить стандартный вордпрессовский Shortcode работать не только в записях или на страницах, но и в коде самого шаблона, т.е. в любом месте текущего шаблона. Чтобы можно просто вставить шорткод в один из файлов шаблона и не париться со всякими там PHP ��

    На самом деле решение я нашел довольно быстро, потому что в буржунете этот вопрос уже обсуждался.

    Вот супер-краткое решение, которое нужно просто вставить в нужное месте в любом из файлов твоего шаблона:

    Вместо варианта [shortcode] нужно конечно прописать свой шорткод.

    Например, [square w ]

    А вот еще решение, но более продвинутое. В данном случае шорткод берется из значения meta-поля к записи. В данном случае это поле gallery. А вот и сам код:

    [ Прочитайте комменты ниже или напишите свой. ]

    108 комментариев к “Как сделать, чтобы шорткод работал в любом месте шаблона WordPress?”

    Здравствуйте! У меня такая ситуация: нужно вставить шорткоды ниже поста в файле темы single.php. Точнее поместить шорткод формы cforms внутри шорткода jquery-collapse-o-matic. Я использовал следующий код:

    Плагин jquery-collapse-o-matic работает, а форма cforms нет(
    Сforms можно вставить с помощью функции , но только не вместо , т.к. тогда вообще ничего не будет работать. Помогите пожалуйста, как можно решить эту проблему?

    Привет. Разобрался я с твоей проблемой хитрым способом ��

    отличное решение, ваш метод помог

    Подскажи а как применить это к одной конкретной странице в виде кода.

    Мастер Йода рекомендует:  Как безопасно покупать товары во ВКонтакте и рисковать деньгами

    что нужно тут добавить id 20.

    Спасибо за пост!

    Привет, Денис. А на какой странице ты хочешь этот код применить? И какой у тебя шорткод?

    Если можешь, расскажи немного подробнее и укажи ссылку. Я тогда смогу посмотреть и подсказать тебе точно.

    Что делать если в теме вордпресс, которую я использую не работают плагины- шорткоды в редакторе записи. Они просто ни вставляются в запись. Плагины шорткодов перепробовала 5 штук..

    Возможно, у вас какой-то измененный редактор или дополнительные условия для фильтрации текста, или просто попробуйте вставлять шорткоды в редактор через вкладку HTML, а не через вкладку Текст.

    ПРивет)) Подскажите пожалуйста) Как сделать так что бы не вставлять вручную на каждую страницу шот код, а так что бы он уже был на всех страниц автоматом?

    Куда его именно в шаблоне темы нужно вставить?

    (Я пробовал в Функции темы (functions.php), но после вставки кода, сайт не работает(((((

    Привет! Ну смотри. Куда именно ты хочешь вставить шорткод?

    Например, если ты хочешь добавить какую-то информацию в конце каждого текста статьи или в начала каждого текста, то в таком случае можно использовать фильтр «the_content». А код будет примерно следующий:

    Если еще остались вопросы, то пиши ниже, я постараюсь все разъяснить.

    P.S. У тебя классный сайт, мне очень понравился. Хочу дать еще советик: установи плагин RusToLat, чтобы ссылки все были без русских символов. То есть чтобы ссылки состояли только из латинских букв, поисковики не любят мешанину в ссылках, они больше привыкли к транслиту. А этот плагин переведет имеющиеся ссылки в транслит и все добавляемые страницы будет также автоматически делать с транслит. ссылками.

    Ну я имел ввиду ситуацию такую))

    Вот у меня на сайте, в разделе наши работы, там ползунок))

    Я его вставлял шот кодом, на странице, а как мне сделать так что бы

    я допустим вставил этот шот код, куда нибудь в функционал сайат, и на каждой странице когда я допустим писал бы какой то текст, этот ползунок появлялся автоматом без шот кода))

    Плагин называется jScrollPane Shortcode))

    Надо зайти в админку — меню «Внешний вид» — «Редактор», справа найти файл «Функции темы (functions.php)» и туда после или перед ?> сразу вставить код, который ниже:

    P.S. Параметры width и height, если необходимо, спокойно изменяй на те, которые необходимы тебе.

    Ещё один вопрос интересует)))

    Есть какой плагин или как сделать что бы при входе на сайт была фоновая музыка))) но так что бы без плеера)

    Без плеера ты не сделаешь этого �� Но можно вставить плеер с автовоспроизведением и скрыть его с помощью CSS.

    Попробуй поискать «wordpress background music», хотя я поискал немного и люди пишут, что воспроизведение фоновой музыки без подтверждения посетителя не очень хорошая практика.

    Богдан, добрый день. В вордпрессе новичок, и хотелось бы вас спросить как вставлять в шаблоне.php, внутри самогО шоткода, PHP-код? (прошу прощения за тавтологию)

    и нужно вместо контента, вставить, ну к примеру:

    я сам дизайнер, не программист, помогите, будьте добры))

    Ваш код к сожалению был вырезан WordPress-ом, пожалуйста, чтобы я смог вам как-то помочь, напишите ваш код еще раз, без оборачивания в . И по возможности оформите его как текст.

    и в правду, попытка номер два:
    имеем:

    и нужно вместо контента, вставить, ну к примеру:

    Если я верно понял, то, что вы хотите сделать. Попробуйте вот так:

    Это конечно немного замудренный код получается, но работать должен нормально. А то, что я сделал, это просто разделил строку кавычкой, затем поставил . точку (это соединение строк, конкатенация), затем написал вашу функцию, затем снова точка (объединение со строкой) и открывающая новую строку кавычка.

    Но в данном варианте, мне кажется, лучше взять и найти в коде функцию, которая обрабатывает шорткод [tabs] и передавать этой функции значение do_action , тогда WordPress-у не придется обрабатывать шорткод, а он будет напрямую запускать функцию, которую данный шорткод и представляет. Но это уже технические тонкости, и возможно, вам они не особо интересны ��

    P.S. Я вам на почту напишу. Мне и моим клиентам помощь веб-дизайнера иногда нужна, и будет классно, если мы обменяемся контактами с вами.

    Очень интересует вопрос как сделать, что бы у меня страницы на сайте с таким эффектом ластились как тут? blog.n1dev.ru/demo/page-transitions

    Тебе надо пройти по ссылке, которую ты указал в своем комментарии, и там в правом верхнем углу нажать на маленькую ссылку «Назад к уроку». Ты попадешь на страницу, где описана инструкция, как это сделать.

    Это я видел)) Но я не понимаю как это сделать?) Куда какой код вставлять))

    Я коды распределяю но не чего не работает((((((

    Понятно �� В таком случае, ответ на ваш вопрос не попадает в формат комментариев на блоге. Напишите мне по контактам со страницы «WP Помощь на этом блоге, возможно я смогу вам помочь, но нужно узнать у вас детали.

    Я Вам на почту отправил письмо с вопросом о стоимости Ваших услуг. Очень нужна Ваша помощь.

    Я вам на почту написал))))

    Здравствуйте! Подскажите, пожалуйста. В контент записей/страниц можно вставлять что-то типа шорткодов вида . Как такое называется и можно ли работать с этой штукой вне контента записи (вроде как, можно обрабатывать его вордпрессовской функцией the_content)?

    Здравствуйте, Ксения. Не совсем понял вашу проблему, опишите пожалуйста, подробнее, что вы хотите сделать и что у вас не получается?

    никак не удается сделать так, чтобы шорткод заработал..

    сделала отдельный шаблон для страницы (в нее вставила сверстанную html-ку), то есть от вордпресса там только код вывода поста..

    и когда редактирую этот самый пост через wp, шорткод не срабатывает (мне нужен спойлер), и на странице сразу отображается и содержимое спойлера..

    если можете подсказать решение, буду очень благодарна

    Привет. Я представляю в чем дело примерно. Похоже что в отдельном сверстанном шаблоне не подключены скрипты, которые загружаются вордпрессом в функции:

    Она примерно так выглядит, и через нее выводится код, которые подключает на страничке скрипты, которые в свою очередь дают возможность спойлеру сворачиваться и разворачиваться ��

    Поэтому либо вернуть эту функцию, либо добавить код, подключающий скрипт спойлера, вручную.

    Если что-то непонятно или не получается, пиши здесь, рад буду помочь.

    Материал СУПЕР. Спасибо, меня Вы здорово выручили!

    Приветствую! Такой вопрос:

    Можно ли использовать реализовать возможность использования шорткодов произвольно, в любом месте, то есть, к примеру создаю я поля профиля, в описании ставлю шорткод спойлера.

    Желательно не так чтобы индивидуально и статично вбивался шорт через php, а просто как-то глобально разрешить что ли использование шорткодов, конечно за исключением пользовательских полей (комменты и пр.)

    В интернетах пока нашел только схожие с вашим советы по внедрению.

    Здравствуй, Фаррух. Уточни пожалуйста, где именно ты хочешь разрешить использование шорткодов?

    Первое: хотел бы использовать в «Описании» поля, который существует или создается в «Полях профиля».

    Кстати, установлен BuddyPress.

    А вообще идея в том чтобы использовать глобально, не один шорткод конкретный, а любой который уже имеется или будет загружен в будущем, впрочем как в постах мы их используем.

    Допустим, чаще всего, вопрос встает как поставить шорткод(любой и менять в любое время) в сайдбар, это можно реализовать при помощи виджетов, которых премногое множество в сети. Но если это каким-то образом(шаманством в коде) разрешить вставку шорткодов глобально, то можно обойтись и без особых виджетов.

    Понятно. Я сначала не понял, о каких полях речь, но хорошо, что ты упомянул BuddyPress. Эти поля появились благодаря этому плагину ��

    Сначала скажу, что я точно знаю. Если ты хочешь, чтобы шорткоды работали свободно в сайдбаре в текстовых виджетах, то это можно легко сделать с помощью такой строчки:

    Ее нужно просто добавить в файл темы functions.php (Функции темы).

    Что делает эта строчка: Она заставляет текст, написанный в поле текстового виджета, проходить через функцию do_shortcode, которая как раз приводит шорткод в действие.

    И я предполагаю, что можно тоже самое сделать и для «Описания поля», о котором ты пишешь, нужно только найти название фильтра в BuddyPress, который отвечает за это «Описание поля», аналогично названию фильтра widget_text, который это делает для текстового виджета.

    Например, вот для текста, который пользователи твоего сайта будут записывать в поля в своем профиле, можно исполнять шорткоды, для этого надо использовать тот же код, который я указал выше, только изменить widget_text на bp_get_the_profile_field_value. Получится вот так:

    P.S. Я эту строчку на работоспособность не проверял, но предполагаю, что должна работать.

    Да я читал про это, спасибо за напоминание) и кстати к этому возникает вопрос. если я правильно понял, он фильтрует текст на наличие любых шорткодов в указанном тексте или же я должен передать конкретный шорткод, как указанно выше?

    т.е. Сегодня я в описании «полей профиля» ставлю(через админку конечно) спойлер и вышеприведенная функция исполняет её, а завтра ставлю вкладки и фукнция исполняет его.

    или мне надо каждый раз править код под нужный мне ШК вручную?

    если править вручную, имеется ли в ВП (уже)готовая(встроенная) функция или класс при помощи которой я бы прогонял текст и передавал его на обсуждаемую нами код?

    Ну вот, например, вот эта строчка:

    Что она сделает: она просто позволит пользоваться любыми шорткодами в текстовых виджетах. То есть без этой строчки шорткоды, которые ты укажешь в текстовых виджетах, могут отображаться просто как текст, то есть не будут исполняться.

    Аналогично вот эта строчка:

    Что она сделает: она также позволит пользоваться любыми шорткодами, но уже в полях профиля пользователя.

    А вообще тебе наверно нужна эта функция:

    То есть эта функция принимает любой текст и если находит в нем существующие шорткоды, их исполняет. И, как раз, в предыдущих примерах я показывал как пропустить через эту функцию разный текст. Например, содержимое текстовых виджетов или содержимое полей профиля пользователя. То есть, как бы добавить дополнительный фильтр в каком-то месте, и пропустить через него тот или иной текст.

    то что я искал и спрашивал, но так и не попробовал это

    Это именно то чего я допытывался, и вправду добавление этой строчки один раз, позволяет применять шорткоды и менять их как «перчатки» по необходимости, конечно не глобально, но вполне устраивает, глобальность это можно сказать было отчаянием, ведь все равно везде ШК не нужны ��

    В моем случае это было описание поля

    поэтому в начале я сделал так:

    не заработало, достаточно было добавить get_

    И вуаля, все работает, код который с echo лишний когда есть это.
    И теперь по дороге «Консоль» > «Пользователи» > «Поля профиля» > «Поле и его описание», какой бы ШК уже имеющийся в ВП или который будет загружен в будущем может быть легко вписан в «Описание поля» с ожиданием соответствующего результата!

    С уважением, Фаррух.

    Отлично! Рад был помочь ��

    Здравствуйте, Богдан! Вставляю шорткод [шорткод] в середине поста с помощью стандартного редактора. Должна появится форма с элементами. Она и появляется, но вверху контента, под заголовком. В какие только div’ы я форму не заворачивал, все одно — не на месте.

    А что за шорткод вставляете?

    Проблема в том, что функция, которая отвечает за вывод содержимого вашего шорткода, выводит это самое содержимое через функцию echo, а для корректного отображения должна только возвращать результат, записанный в переменную, с помощью return.

    Богдан, вот упрощенный, вставляемый по шорткоду код. Смысл скрипта — данные формы передаются для обработки в другой файл php, результату обработки без перезагрузки страницв выводятся в div’e. Что нужно изменить, чтобы форма появлялась в нужном мете поста?

    Код можно оборачивать в тэги [_php] ваш код [/_php], [_javascript] ваш код [/_javascript], только без нижнего подчеркивания.

    Я посмотрел ваш код, там у вас все корректно. Но вы мне не показали самого важного. А именно PHP функцию, которая находится в файле плагина или в файле functions.php (смотря куда вы ее поместили) и отвечает за вывод все этого вашего кода.

    Предполагаю, что у вас там что-то типа этого:

    Но если у вас именно так, то это и является причиной того, что ваш код весь выводится в начале поста. Потому что такой вариант вывода кода через PHP функцию просто отображает код в том месте, где обрабатываются все шорткоды. Перед выводом поста.

    Чтобы ваша форма выводилась в нужном месте. Вам нужно кое-что поменять. А именно записать ваш код в переменную PHP, и затем вернуть результат функции через оператор return.

    И в этот код вместо

    вам нужно вставить весь ваш код. И тут важный момент: перед всеми одинарными кавычками в Вашем коде поставить символ \ (backslash). Именно в вашем, который вы будете вставлять. Это нужно для того, чтобы одинарные кавычки в PHP, не пересекались с одинарными кавычками в Javascript.

    Если что-то не получится, пишите. И лучше все-таки будет, если вставите свой код ��

    Спасибо за подробное объяснения, сейчас конкретизирую, а то сам все одно не разобрался. Есть файл usn.php, там и javascript и форма:

    В функциях темы добавлено:

    Т.е. файл подгружается с помощью include. Никак нельзя без изменения самого файла обойтись, просто обработав его в функции declaratciia?

    В таком случае проще всего вам будет сделать так:

    В функциях темы вот свой код отредактируйте на этот, и все у вас должно начать корректно работать.

    И еще момент, у вас же сайт на WordPress, зачем вам второй раз подключать jQuery в вашем файле? В WordPress обычно по-умолчанию подключается jQuery в начале любой страницы, это можно проверить если просмотреть исходный код страницы.

    Поэтому, попробуйте вот эту строчку убрать:

    Это самый простой способ, чтобы вам помочь. Хотя, по-хорошему, я бы избавился от этого include и разместил код внутри функции, только правильно оформив.

    Подскажите почему не работает кнопка генератора для вставки шоткода?

    Богдан, здравствуйте! Что-то я совсем не понимаю куда вставлять шорткод

    Здравствуйте, Мария. А куда вы хотите вставить шорткод вообще? В какой-то файл шаблона или просто текст записи?

    Доброго времени! у меня такая проблема с шорт кодом. И предполагаю что виновата тема wordpress и мои неглубокие знания в php. Вообщем делаю всплывающую модальную форму на основе плагина easy fancybox и contact form 7 . Вставляю шорт код в шаблон, форма всплывающем окне не выводится, обернул шорт код в »
    » заработало, но не везде и форма стала отображаться с горизонтальной прокруткой. На главной странице вставляю код пропадает пол шаблона =D . Помогите плиз)

    Илья. На всех шаблонах что я делал аналогичная проблема.
    Все пишут как здорово применять фенсибокс и контакт форм 7, но по моему опыту и моим знаниям (а так же всем тем инструкциям что есть) их можно использовать лишь 1 раз и всегда есть горизонтальная нижняя прокрутка.

    Доброго времени суток!

    Материал действительно выручил, мне необходимо было вставить слайдер в шапку сайта с помощью шорткода. Все отлично работает. Но так как это шапка, слайдер, естественно, показывается на всех страницах, что совсем не нужно. Подскажите, как отображать этот самый слайдер лишь на главной странице?

    Спасибо за коммент, Марк.

    Чтобы отображать шорткод слайдера только на главной странице, тебе нужно заменить обычный код из статьи:

    Тут я добавил условие на проверку — является ли текущая страница главной или нет, и если является, то отображать на ней шорткод.

    Yandex Maps API работает в сайдбар только в том случае, если устанавливаю шорткод и на странице, если убираю, то и в сайдбар перестаёт работать код:

    echo do_shortcode(‘[yandexMap center=»40.728333,-73.994167″ height=»300″ w zoom_inital=11][/yandexMap]’);

    Здравствуйте, Богдан!
    Спасибо за материал — уже не раз выручил!
    Но вот столкнулся с такой задачей — всем нравится эта тема: http://jellythemes.com/themes/sonoramawp/
    Но для полного счастья принципиально хочу над статичной картинкой в слайдере поставить плеер радио.
    Беру шорткод плеера, формирую строчку кода: и вставляю в файл homepage.php, где и реализован слайдер темы:

    плеер появляется, но слайдер «ломается»: кадры слайдера встраиваются в ряд, исчезают кнопки назад-вперед, исчезает родной аудиоплеер внизу.

    Что я делаю не так? Куда лучше вставить строчку с шорткодом плеера, чтобы все работало?

    Тимур, я думаю, что более корректным вариантом будет вставка вашего кода после второй строчки

    Добрый день, Богдан.
    Я пытаюсь добавить шоткат аудио плеера только для front page.
    Вот этот код добавляю в header.php ?php
    if(is_front_page())< echo do_shortcode ( ‘ [sc_embed_player fileurl=" http://localhost:8888/body.fr/public_html/wp-content/uploads/2015/03/danse-dance-body.mp3" autoplay="true"]’);
    >
    ?
    Код выводится в виде текста в заголовке и все. Может какая то ошибка в коде?
    Спасибо

    Добрый день, Ольга.

    А вы куда именно вставляете этот код?

    Скорее всего, вам нужно вставлять код без тегов :

    Добавить комментарий