modMobile

Последнее обновление not available | История страницы | Улучшить эту страницу | Сообщить о проблеме

Support the team building MODX with a monthly donation.

The budget raised through OpenCollective is transparent, including payouts, and any contributor can apply to be paid for their work on MODX.

Backers

Budget

$204 per month—let's make that $500!

Learn more

Что такое modMobile?¶

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

История¶

Version	Release date	Contributors	Remarks / highlights
1.0 pl	Jan 5th, 2012	Josh Gulledge	Added Snippet and refactored the code
0.1.0 alpha	Mar 03, 2011	Jeroen Kenters	Initial release.

Требования¶

MODX Revolution
Mobile template

Разработка и сообщения об ошибках¶

modMobile развивается на Github. Там же report bugs, feature requests и improvements.

Обновление¶

Возможно, нужно задать значение System Setting modmobile.mobile_template. Раньше использовалось mobile_template. Если осталась старая настройка mobile_template, удалите её.

Установка¶

Установите через Package Management

Устранение неполадок¶

Это ранняя beta, после установки многое может пойти не так. Отключите plugin при проблемах. Сообщайте об ошибках на github page!

Использование¶

Пример 1¶

Один шаблон для mobile и полной версии

Откройте System -> System Settings
Установите USE Placeholder в Yes

3. Если единственное отличие mobile и полной версии это CSS, в шаблоне сделайте так:

[[If?
    &subject=`[[+modxSiteTemplate]]`
    &operand=`mobile`
    &then=`<link rel="stylesheet" type="text/css" media="all" href="/assets/templates/css/mobileLayout.css" />`
    &else=`<link rel="stylesheet" type="text/css" media="all" href="/assets/templates/css/commonLayout.css" />
    <!--[if IE 6]>
        <link rel="stylesheet" type="text/css" media="all" href="/assets/templates/css/ie6.css" />
    <![endif]-->`
]]

Примечание: modxSiteTemplate это значение modmobile.get_var и то же имя для переключения шаблона через URL. Для этого примера нужен extra If!

Добавьте в шаблон ссылку на mobile и обратно на полную версию:

<!-- Moblie Link -->
<a href="[[~[[*id]]]]?modxSiteTemplate=mobile">Mobile</a>
<!-- Back to Full site link -->
<a href="[[~[[*id]]]]?modxSiteTemplate=full">Full Site View</a>

Это необязательно, но настоятельно рекомендуется.

Пример 2¶

Отдельный mobile-шаблон

Откройте System -> System Settings 1.1. Выберите modmobile, см. изображение 1.2. Введите ID mobile-шаблона
Откройте сайт с iPhone или iPad. Должна показаться mobile-тема.
Добавьте в шаблоны ссылки на mobile и полную версию: Это необязательно, но настоятельно рекомендуется.

<!-- Moblie Link -->
<a href="[[~[[*id]]]]?modxSiteTemplate=mobile">Mobile</a>
<!-- Back to Full site link -->
<a href="[[~[[*id]]]]?modxSiteTemplate=full">Full Site View</a>