Responsive Curve

Автор janis79, 30 мая 2015, 19:48:30

« предыдущая - следующая »

0 Пользователей и 1 гость просматривают эту тему.

janis79

Скажите пожалуйста, что за чудо-мод, очень кстати популярный по скачиваниям? Я понял, что он изменяет вроде надпись в футере и позволяет редактировать другие функции дефолтной темы Curve. Прав ли я?
Автор блога http://zarabotatj-v-internete.ru 8)

BoPoH

неправ, он добавляет в стандартную тему адаптивность для мобильных устройств, а для чего все это читать тут

janis79

Цитата: BoPoH от 30 мая 2015, 20:09:00
неправ, он добавляет в стандартную тему адаптивность для мобильных устройств, а для чего все это читать тут

Спасибо, полезная вещь для SEO, пойду проверять адаптацию в гугле)
Автор блога http://zarabotatj-v-internete.ru 8)

ALINA

Вчера просматривая вебмстеринг гугла обратила внимания на ошибки .Гугл тыкает носом на дополнительные темы на форуме .У меня в 2 -х разделах другие темы установлены . Вернее ,как другие ? Одна дефолтная curve,  вторая ее модификация .По умолчанию тема основная на форуме адаптирована под мобильные .Там все ок .Гугл, когда попадает в эти разделы, ругается .Вот раздумываю ....Если этот мод воткнуть будут ли эти 2 темы адпатированы под моб уст-ва ? Перестанет ли он визжать . Глянула .Там несколько правок .СтОит ли заморачиваться ? Будет ли толк ?

janis79

Цитата: ALINA от 14 июня 2015, 10:32:00
Вчера просматривая вебмстеринг гугла обратила внимания на ошибки .Гугл тыкает носом на дополнительные темы на форуме .У меня в 2 -х разделах другие темы установлены . Вернее ,как другие ? Одна дефолтная curve,  вторая ее модификация .По умолчанию тема основная на форуме адаптирована под мобильные .Там все ок .Гугл, когда попадает в эти разделы, ругается .Вот раздумываю ....Если этот мод воткнуть будут ли эти 2 темы адпатированы под моб уст-ва ? Перестанет ли он визжать . Глянула .Там несколько правок .СтОит ли заморачиваться ? Будет ли толк ?

Я снес этот мод, он действует в том случае, если вы сильно не изменяли тему, а так эффекта ноль. Там правок - "мама спаси" придется делать. Я пару медиазапросов в css внедрил и все, за 10 мин почти любой шаблон делается резиновым под мобильные устройства и гугл все принимает. Вот осталось только меню доработать для красоты и все. Попробуйте менять размер экрана браузера - сайт резиновый под любые размеры.
http://kopirajting.zarabotatj-v-internete.ru/
Автор блога http://zarabotatj-v-internete.ru 8)

ALINA

Цитата: janis79 от 14 июня 2015, 13:48:25сайт резиновый под любые размеры.

а что вам гугл говорит  на эту тему ? Адаптирован ? У меня на основной теме все ОК .А вот 2 те ,что в разделах ...Когда гугл по ним шастает, то в вебмастринге  ошибки пишет .
А что за медиазапросы в css ?

janis79

14 июня 2015, 16:48:35 #6 Последнее редактирование: 14 июня 2015, 17:22:09 от janis79
Цитата: ALINA от 14 июня 2015, 15:51:27
а что вам гугл говорит  на эту тему ? Адаптирован ? У меня на основной теме все ОК .А вот 2 те ,что в разделах ...Когда гугл по ним шастает, то в вебмастринге  ошибки пишет .
А что за медиазапросы в css ?

Да, все отлично оптимизировано для мобильных по обоим сервисам Гугла. Насчет медиазапросов, это вам лучше в интернете посмотреть, долго объяснять. Я в css прописывал медиазапросы для различных точек излома шаблона, которые определял через инструменты разработчика в браузере гугл (F12) и потом подправлял нужные места шаблона. Теперь вот все бьюсь, чтобы меню сделать, которое будет кнопкой открываться - тут уже сложновато...

Достаточно сам шаблон сделать резиновым и Гугл сразу кричит: "Все отлично!". А далее только удобства улучшать...

Я вот уже почти внедрил меню, которое на html коде и не обращается к базе данных, стандартное дефолт вообще вырежу. Оно также уже адаптировано под моб, можете попробовать мой сайт уменьшать в браузере. Осталось меню переписать под свои ссылки...
Автор блога http://zarabotatj-v-internete.ru 8)

alex-ergeev

Цитата: janis79 от 14 июня 2015, 13:48:25Я пару медиазапросов в css внедрил и все, за 10 мин почти любой шаблон делается резиновым под мобильные устройства и гугл все принимает.
http://kopirajting.zarabotatj-v-internete.ru/


Не можешь привести этих пару запросов? А то намучился с мобильными шаблонами, пробовал ставить несколько штук, вечно все недовольны, пользователи привыкли к снадратному, жалуются постоянно.

Kira

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

1. В базе в таблице "smf_members" создаём новую колонку "res_view" со значением по умолчанию "20" для сохранения настройки пользователя.

