iMT — делаем мобильный интерфейс в MT4

iMT iMT — потрясающий плагин для создания мобильного интерфейса в Movable Type 4. В блоге MT.org этот плагин называют ещё одной причиной для покупки iPhone. Плагин автоматически определяет тип устройства, с которого осуществляется вход в систему, и, если им оказывается iPhone или iPod, то отображается облегчённая версия дизайна.

Хотя плагин и позиционируется как дополнение для продукции Apple, за пару минут мне удалось настроить его таким образом, чтобы он работал на моей Nokia 6300 вместе с Opera Mini. Конечно, не всё так ровно отображается, как на iPhone (плагин ведь конкретно под него делался), но это можно легко исправить с помощью CSS.

Чуть позже, когда доберусь до фотика, сделаю снимки, как выглядит интерфейс на моём телефоне. Тогда же и напишу, как заставить iMT работать с Opera Mini.

Обновление: сфотографировать экран телефона оказалось не так-то просто, поэтому воспользуемся симулятором Opera Mini 4. Вот как выглядит работа плагина:

Вход в Movable Type Редактирование сообщения
 Главная страница после входа Список постов

Как видно на скриншотах, я немного изменил плагин, чтобы главная страница отображалась на русском языке. Кроме этого, я также изменил в CSS некоторые значения классов, чтобы содержимое более вписывалось под разрешение моего телефона (240*360). Симулятор, видимо, настроен для работы с меньшим разрешением, поэтому-то содержимое и расплылось. Также в оригинальном CSS у элементов формы были удалены границы, что нормально для браузера Safari, который выделяет активный элемент формы, но совершенно неприемлемо для других браузеров.

Как работать в Movable Type через мобильный телефон

  1. Скачать плагин, разархивировать его и найти файл iMT.pl (папка plugins/iMT).
  2. Находим следующую строчку:
                if (( $ua =~ m!AppleWebKit/! ) && ( $ua =~ m!Mobile/! )) {

    Заменяем её вот этой строкой:
                if ($ua =~ m!Opera Mini! ) {
  3. Сохраняем файл и загружаем плагин на сервер.

Внешний вид легко меняется с помощью CSS. Первое, что может вам понадобиться — изменение ширины. Изменить её можно в классе menu-wrapper, находящегося в файле mt-static/plugins/iMT/css/iphone.css.

1 комментарий

если бы через него можно было бы заливать фото с телефона в пост, то цены бы ему не было )

Статистика

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

Последние записи

  • Movable Type 4.38 и Movable Type 5.14

    Состоялся релиз новых версий Movable Type — 4.38 и 5.14, в которых устранили проблемы безопасности. В пятой ветке добавили новую функциональность, благодаря которой движок будет...

  • Facebook, Google +1, Twitter, ВКонтакте — как добавить кнопки этих сервисов

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

  • Movable Type на GitHub: что происходит и что будет

    В конце мая я сообщил, что Movable Type полностью перебрался на GitHub, что позволило быстрее обновлять дистрибутив. Кроме того, все изменения, которые есть в русской...

  • Movable Type 4.37 и 5.12

    Разработчики всерьёз взялись за поиск и устранение возможных уязвимостей (о чём они объявили в Пронете), поэтому встречайте новый релиз обеих веток. При определённых обстоятельствах пользователь,...

  • Movable Type 4.361 и Movable Type 5.11

    Вышло обновление сразу для двух веток Movable Type, включающее исправление проблем с безопасностью (при определённых условиях посторонний человек мог читать, создавать или изменять контент в...

Закрыть