Записи, связанные с тегом «Шаблоны»

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

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

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

<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-lang="ru">Твитнуть</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

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

<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-lang="ru" data-url="<mt:EntryPermalink/>" data-text="<mt:EntryTitle encode="html"/>">Твитнуть</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Теперь можно добавлять этот код к каждой записи, кнопка появится и будет содержать уникальные данные для каждой записи (адрес записи и её название). Обратите внимание, что здесь для имени записи добавлен атрибут encode_html. Это нужно для того, чтобы не возникало ошибок, если в имени записи будут кавычки. Также для некоторых данных могут понадобиться другие модификаторы, например, encode_url.

Также обратите внимание, что необязательно размещать Javascript-код вызова около каждой кнопки, достаточно разместить его один раз между тегами head.

Аналогичным образом добавляются и все остальные кнопки. Как пример, недавняя тема в форуме, где есть код для ВКонтакте.

Сегодняшний обзор начнём с выхода финальной версии Movable Type. Пока только для японцев, но всё же, релиз состоялся. С момента анонсирования первой беты, было выпущено ещё три бета-релиза и два релиз-кандидата.
Кроме этого, уже готова некоторая документация для MT 5.

Релиз Movable Type 5 для всех пользователей ожидается в первой неделе декабря, приблизительно тогда же будет готова и русская версия.

Новые плагины

  • ImageInfo 2 — плагин для отображения EXIF-данных изображений (time stamp, f/stop, shutter speed, ISO setting, white balance, и др.).
  • Full Screen Mode — плагин для «растягивания» редактора записей и шаблонов на всю ширину экрана.
  • TypePad Motion — вовсе не плагин, а набор скриптов на Python для организации сообщества.
  • mod_perlite — также не плагин, а модуль для Apache, позволяющий работать с Perl-скриптами быстрее.
  • Google Wave — плагин для интеграции Movable Type с новым сервисом от Google.
  • SmartTrim — плагин, расширяющий стандартный модификатор trim.
  • Auto Prefs — плагин для автоматического применения заданных настроек для блогов.
  • Cache Manager — плагин для управления кешем.
  • Asset Gallery — плагин для создания галереи изображений.
  • Обновлён плагин Gravatar, которые теперь поддерживает размещение атрибутов в теге плагина, а также динамическую публикацию.
  • Comment Flag — плагин для добавления к комментариям ссылки «Сообщить о спаме» (или с любым другим текстом).
  • Executable File Filter — плагин переименовывает некоторые загруженные файлы в целях безопасности.
  • RenameLabel — плагин для переименования стандартных названий в редакторе записей. Например, вы можете переименовать поле «Текст» в «Анонс» и т.д.

Статьи и руководства

Очередная подборка плагинов, хаков и шаблонов.

Продолжаем обзор интересного материала про Movable Type.

Добавление навигационных ссылок на страницы с фильтром по тегам. Приводится пример как шаблона, так и CSS-оформления.

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

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

Хак с шаблонами для ручной сортировки категорий.

Хак для создания пейджинации. Простой способ сделать «листалку» на сайте, как на индексных страницах, так и в категориях и архивах по датам. Работает по следующему принципу: при публикации статической страницы в неё сразу же «запихивается» определённое количество записей, которое при помощи PHP разбивается на блоки. Плюс этого хака — страница статическая. Минус — если записей очень много, то публикация такой страницы займёт много ресурсов, хотя количество записей в массиве можно ограничить.

Практически полная версия книги «Hacking Movable Type» доступна на сервисе Google Книги. Книга на английском языке, написана для 3–й версии, но некоторые хаки оттуда до сих не потеряли своей актуальности.

Анил Даш создал системные шаблоны для Movable Type, с помощью которых Movable Type может поддерживать Google Gears. После скачивания архива, его содержимое нужно распаковать в директорию Movable Type, а затем перейти в редактирование своего профиля. Если браузер поддерживает Google Gears, то вы сможете работать с Movable Type автономно, без наличия доступа в интернет.

Обновился плагин Link Checker для проверки ссылок на картинки и сайты в сообщениях.

Марк Кэри обновил плагин для авторизации комментаторов через Twitter. Теперь он поддерживает технологию OAuth.

Новая тема для Movable Type — Hybrid News. Отлично подойдёт для новостных блогов.

Новый плагин Comment Author Context позволяет использовать данные авторов, созданные с помощью Custom Fields, практически в любом месте. Без плагина их можно использовать только на определённых страницах.

Отличная статья от Бирна Риза с детальным описанием технологии очереди публикации, которую можно использовать в Movable Type.

На сегодня это всё. Если у вас есть ссылки на интересные хаки, шаблоны или плагины, скидывайте ссылки на них в комментариях.

Продолжаем публикацию трюков с шаблонами. На этот раз трюк посвящён работе с аватарами. Сделаем так, чтобы в комментариях публиковались аватары комментаторов. Поскольку для комментаторов, авторизовавшихся через LiveJournal или Vox, у нас уже будут аватары, нам нужно добавить аватары для остальных комментаторов. Для этого воспользуемся сервисом Gravatar, в котором многие блогеры уже зарегистрированы.

В итоге почти у каждого комментатора будет свой аватар. Для кого аватара не нашлось, будет отображаться стандартная картинка, которая входит в дистрибутив Movable Type.

Последние комментарии

  • Это и есть тот самый код :) Для каждого авторизовавшегося комментатора заводится своя запись в базе....

    Андрей Серебряков
    Трюки с шаблонами #2
  • а можете показать такой же кусок кода, чтобы отображались аватарки ЖЖ у ЖЖ коментеров? а лучше чтобы...

Закрыть