Шорткоды: что это и зачем они нужны?

Шорткоды: что это и зачем они нужны?

Трям – здравствуйте! Это в «Милитилитрямдии», если помните.

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

Что такое шорткод? Это специальный код, который позволяет создать креативную вещь на странице блога. Например: рамку, красиво оформленную цитату, галерею или слайд из картинок и много чего ещё. Это статья на частый вопрос: «Татьяна, а как здесь вставить рамку?».

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

Shortcodes Ultimate

Если честно, хотела разобрать пару плагинов. Shortcodes Ultimate один из самых популярных и распространённых.  В то же время он представляет очень большой выбор всевозможных шорткодов, каждый из которых обладает дополнительными настройками. Что конечно может доставить небольшие трудности для новичков. А потом подумала, учиться, так учиться, креативить, так креативить. Итак упростила задачу, куда еще больше-то?

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

Админка блога – плагины – добавить новый. В поиск вводим Shortcodes Ultimate – установить – активировать.

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

Что такое шоткод и как его настроить в Вордпресс

Как подключить шорткод в тексте

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

Выбрать интересующую вас «вставку». Здесь я установила интересующую многих «рамочку». Здесь данный шорткод имеет название – блок.

Что такое шоткод и как его настроить в Вордпресс

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

Что такое шоткод и как его настроить в Вордпресс

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

Бог посылает нам испытания, чтобы мы, преодолевая их, укреплялись, а не отчаивались. Мать Тереза

Это – просто «цитата». Только будьте внимательны, здесь инициалы автора нужно указывать в специально отведенном поле. А «цитата с обтеканием» выглядит вот так:

Это цитата с обтеканием. Её можно выровнять как по левому краю, так и по правому.

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

Можно добавить и текст в двух колонках:

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

Ещё меня заинтересовал шорткод — соседние страницы. Не получилось предварительно просмотреть результат во всплывающем окне, только после его установке при клике на предпросмотр в редакторе Вордпресс. Получилось вот что:

Сначала хотела удалить его, но всё же оставила, в качестве примера. Испытываю всё, что может плагин и сразу пишу статью. При помощи шорткода «Меню» можно вывести главное меню в любой статье. У вас тоже всё получится.

А вот кстати и рамка. Шорткод называется «Заметка». Цвет фона и теста можно выбрать самостоятельно. В принципе это можно сделать и в обновленном редакторе Вордпресс, единственно, что она может быть «скруглённой» и с вот такой вот «окантовочкой»

Что-то у меня немного не получилось с «аккордеоном» и «вкладками». Наверно просто немного подустала. День был насыщенным. Если у вас настройка данных шорткодов пройдёт на «ура» и с первого раза — прошу поделиться в комментариях. Мне очень интересно в чём проблема.

Всем спасибо за внимание! До новых встреч на страницах блога! Движение к успеху продолжается! Улыбок вам побольше и счастливых моментов!

Оцените статью
( 1 оценка, среднее 5 из 5 )
Понравилась статья? Поделиться с друзьями:
Комментарии: 3
  1. Валентина

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

    1. Булавина Татьяна (автор)

      Всегда пожалуйста! Если этот плагин не удовлетворит все ваши желания, можно скачать дополнительно ещё один, или заменить его на другой. Введите в поиске плагинов Shortcodes или Shortcod и выберите из предложенных на свой вкус и цвет :-)

  2. Александр Зайцев

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

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

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

Мы используем cookie-файлы для наилучшего представления нашего сайта. Продолжая использовать этот сайт, вы соглашаетесь с использованием cookie-файлов.
Принять