Добавление кнопки Twitter на сайт (на примере CMS MODx)

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

Где взять кнопку Twitter?

Кнопку Twitter для добавления на свой сайт можно взять на официальном сайте микроблога в разделе Ресурсы.

twitter ресурсы

На странице Ресурсы выбираем раздел Кнопки. Заполняем соответствующие поля настройки кнопки. Потом копируем получившийся код.

twitter кнопки

 Как вставить код кнопки в шаблон MODx?

Для того чтобы добавить кнопку на свой сайт, необходимо вставить код скопированный с сайта Twitter в разделе Ресурсы -> Кнопки после заполнения всех полей в шаблон страницы, в данном случае MODx. Для этого в панели администрирования MODx выбираем Элементы -> Шаблоны и выбираем соответствующий шаблон (см. рисунок ниже).

twitter modx

После этого вставляем код кнопки в соответствующее место в шаблоне.

В итоге на сайте должна появиться красивая кнопочка Твитнуть. Такая же какой мы ее видели в примере на странице кнопки Twitter:

Twitter кнопка

Примечание по кнопке Twitter в шаблоне MODx

  • Данный метод позволяет добавить кнопку на все страницы сайта благодаря встраиванию кнопки в шаблон.
  • Для того чтобы добавить кнопку в соответствующую область в области контента на отдельной странице MODx целесообразно создать отдельный чанк с кодом кнопки (создание чанка можно рассмотреть на примере создания сниппета в MODx).
  • Для того чтобы кнопка появлялась только в соответствующем разделе, например, новости. То целесообразно будет сделать для данного раздела свой шаблон. В таком случае не придется добавлять код кнопки (или чанк) на каждую создаваемую страницу раздела отдельно, а достаточно просто присвоить данному разделу соответствующий шаблон. Что может сэкономить немного драгоценного времени :-)
Tagged , , , . Bookmark the permalink.

Оставить комментарий