Открыть меню

Шорткоды (Shortcodes): как спрятать контент

…или Как выжать все соки из своего WordPressа

Плагин Шордкоды ВордпрессПеред тобой клавиатура мирозданья
Любой web-мир построить — 5 минут
И… не нажми случайно на DELET
Сам не простишь и… люди не поймут
© оЗОРИНушки

 

 

 

Здравия желаю, коллега!

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

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

Для монстров сайтостроения и ведения своих блогов на WordPress, я не открою большого военно-тайнового секрета, а для начинающих копирайтеров и блогеров, уверен, эта информация будет полезной. Речь пойдёт об активном применении плагина для Вордпресс Shortcodes Ultimate for WordPress на твоём блоге.

Да, кстати, уважаемый коллега копирайтер. Сразу хочу предвосхитить недоумённый вопрос, застывший в твоих глазах, — а причем здесь копирайтинг, вообще? На тему расширения функционала копирайтера (с вытекающим отсюда увеличением заработка), как ремесленника web-пространства, сейчас готовлю отдельный пост. В нём поделюсь своим опытом применения азов сайтостроения в работе с заказчиком. Если не хочешь пропустить информацию, то в сайдбаре увидишь форму подписки на статьи блога. Просто подпишись и всё…

Пара слов о том, что такое шорткоды (shortcodes)?

Short code (англ.) — короткий код (короткий номер). Если не заныривать в бездонные и затягивающие глубины PHP кодирования, то «на пальцах» шорткоды – это короткие коды PHP, позволяющие увеличить стандартный функционал движка WordPress. То есть, помимо того, что ты скачал где-то великолепный, лёгкий и seo-оптимизированный шаблон для сайта на Вордпресс, у тебя появляется возможность размещать контент так, как ты хочешь.

Расписывать по шагам функционал плагина Shortcodes Ultimate я не стану. Таки у меня блог копирайтера, а не сайтостроителя. Но, если у тебя возникнут вопросы по настройке и применению плагина, задавай их без церемоний в комментариях. Разберёмся, и без ответа не оставлю. На скрине ты видишь какие функции имеет плагин.

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

Как применять плагин Шорткоды на сайте Вордпресс

Да, коллега, всё что ты видишь на скрине, умеет превращать в шорткоды этот плагин.

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

В принципе, этот плагин здорово совмещается с ещё одним wordpressовским помощником, плагином Page Builder by SiteOrigin (строитель страниц) Здесь ты узнаешь о нём всё и скачаешь при необходимости Перейти на сайт плагина. Кстати, именно так, в комплексе, у меня оформлена главная страница портфолио

 

Примеры использования плагина Шорткоды на блоге

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

ВЕРТИКАЛЬНЫЕ ВКЛАДКИ (куда и спрятаны все мои примеры) Этот заголовок в шорткоде «Цитата»
ЦВЕТНОЙ БЛОКВЫДЕЛЕНИЕ ТЕКСТАПОДСКАЗКА ПРИ НАВЕДЕНИИ МЫШИАНИМАЦИЯ ТЕКСТА (всплывающие окна)ПРИМЕР ОДИНОЧНОГО СПОЙЛЕРАПРИМЕР СПОЙЛЕРОВ В АККОРДЕОНЕСПИСКИ С РАЗНЫМИ МАРКЕРАМИ (из коллекции плагина)ЦВЕТНОЙ БЛОК С ЗАГОЛОВКОМРАЗНЫЕ КНОПОЧКИ, ПИПТИКИ, ПИМПОЧКИ

Цветной блок

И вспомнилась мне фраза, произнесенная Великой Фаиной Раневской: «Или я старею и глупею, или нынешняя молодежь ни на что не похожа! Раньше я просто не знала, КАК отвечать на их вопросы, а теперь даже не понимаю, О ЧЕМ они спрашивают».

Название услуги
И вспомнилась мне фраза, произнесенная Великой Фаиной Раневской: «Или я старею и глупею, или нынешняя молодежь ни на что не похожа! Раньше я просто не знала, КАК отвечать на их вопросы, а теперь даже не понимаю, О ЧЕМ они спрашивают».

Выделение текста

 «Один Секрет Одного Старого КАпирайтЫра, сделавший его миллионЭром» 

 

 «Один Секрет Одного Старого КАпирайтЫра, сделавший его миллионЭром»  

 

 «Один Секрет Одного Старого КАпирайтЫра, сделавший его миллионЭром» 

