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 5.2.7

    Состоялся релиз новой версии Movable Type 5.27, основные изменения которого: Новая адаптивная тема «Eiger». Для редакции Pro и Advanced доступен плагин «Smartphone Option», благодаря которому...

  • Автоподстановка тегов в Movable Type

    Не знаю, как для вас, а для меня стало открытием, что в Movable Type работает автоподстановка тегов на кириллице — для этого достаточно ввести первые...

  • Movable Type 5.2.3

    Сегодня состоялся релиз новой версии Movable Type 5.2.3. Изменение всего одно — если в параметрах MySQL было разрешено 20 или менее соединений (max_user_connections), то Movable...

  • Movable Type на PSGI и nginx

    В Movable Type 5.2 появилась встроенная поддержка PSGI. В связке с nginx это даёт значительный прирост производительности — страницы открываются не просто быстро, а невероятно...

  • Патч для Movable Type 4.38, устраняющий проблему безопасности

    В Movable Type версий 4.2 и 4.3 обнаружена уязвимость в скрипте обновления. Вчера разработчики выложили обновлённый скрипт, устраняющий эту проблему. Для устранения уязвимости достаточно загрузить...

Закрыть