n-wp.ru — блог о WordPress
Как создать шорткод кнопки «Скачать» | n-wp.ru

Как создать шорткод кнопки «Скачать»

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

Как создать шорткод кнопки «Скачать» Как создать шорткод кнопки «Скачать»

Поначалу я вставлял код кнопки целиком, со всеми параметрами оформлением. Потом я задумался — а действительно ли нужно каждый раз вставлять код целиком? Не проще ли оформить шаблон кнопки, заготовку, и сделать для нее простой шорткод для удобной вставки в содержимое поста? Такми образом я перешел на шорткоды, которые существенно упростили оформление содержимого. Давайте создадим шорткод кнопки «Скачать», который вы сможете потом переделать и подстроить под свои блоги.

Откройте файл functions.php, и добавьте в него такой код:

Этот код создает простой, короткий шорткод

с двумя обязательными параметрами - url и title.

  • url - это ссылка
  • title - это название

Шорткод автоматически вставляет перед названием слово "Скачать" и автоматически вставляет в ссылку title.

Использовать шорткод нужно так:

Пример шорткода:

Для оформления шорткода нужно использовать CSS. Вставьте в файл style.css следующий код:

dl.png - это картинка 24 на 24 px, которая отображается перед словом "Скачать", вставленная для привлечения внимания. Можете поэкспериментировать с оформлением кнопки, подогнав его под дизайн своего блога.

tiaurus

Являюсь создателем n-wp.ru — блога о WordPress для новичков. Мне интересно многое, поэтому еще я сделал 123-box.ru — блог о программах для Windows, и tiaurus.info — блог о красоте.

9 комментариев

  • А не подскажете, как вывести это дело в произвольные поля? Т.е задача такая: нужно сделать три произвольных поля с URL файлов. 1 поле — выводит одну кнопку, второе поле другую и, соответственно, третье поле выводит третью кнопку. Это нужно, чтобы можно было выводить залитые файлы на три разных файлообменика.

    • Вставляешь вот этот код в место где у тебя должна выводиться данная картинка:

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

  • так как на вопрос никто не ответил, отвечаю сам, чтобы в одной кнопке было две ссылки (возможно не только мне так понадобится )

    если ссылки ведут на файлообменники то советую ставить

    он в коде уже есть

    ну и шордкод выглядит так:

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

/* ]]> */