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

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

Многие ориентируются на другие платформы, где для любого изменения нужен плагин или другое расширение. Но в 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.

Как известно, с помощью языка шаблонов Movable Type можно реализовывать потрясающие вещи. Часто мне попадаются примеры, о которых нужно обязательно рассказать. Обычно, примеры маленькие, что создавать для них отдельное сообщение было бы бессмысленно. Поэтому они будут публиковаться по несколько штук.

Совсем недавно для отображения нормального облака тегов с самыми популярными тегами нужно было прибегать к различным ухищрениям. Но теперь это в прошлом — в MT версии 4.1 для тега MTTags добавили новый атрибут «top», позволяющий решить эту задачу стандартными средствами.

Пример:

<ul>
    <MTTags top="20">
    <li class="rank-<$MTTagRank max="10"$> widget-list-item">
        <a href="<$MTTagSearchLink$>"><$MTTagName$></a>
    </li>
    </MTTags>
</ul>

Указанный шаблон отобразит 20 самых популярных тегов.

Dreamweaver — пожалуй, лучшая программа для разработки сайтов. А с новым расширением для Movable Type 4 — это ещё и лучший редактор шаблонов MT.

Новое расширение анонсировано на японском сайте Movable Type, равно как и анонс расширения на сайте Adobe — тоже на японской версии сайта. Сам я не пробовал работать с новым расширением, поэтому не могу сказать, на каком оно языке — английском или на японском. Будем надеяться, что на английском. Хотя все скриншоты указывают на второй вариант:

На популярном блогохостинге LiveJournal есть одна замечательная функция, получившая в народе название «кат» (чаще всего говорится «спрячьте под кат») — когда часть текста скрывается за ссылкой с произвольным текстом. Некоторые умельцы уже сделали патч для Movable Type, который позволяет реализовать эту возможность. Но не будем всё усложнять и сделаем подобное «стандартными» средствами.

В стандартном дистрибутиве Movable Type есть специальный инструмент — Style Catcher, который позволяет изменить дизайн всего за один клик. На выбор предостfвляется около 40 различных дизайнов. К дополнение к нему разработчики анонсировали новый онлайн-инструмент, позволяющий сделать полностью изменить дизайн под свои нужды.

Design Assistant (Ассистент дизайнера) — специальная страница, на которой каждый сможет создать свой собственный дизайн для Movable Type всего за 4 шага. Можно начать с редактирования уже готового дизайна, а можно и с «чистого», где вид каждого элемента нужно указывать самостоятельно.

По моим тестам, всё работает быстро, особых ошибок замечено не было.

Больше года назад в это блоге были выложены два шаблона: для Google Sitemap и для комментариев. С того момента многое изменилось в Movable Type, в частности, появись новые архивы публикаций. Поэтому предыдущий шаблон для карты сайта нуждался в доработке. Что и сделал Руслан Сагитов, разместив подобный шаблон у себя в блоге (ссылка удалена, так как сайт автора больше не доступен).

Указанный шаблон позволяет автоматически создавать Sitemap-файл, содержащий необходимые данные обо всех архивах блога на Movable Type (включая статические страницы и теги), кроме индексных шаблонов. Их при желании можно добавить самостоятельно.

Файл подобного формата с недавнего времени поддерживается не только Google, но и некоторыми другими поисковиками. Главное предназначение этого файла — «сказать» поисковому роботу, какие страницы есть на сайте, с какой периодичностью они обновляются, а также задать приоритет их обхода роботом.

Радует, что в рунете появляется всё больше и больше пользователей Movable Type, которые активно пополняют базу знаний об этой платформе на русском языке.

Продолжаем публиковать обзор новых и интересных плагинов для Movable Type 4.

  • Mark Carey продолжает радовать своими разработками. Вот несколько его новых плагинов:
     — UserProfiles — добавляет возможность загружать аватар для пользователя (пока только для тех пользователей, которые имеют доступ в админку, для простых зарегистрированных комментаторов эта возможность появится в ближайшее время).
     — VisitorStats — позволяет просматривать статистику по просмотрам сообщений, ключевым словам, и т.д.
     — EntryToPageConverter — позволяет сделать конвертацию поста в страницу.
     — CustomizedEmailTemplates — позволяет индивидуализировать шаблоны почтовых уведомлений.
  • Byrne Reese создал плагин для подкастинга, который позволяет загрузить на сайт аудио-файл и сделать его подкастом — в блоге будет отображён плеер, а для фидов Mark Carey создал специальный шаблон.
    Также Byrne обновил свой плагин Media Manager, с помощью которого теперь можно размещать в постах фото и видео с Flickr и YouTube.

