Несколько дней назад я приехал из списка рассылки dev.mobi одна интересная статья на создании мобильных сайтов с Joomla .

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

Существует нечто, однако, что не учитывает плагина: изображений. Изображения, вложенные в ваши детали нормально быть довольно большого размера, особенно если мы говорим о мобильных терминалах, где в среднем составляет 174px широкий экран. Решение состоит в том, чтобы возиться небольшой плагин для изображений предметов проходят через автоматические Resizer создают нас. Я рекомендую статей я писал о масштабировании прозрачных и анимированных GIF-файлов ( здесь и здесь ), чтобы получить представление о том, как это сделать. Решение поставляется в двух шагах

1) Исправление плагин

Это изменение, которое мы должны сделать pdabot.php файл плагина. Глядя на самого конца и делать onAfterRenderer функции это таким образом:

  1. onAfterRender функция ()
  2. {
  3. ; Глобальный $ мэйнфреймов;
  4. / / Из ЗДЕСЬ
  5. $GLOBALS [ 'ispda' ] == true ) { если ($ GLOBALS ['ispda'] == TRUE) {
  6. ( ) ; $ BODY = JResponse :: GetBody ();
  7. ( '/<img src="(.*)"(.*)>/i' , '<img src="/redimensionar.phtml?imagen= \\ 1">' , $body ) ; $ BODY = preg_replace ('/ <img src="(.*)"(.*)> / I', '<img src="/redimensionar.phtml?imagen= \\ #1">', $ органа);
  8. ( '/<img(.*)width="(.*)"(.*)>/i' , '<img \\ 1 \\ 3>' , $body ) ; $ BODY = preg_replace ('/ <img(.*)width="(.*)"(.*)> / I', '<img \\ одной \\ 3>', $ органа);
  9. ( '/<img(.*)height="(.*)"(.*)>/i' , '<img \\ 1 \\ 3>' , $body ) ; $ BODY = preg_replace ('/ <img(.*)height="(.*)"(.*)> / I', '<img \\ одной \\ 3>', $ органа);
  10. $body ) ; JResponse :: setBody ($ органа);
  11. }
  12. / / Сюда

Как видите, мы заменим атрибут SRC всех изображений автомасштабирование наш сценарий мы передаем redimensionar.php к первоначальному URL изображения. Также воспользовался возможностью, чтобы удалить атрибуты ширину и высоту, потому что на данный момент мы не знаем, что будет результат, если мы позволим вы видите его размера. Мы закончили с плагином.

2) Масштабирование изображения

Если вы понимаете, весь процесс здесь будет думать, хорошо, но нам нужны данные:. Каком масштабе размер самом деле, мы не знаем ... пока.

А вот и W urfl к нам на помощь. WURFL представляет собой базу данных функций мобильного терминала, который позволит вам знать данные, такие как ширина экрана просто проходил UserAgent его. Я объясню, как WURFL так как это выходит за рамки этой статьи, но на их сайте у вас есть все, что нужно.

Мы создадим наш redimensionar.php то где просто просматривая WURFL ширину экрана терминала reescalamos клиента и изображение соответствующего размера. Желательно не делать это 100% по профилактике вертикальной свитки уменьшить полезную площадь и мы также видим горизонтальную прокрутку (как правило, происходит в Nokia). Я обычно вычесть ширину 10px. Для фотографии различных предметов можно применить процент масштаба не может очень большими изображениями хорошо выглядеть, оставить 70%, например.

Выводы

Быстро и в простом мобильных терминалов приспособились к Joomla сайт, вы не можете попросить больше. Не забывайте PDA шаблон на свой ​​вкус и потребности.

В мобильных веб-сайтов является общим для использования изображения в качестве заголовка портала. Также вы можете использовать Resizer адаптироваться автоматически по ширине экрана клиентов.

Это могли бы сделать гораздо больше, если мы интегрировать непосредственно в плагине WURFL могли даже сделать сгенерированного кода были адаптированы к возможностям клиентского терминала (логотип и Imode, WML) создание шаблонов для каждого отдельного языка. Осмелится сделать вашу ?

Похожие сообщения