SiNG cmsскачать SiNG cms

система управления сайтом
23 Август 2019 07:51 мск  
Стиль оформления
Мобильная версия
Форум > Отзывы и пожелания > Мобильная версия
 
Автор Сообщение
 designsing
сообщений: 35
посмотреть личный профиль
#1 Дата 12.03.16 20:01
тема переименована из "RSS канал" в "Мобильная версия"

Доброго времени!
У меня вопрос по поводу сей опции, а именно эрсиэс. Очень нужен для реализации мобильной версии сайта. Скажите будет ли осуществлена rss?

Отредактировано: admin 16.03.16 12:22
 admin
администратор
Москва
сообщений: 1611
посмотреть личный профиль
#2 Дата 12.03.16 21:51
Нет, не будет. А какая вообще связь между RSS и мобильной версией сайта?

разработчик SiNG cms
 Александр
сообщений: 146
посмотреть личный профиль
#3 Дата 12.03.16 21:58
Вроде как в модулях есть версия для печати, по сути это и есть моб. вариант.
А так надо делать полноценный шаблон под мобильники и потом ставить на него переадресацию...
 Илья
#4 Дата 12.03.16 22:34
С помощью RSS можно вывести контент из БД и сверстать для него адаптивный шаблон..это удобнее чем если сайт будет выводиться как есть с лишней графикой и ненужными элементами.
 admin
администратор
Москва
сообщений: 1611
посмотреть личный профиль
#5 Дата 12.03.16 23:57
Илья, RSS это всего лишь лента ссылок (заголовков, кратких описаний) на какие-то материалы сайта, а не сам сайт. Александр вам правильно написал во второй строчке. И переделать шаблоны под мобильные девайсы в общем-то несложно (для тех, кто знает html и css) - скопируйте всю тему design/SiNG/ например в design/mobile/ и делайте там с шаблонами, что хотите - убирайте лишнюю графику, ненужные элементы и панели.

разработчик SiNG cms
Отредактировано: admin 12.03.16 23:59
 designsing
сообщений: 35
посмотреть личный профиль
#6 Дата 16.03.16 08:22
Благодарю Вас за содержательный ответ!
Но, как сделать, чтобы система понимала с какого устройства
зашел пользователь и подставляла ему нужный вариант шаблона?
 designsing
сообщений: 35
посмотреть личный профиль
#7 Дата 16.03.16 10:31
А что за версия для печати? Все перерыл не нашел! Я помню это текстовый вариант информации, но как его включить или просмотреть так и не понял!
Но! Нашел у себя в браузере замечательную штуку для разработки адаптивного шаблона, который позволяет просматривать страницы как бы с экрана мобильного.
 admin
администратор
Москва
сообщений: 1611
посмотреть личный профиль
#8 Дата 16.03.16 11:35
цитата designsing:
А что за версия для печати? Все перерыл не нашел!
Для печати статей и новостей, переход по значку Но к мобильной версии это отношения не имеет.

цитата designsing:
Но, как сделать, чтобы система понимала с какого устройства
зашел пользователь и подставляла ему нужный вариант шаблона?
Я бы не стал делать так, чтобы устройство определялось системой, а оставил бы выбор за пользователем - переходить ему на мобильную версию или нет.

разработчик SiNG cms
 admin
администратор
Москва
сообщений: 1611
посмотреть личный профиль
#9 Дата 16.03.16 12:45
Например, переход к мобильной версии и обратно можно реализовать так:

1. Скопировать всю тему оформления design/SiNG/ например в design/mobile/ и изменить там шаблоны и стили на своё усмотрение, чтобы они подходили к вашему видению мобильной версии сайта.

2. Сделать страничку (прямо в админке в разделе "Страницы"), которая будет ставить/снимать куки mobile и перенаправлять браузер обратно (откуда пришли на эту страницу). Содержание этой страницы такое:
код:
<?php
if ($mobile) delcookie($cookie.'mobile');
else cookieset($cookie.'mobile', '1', time()+3600*24*90);
if (isset($_SERVER['HTTP_REFERER']) && preg_match("/^http:\/\/".$_SERVER['SERVER_NAME']."/", $_SERVER['HTTP_REFERER'])) redirect($_SERVER['HTTP_REFERER']);
else redirect(BASEDIR);
?>
Запомните ID этой страницы, он понадобится для подстановки далее.

3. Разместить где-нибудь по вашему усмотрению ссылки на эту страницу.
Например, где-нибудь вверху главного шаблона основной темы вписать ссылку для перехода к мобильной версии:
код:
<a href="{$basedir}page.php?id=ID">Мобильная версия</a> А где-нибудь внизу главного шаблона мобильной версии вписать ссылку для перехода к полной версии:
код:
<a href="{$basedir}page.php?id=ID">Полная версия</a> Или сделать универсальную панельку (в админке в разделе "Панели") с содержанием:
код:
<?php
echo "<a href=\"".BASEDIR."page.php?id=ID\">".($mobile ? "Полная версия" : "Мобильная версия")."</a>";
?>