Movable Type 4, обладая одной из самых лучших реализаций шаблонов, имеет все же серьезный недостаток. Для МТ нет простой установки "тем" — theme pack. Скажем, в Wordpress вы можете найти какую-то тему оформления, распаковать архив и загрузить папку на сервер. В админке вам останется лишь выбрать понравившийся вариант.

В МТ установка несколько сложнее. Во всяком случае была до последнего момента. Недавно появились два плагина от Марка Кэри (Mark Carey) — Template Installer и Template Exporter. В общем-то эти плагины являются компаньонами, дополняющими друг друга.

Мы уже писали об одном таком расширении, которое поддерживается не только редактором Dreamweaver, но и многими другими. Но уже достаточно давно то расширение перестало развиваться, и новые теги Movable Type, соответственно, также перестали добавляться. А в «Movable Type Tags Extension for Dreamweaver» уже есть все теги версии 3.3, а в планах добавление тегов 4–й версии.

Mt-code

Компания Sony Pictures, выпустившая недавно фильм «Человек-паук-3», подготовила для блогеров приятный сюрприз.  На официальном сайте фильма можно скачать множество различных шаблонов для блога, выполненных в стиле «Spider-Man». Конечно, шаблоны расcчитаны, в первую очередь, на фанатов фильма. Но никто ведь не мешает подправить шаблон по себя?!

Для Movable Type доступно 8 шаблонов. Вот некоторые из них:

Шаблон для блога Movable TypeШаблон для блога Movable TypeШаблон для блога Movable TypeШаблон для блога Movable Type

via: Blogs@Work

По почте с формы контактов пришёл вопрос от SoftDed — Как можно поставить новую тему для Movable Type. Решил ответить здесь, так как, наверняка, такие вопросы возникнут ещё у многих.

Для начала немного теории. В Movable Type нет такого понятия, как «темы», «скины», и т.д. Есть определённый набор шаблонов, сверстанных по стандартам Six Apart. И ещё есть CSS файл, который и определяет внешний вид блога. Чтобы сменить дизайн можно пойти двумя путями:

  1. Изменить CSS файл.
  2. Создать новые шаблоны и CSS файл.

Первый гораздо проще, как вы уже, наверно, поняли. Здесь не надо ничего особенного менять. Достаточно зайти на сайт Six Apart в раздел Movable Type «Styles & Templates» ивыбрать понравившийся дизайн. Ещё есть один замечательный ресурс — The Style Contest. Там представлено множество различных дизайнов на любой вкус.

После того, как вы выбрали дизайн, скачали соответствующий архив, зайдите в центр управления полётами админку, перейдите в раздел Templates и выберите для редактирования файл Stylesheet. Дальше нужно заменить содержание Stylesheet содержанием CSS файла, который вы скачали. И, соответственно, нажать кнопочку Save and Rebuild.
Если в архиве была папка с картинками, то её необходимо загрузить в корень сайта.

Второй путь предполагает создание новых шаблонов, включая новый файл CSS. Этот путь для вас, если вы хорошо разбираетесь в HTML и CSS, а также представляете себе, как устроена язык шаблонов в Movable Type.

Вот, собственно, и всё. Если остались вопросы, пишите их в комментариях.

В Movable Type архивы категорий и архивы по датам содержат столько сообщений, сколько в них было добавлено. Например, если в декабре 2006 года вы добавили 36 сообщений, то архив /2006/12/ будет содержать эти самые 36 сообщений. То же самое и с архивами категорий. И если датированные архивы со временем не будут перегружены информацией, то категории, наоборот, будут.

Чтобы решить проблему перегрузки, можно воспользоваться специальным плагином «Paged Archives». С его помощью можно легко разбивать архивы на несколько страниц, если он содержит больше заданного в настройках количества сообщений. Плагином поддерживается работа со следующими видами архивов: Main Index, Categories и Date-based. Также для работы плагина необходимо, что публикация была статическая, а не динамическая.

В Movable Type прекрасно проработанная система шаблонов. Основное удобство — это специальные теги MT. Всё бы хорошо, но только вот любимые редакторы не вопринимают теги MT, помечая их как неправильные, либо вообще никак не помечая.  Для Dreamweaver — моего любимого редактора — создано специальное расширение, которое, во-первых, позволяет подсвечивать теги MT, во-вторых, эти самые теги можно выбрать из списка:

Dreamweaver extensions for Movable Type

Расширение способно работать не только с Dreamweaver, но и с другими редакторами. Например, с такими, как: TopStyle, TextPad, NoteTab. Впрочем, можно скачать исходники и сделать расширение для своего любимого редактора.

Скачать расширение можно здесь: HTML Editor extensions for MovableType.

1

Статистика

Яндекс.Метрика

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

Закрыть