Подсказка

ПОДСКАЗКА НАВЕДИ НА МЕНЯ УКАЗАТЕЛЬ

 

Сколько стоит копирайтер

ИЛИ ВОТ ЕЩЁ ВАРИАНТ ИСПОЛЬЗОВАНИЯ

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

Анимация (всплывающие окна)

Использование спойлеров: одиночный

ПРИМЕР ОДИНОЧНОГО СПОЙЛЕРА

СПОЙЛЕР — АККОРДЕОН (здесь же стили спойлеров)

Первый спойлер в аккордеоне

Второй спойлер в аккордеоне

Третий спойлер в аккордеоне

Список с разными маркерами (из коллекции)

  • (это еще одна фишка привлечения), то еще минут пять будет, тупо глядя в монитор, думать о том, почему он теперь такой дЭбил, что это читал и что он делает на этом сайте.
  • А время-то посещения тикает, и трафик посещения бездушным роботом поисковой системы учитывается.
  • Ты понял, как просто и изощренно-креативно заставить пользователя больше времени находится на сайте!? Вот тебе и юзабилитЯ и роль копирайтера в увеличении этого самого трафика.

  • (это еще одна фишка привлечения), то еще минут пять будет, тупо глядя в монитор, думать о том, почему он теперь такой дЭбил, что это читал и что он делает на этом сайте.
  • А время-то посещения тикает, и трафик посещения бездушным роботом поисковой системы учитывается.
  • Ты понял, как просто и изощренно-креативно заставить пользователя больше времени находится на сайте!? Вот тебе и юзабилитЯ и роль копирайтера в увеличении этого самого трафика.
Содержимое блока — по твоему усмотрению. Я поставил произвольное меню

 

ИСПОЛЬЗОВАНИЕ ШОРТКОДА: ГОРИЗОНТАЛЬНЫЕ ВКЛАДКИ + МЕНЮ

 

 

ВАРИАНТ ИСПОЛЬЗОВАНИЯ КОЛОНОК В ЗАПИСИ : 2/3 + 1/6 + 1/6

 


 И вспомнилась мне фраза, произнесенная Великой Фаиной Раневской: «Или я старею и глупею, или нынешняя молодежь ни на что не похожа! Раньше я просто не знала, КАК отвечать на их вопросы, а теперь даже не понимаю, О ЧЕМ они спрашивают».

 И вспомнилась мне фраза, произнесенная

 И вспомнилась мне фраза, произнесенная 

Скачать плагин Shortcodes Ultimate for WordPress с сайта автора СКАЧАТЬ

Либо оба плагина ты можешь скачать и установить из Админки стандартным способом: Плагины —> Добавить новый —> название в строку поиска —> Установить —> Активировать.

Буду искренне рад, если помог тебе, коллега, по другому взглянуть на возможности оформления своего блога.

Как установить и настроить плагин WordPress Шорткоды

УЗНАЙ ЧТО ДЕЛАТЬ, ЕСЛИ СКУЧНО СМОТРЕТЬ ВЕСЬ СЕРИАЛ

 

Для тех, кто хочет научиться копирайтингу, рекомендую:

И да, это нужно фрилансеру для красоты и здоровья