4. В файл core.php после 199-й строки:
код:
$settings = unserialize(dbresult(dbquery("SELECT content FROM ".DBPREF."settings WHERE name='main'"), 0)); добавить две новые строки, которые, если стоит кука mobile, будут переопределять тему оформления на мобильную и задавать переменную $mobile:
код:
$mobile = getcookie($cookie."mobile");
if ($mobile) $settings['design'] = 'mobile';

разработчик SiNG cms
Отредактировано: admin 16.03.16 15:57
 SerGGGik
сообщений: 39
посмотреть личный профиль
#10 Дата 17.03.16 02:16
Такая реализация не совсем удачная.
Во первых.
Если пользователь приходит с мобильного устройства то ему сразу должна открыться мобильная версия.
Просто если сначала будет полная версия, то он может не найти как перейти на мобильную версию. Может оказаться слишком мелко.

Во вторых.
Куками уже после авто постановки версии сайта пользователю фиксировать выбор иной версии и обратно. То есть если будет определено, что с мобильного, а у него планшет с огромным экраном, то ему будет удобней перейти на полную версию.
Это он пускай уже сам решает.

В третьих.
Такой подход самый верный с точки зрения поисковиков.

Для определения устройства идеально работает скрипт
код:
$useragent=$_SERVER['HTTP_USER_AGENT'];
if(preg_match('/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i',$useragent)||preg_match('/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i',substr($useragent,0,4))) {
        $abc = '1';
        }
        else {
        $abc = '0';
}
 designsing
сообщений: 35
посмотреть личный профиль
#11 Дата 18.03.16 07:13
Сергей, а можно подробнее, как использовать сей скрипт и куда его вставлять
 Drovosec
сообщений: 30
посмотреть личный профиль
#12 Дата 18.03.16 15:13
цитата:В третьих.
Такой подход самый верный с точки зрения поисковиков.

Для определения устройства идеально работает скрипт
Я что то не совсем въехал, а скрипт то куда ставить? Думаю в главный шаблон сайта? или все же в шаблон mobile?
 admin
администратор
Москва
сообщений: 1611
посмотреть личный профиль
#13 Дата 18.03.16 20:00
Drovosec, я уже сколько раз вам повторял в консультациях, что php-скрипты в шаблоны вставлять нельзя?

А куда вставить то, что написал SerGGGik (это же - на detectmobilebrowsers.com) - смотрите пункт 4 моего верхнего поста и вставляйте это вместо строки:
$mobile = getcookie($cookie."mobile"); Соответственно, пункты 2-3 станут не нужны. Ну и выберите себе название переменной - $mobile или $abc или ещё какое... И будьте готовы к тому, что пользователи планшетов и смартфонов с большими экранами могут остаться недовольны автоматикой.

разработчик SiNG cms
Отредактировано: admin 19.03.16 05:41
 SerGGGik
сообщений: 39
посмотреть личный профиль
#14 Дата 19.03.16 03:23
цитата admin:
И будьте готовы к тому, что пользователи планшетов и смартфонов с большими экранами могут остаться недовольны автоматикой.
Абсолютно согласен и поддерживаю на 100%.
Дабы избежать оного всем очень рекомендую изучить статистику своих сайтов.
Если мобильного трафика именно телефон/смартфон (планшеты не в счет) меньше 10-15% , то и заниматься этим не стоит. И маилру и яндекс такую статистику в подробностях выдают.

И верстка.
Для мобильной версии не увлекайтесь DIVами. Вся страница обязательно должна быть обернута в таблицу. Пусть и из трех строк (шапка, контент, подвал), но обязательно.
Для чего это нужно. При масштабировании при блочной верстке блоки могут налезать друг на друга. И может получиться так, что при попытке масштабировать заглючит браузер. Об этой особенности мобильных устройств почему-то не кто не пишет.
Если обернуто таблицей - этого не происходит.

И еще. Не перегружайте мобильную версию ссылками меню и наворотами. Все должно быть кратко, чекто, понятно. Как на этом сайте.
Кстати. Так как автор движка строго следует каноническим правилам - этот сайт без танцев с бубном идеально отображается и в мобильнике и в планшете.
Придерживайтесь правила "просто и понятно".
 Илья
#15 Дата 19.03.16 13:10
Спасибо за советы!
 
Перейти на другой форум:
Рейтинг@Mail.ru Rambler's Top100
Simple Network Gear
Сайт управляется SiNG cms © 2010-2018