2. В \Sources\Load.php ищем
Код
mem.signature, mem.personal_text, mem.location, mem.gender,
и среди прочего вставляем
Код
mem.res_view,
Так два раза.

3. Добавляем выключатель. В \Sources\Profile-Modify.php ищем например
Код
'gender' => array(
 'type' => 'select',
 'cast_type' => 'int',
 'options' => 'return array(0 => \'\', 1 => $txt[\'male\'], 2 => $txt[\'female\']);',
 'label' => $txt['gender'],
 'permission' => 'profile_extra',
 ),
После него вставляем
Код
'res_view' => array(
 'type' => 'select',
 'cast_type' => 'int',
 'options' => 'return array( 20 => "Да", 10 => "Нет");',
 'label' => 'Адаптировать форум для мобильных устройств',
 'permission' => 'profile_extra_own',
 ),
Рисуем выключатель. Ищем
Код
setupProfileContext(
 array(
 'id_theme', 'smiley_set', 'hr',
 'time_format', 'time_offset', 'hr',
 'theme_settings',
Добавляем туда
Код
'res_view',

4. Собственно отключаем адаптивность. В \Themes\default\index.template.php после
Код
function template_html_above()
{
 global $context, $settings, $options, $scripturl, $txt, $modSettings;
добавляем
Код
global $user_settings;
Затем
Код
echo '
 <link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/index', $context['theme_variant'], '.css?fin20" />
        <link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/responsive', $context['theme_variant'], '.css?fin20" />';
заменяем на
Код
echo '
 <link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/index', $context['theme_variant'], '.css?fin20" />';
 if(!(($context['user']['is_logged']=='1') && ($user_settings['res_view']=='10'))){
 echo'
 <link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/responsive', $context['theme_variant'], '.css?fin20" />';
 }
Всё.

Ещё прикрутил к каждому сообщению кнопку, показывающую доп. информацию о постере (аватар, кол-во сообщений и т.д.), по умолчанию скрытую, что ИМХО, сильно добавило удобства. Если интересно, расскажу, как. На скриншоте кнопка в правом верхнем углу сообщения в первом сообщении не нажата, во втором нажата.



Kira

А гости не могут отключить адаптивность.

Ramzesito

на маленьких экранах этот мод отключает название постов в теме форума, а вместе с тем - ссылку на конкретный пост, как сделать, чтобы это название не отключалось? где расположен код, проверяющий текущую ширину экрана?
Sportgen.ru - Велосипед, лыжи и бег в Обнинске и Калужской области

GeorG

Файл /Themes/default/css/responsive.css
Этот код:
Код
.keyinfo h5, .keyinfo .messageicon, #messageindex .last_th {
 display: none;
 }

Вариант 1.
Можно просто в конце файла вставить это:
Код
@media screen and (min-width: 240px) and (max-width: 640px) {
 .keyinfo h5 {
 display: inherit;
 }
}

Вариант 2.
Можете так попробовать, тогда слишком длинная строка будет обрезаться (а не выходить за пределы монитора):
Код
@media screen and (min-width: 240px) and (max-width: 640px) {
 .keyinfo h5 {
 display: inherit;
 }
 .keyinfo h5 a {
 white-space: nowrap;
 overflow: hidden;
 display: block;
 text-overflow: ellipsis;
 width: 95%;
 margin: 0 auto;
 }
}

Вам недоступны вложения в этом разделе.
Верстка тем по шаблону, их доработка/переработка, переделка тем с версии smf 1.1 на smf 2.0. Примеры работ - insidestyle.ru
Установка модов (заточка под ваш форум); Моды под заказ; Обновление форума; Правильный перенос; Удаление/лечение вирусов; Устранения ошибок.
Обращаться в ЛС
Мой форум
Модуль анти-спама CleanTalk, сам пользуюсь
Сервера которыми сам пользуюсь - cadedic.ru

Ramzesito

GeorG, спасибо, заработало,

может знаете, как такую недоработку исправить? -

на маленьком экране ФОТО прекрасно тянутся/сжимаются под ширину экрана,
а вот ВИДЕО, встроенные модом Simple Audio Video Embedder(последняя версия 5.0), не хотят,
в настройках мода ширина/высота стоят default(=0), можно вручную, конечно прописать маленькие значения, но тогда на больших экранах видео останется миниатюрным
Sportgen.ru - Велосипед, лыжи и бег в Обнинске и Калужской области

GeorG

Всё точно так же - медиа-запросами (пример выше).
Определяете ширину устройства width, задаёте ширину вывода содержимого.
Верстка тем по шаблону, их доработка/переработка, переделка тем с версии smf 1.1 на smf 2.0. Примеры работ - insidestyle.ru
Установка модов (заточка под ваш форум); Моды под заказ; Обновление форума; Правильный перенос; Удаление/лечение вирусов; Устранения ошибок.
Обращаться в ЛС
Мой форум
Модуль анти-спама CleanTalk, сам пользуюсь
Сервера которыми сам пользуюсь - cadedic.ru