Понравился пост?! Не жмись. Поделись. Тебе не трудно, а автору приятно...
Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Одноклассники
Обсуждение: 18 комментариев
  1. Владимир:

    Здравствуйте, Игорь!
    Сразу оговорюсь, я — чайник, старый и ржавый. Во всех html-ях, css-ах и прочем только общие представления, но освоить WordPress хочется и кое какие сдвиги есть. Посмотрел Ваш Ролик о шорткодах, почитал — всё очень доходчиво и понятно, но вопрос всё-таки вскочил. На главной странице моего учебного сайта в Вордпресс (использую Денвер) установил боковое меню, в которое поместил несколько ссылок на страницы этого же сайта и пары внешних сайтов. Вкладки этого меню обозначены просто надписями, а мне хочется чтобы это были кнопки. Отсюда и вопрос: можно ли с помощью шорткодов создать такие кнопки (в Вашем ролике кнопки создаются в тексте страниц или записей, а не в меню) и как это сделать. В Инете чего-то вразумительного не нашёл.
    Спасибо!

    Ответить
    1. Игорь:

      Владимир, вот чайник не чайник, а сами разобрались. Ибо сказано, и не зря, — ищите и обрящете)))) Под лежачий камень… ничего не течёт

      Ответить
  2. Олег Сединкин:

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

    Ответить
    1. Игорь:

      Олег, вот что значит «сапожник без сапог». Зайти на свой блог времени не хватает (((. Это тебе спасибо

      Ответить
  3. Наталья:

    Отличный обзор.
    Я установила такой плагин на свой дополнительный сайт и кое-какие функции его использовала. Функций действительно много даже в бесплатной версии.
    Установила его и на блог своего знакомого, но он так и не научился им пользоваться. А жаль. Такая классная вещь.

    Ответить
    1. Игорь:

      Спасибо. Да, согласен, плагин — бомба. Его с головой хватает, чтобы делать информационно — привлекательные сайты

      Ответить
  4. Ольга Карасёва:

    Здравствуйте, Игорь!
    В отличие от авторов предшествующих сообщений, которые, похоже, «крутые» блогеры :), я отношусь к «чайникам». Посмотрев Ваше видео, установила плагин шорткодов. Создала слайдер, но он мне визуально не нравится (это раз), и я не понимаю, как готовый шорткод можно редактировать (это два). Вы мне как-то уже объяснили, как вставить новое изображение в слайдер, получилось, а потом попробовала ещё и не получилось! Вот такая я непонятливая :). Пыталась найти ответ в инете, не нашла. Похоже, кроме Вас мне никто не поможет! Надеюсь на Ваш альтруизм, вспомните своих бестолковых учеников :).

    Ответить
    1. Игорь:

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

      Ответить
  5. 1PoKotlam:

    Вот только пару дней назад делал раздел на сайт «Каталог организаций». Искал решение показанное у вас в статье. В итоге нечего не нашел и купил плагин. Блин чего пару дней назад не натолкнулся на ваш сайт ).

    Ответить
    1. Игорь:

      Мдяяя, бывает и такое. А какой вы плагин купили, если Шорткоды в бесплатном доступе?
      Скажите, у вас возникли проблемы при установке темы? Не вижу «Главной». И немного неправильно стали у вас Избранные записи… с провалами. Если хотите, то я смогу вам установить и настроить шаблон + сделать грамотное размещение материалов сайта. Возникнет желание, отпишитесь в Контактах
      Этот шаблон и сайты на нём я уже обслуживаю для своих заказчиков: здесь Глобал Офис и здесь Ремонт квартир

      Ответить
  6. Михаил:

    Здравствуйте , Игорь ! Плагин действительно чудесный . Нужно только потренироваться в использовании. Я думаю он может заменить многие плагины данной направленности .

    Ответить
    1. Игорь:

      ))) Михаил, спасибо. Я знал, что вы его оцените по достоинству. Это при том, что я показал только 1/3 его возможностей, т.е. те, которыми сам привык пользоваться)))

      Ответить
  7. dobermann:

    Отличная подборка, парочку даже пригодилось. спасибо!

    Ответить
  8. Виктор:

    Игорь, спасибо за информацию.
    Когда руки дойдут (или ноги) — обязательно углублюсь в детальное изучение и внедрение плагина 🙂 .

    Ответить
    1. Игорь:

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

      Ответить
  9. Владимир Здор:

    Приветствую, Игорь!
    Вы прекрасно знаете, что этот плагин для WordPress’а я уже использую. Но только потому, что Вы посоветовали. Еще раз большое спасибо Вам за это.
    Кстати, тоже по Вашему совету, приобрел тему от Гудвина )

    Ответить
    1. Игорь:

      Владимир, здравия желаю!
      Чес слово, рад видеть. Работа и политика, сволочь, так забивают баки в последнее время, что некогда по блогам коллег побродить.
      Уверен, что шаблоном довольны))) Я у Гудвина уже для своих заказчиков шаблоны покупаю и устанавливаю. Надо будет ему посоветовать сделать партнёрку))))))

      Ответить
      1. Владимир Здор:

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

        Ответить

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

© 2017 Мой Rubicon-копирайтинг · Хочешь что-то скопировать?! На здоровье, только с активной ссылкой на мой блог
Политика конфиденциальности