Адаптация сайта для мобильных устройств

[Zaknafain]

Подскажите каким образом лучше реализовать адаптацию сайта под мобильники? Какие плагины самые толковые?
http://wordpress.org/plugins/wapple-architect/ и конкретно про него кто то может что нибудь сказать?

 

[D&B]

Качественные темы все уже адаптированы под мобильные девайсы. Никаких плагинов не надо.

 

[Zaknafain]

Качественные темы все уже адаптированы под мобильные девайсы. Никаких плагинов не надо.

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

 

[rikitiki]

А вы просто не пытались окно браузера по ширине минимально уменьшить? Так примерно сайт будет и на мобильниках выглядеть, только в худшую сторону.

 

[sunburst007]

а если не адаптирован шаблон ? не подскажите чего делать а то я все налепил уже((находил туториалы и чет вообще разобраться не могу

 

[sunburst007]

а лучше, как зафиксировать шаблон для всех экранов?
а то он даже при уменьшении окна браузера скачет((
подкиньте какой-нить туториал для чайника

 

[sunburst007]

ап)

 

[amoresperros]

а лучше, как зафиксировать шаблон для всех экранов?
а то он даже при уменьшении окна браузера скачет((
подкиньте какой-нить туториал для чайника

Вам необходимо изучить азы верстки для начала, гугл htmlbook там и css есть, создание адаптивное верстки тоже.

 

[amoresperros]

а если не адаптирован шаблон ? не подскажите чего делать а то я все налепил уже((находил туториалы и чет вообще разобраться не могу

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

 

[ShoNN]

Добрый вечер, подскажите пожалуйста как решить проблему. Стоит адаптивная тема под мобильные устройства Storefont и совместимая с woocommerce http://clockka.ru/. сайт отображается отлично на android, а вот на apple скачет карточка товара. Карточку подгонял с помощью этой темы, https://wpcommerce.ru/threads/vyvod-knopki-ili-ceny-na-odnom-urovne.2318/. Скажите как адаптировать под apple, делать отдельный вариант карточки для каждого разрешения экрана через @media screen или есть способ проще? Так же пробовал менять значения px на % особых изменений не дало.

 

[searchingman]

Скажите как адаптировать под apple, делать отдельный вариант карточки для каждого разрешения экрана через @media screen или есть способ проще?

Да. Именно так и делается с помощью медиа-запросов.

 

[ShoNN]

Можно еще несколько вопросов?)
Почему сайт на телефонах android сразу отображался адаптивно, а вот apple требует дополнительных махинаций с кодом, в чем разница?


Еще о дин, когда редактирую карточку товара под 600х800 какое бы значение в процентах я не выставлял, на странице отображается один товар на строке. Не подскажите как сделать несколько?

И последний, изменения в родительской теме рекомендуют производить созданием дочерней, прописанные мной строки касаемо медиа-запросов работают только в родительском style.css. Возможно я допустил ошибку в
@import url.
/*
Theme Name: storefont-Child
Theme URI: http://clockka.ru/
Description: Дочерняя тема для темы storefont
Author: ShoNN
Author URI: http: //clockka.ru/about/
Template: storefont
Version: 0.1.0
*/
@import url("public_html/wp-content/themes/storefront");

 

[searchingman]

И последний, изменения в родительской теме рекомендуют производить созданием дочерней, прописанные мной строки касаемо медиа-запросов работают только в родительском style.css. Возможно я допустил ошибку в
@import url.
/*
Theme Name: storefont-Child
Theme URI: http://clockka.ru/
Description: Дочерняя тема для темы storefont
Author: ShoNN
Author URI: http: //clockka.ru/about/
Template: storefont
Version: 0.1.0
*/
@import url("public_html/wp-content/themes/storefront");

Возьмите любую дочернюю тему для StoreFront, н-р, Boutique и посмотрите как подключаются стили.

 

[ShoNN]

Возьмите любую дочернюю тему для StoreFront, н-р, Boutique и посмотрите как подключаются стили.

Огромное спасибо, в теме Butique не разобрался, но проблема была решена кнопкой "активировать" в WP.

 

[Natalya Kolesova]

Огромное спасибо, в теме Butique не разобрался, но проблема была решена кнопкой "активировать" в WP.

А где эта волшебная кнопочка находится? У меня Storefront и гугля ругается, просит тему адаптировать...

 

[ShoNN]

А где эта волшебная кнопочка находится? У меня Storefront и гугля ругается, просит тему адаптировать...

админ панель -> внешний вид -> темы -> выбираете нужную вам и жмете активировать.
можно скрин или ссылку Storefront сама по себе адаптивная тема, у нее в style.css все в относительных единицах измерения "em". И с мобильными устройствами она дружит. В ней просто ползет сетка товаров, потому что Cart Tab выстраивается относительно изображения, проще их подогнать под один формат.

 

[Natalya Kolesova]

админ панель -> внешний вид -> темы -> выбираете нужную вам и жмете активировать.
можно скрин или ссылку Storefront сама по себе адаптивная тема, у нее в style.css все в относительных единицах измерения "em". И с мобильными устройствами она дружит. В ней просто ползет сетка товаров, потому что Cart Tab выстраивается относительно изображения, проще их подогнать под один формат.

Я тоже надеялась на то, что тема адаптирована под мобильные устройства... Но в телефонах, к сожалению, не очень всё комильфо... У меня каталог товаров в произвольном меню и в шапке стоит логотип магазина. На мобильниках логотип занимает кучу пространства, а список категорий товаров располагается в самом низу... Надо прописывать мобильную версию дополнительно, но сама с этим не справлюсь... Ищу плагин, которым можно её создать. И соответственно, в связи с этим вопросы возникли: насколько такой плагин увеличит вес сайта и не будет ли конфликта плагина с темой? Ведь в теме уже прописана функция мобильной версии, значит её нужно отключить, а в каком файле и как? Сайт: http://novostea.ru/

 

[ShoNN]

Я тоже надеялась на то, что тема адаптирована под мобильные устройства... Но в телефонах, к сожалению, не очень всё комильфо... У меня каталог товаров в произвольном меню и в шапке стоит логотип магазина. На мобильниках логотип занимает кучу пространства, а список категорий товаров располагается в самом низу... Надо прописывать мобильную версию дополнительно, но сама с этим не справлюсь... Ищу плагин, которым можно её создать. И соответственно, в связи с этим вопросы возникли: насколько такой плагин увеличит вес сайта и не будет ли конфликта плагина с темой? Ведь в теме уже прописана функция мобильной версии, значит её нужно отключить, а в каком файле и как? Сайт: http://novostea.ru/

Мобильная версия сайта прописана в файле style.css и ее описание скорей всего начинается со строчки @media screen and (max-width: 568px) {. Как внести изменения в нее смотрите здесь.
Плагины для адаптации есть, о самых популярных можно почитать здесь . Мобильную версию моего сайта генерирует плагин Jetpack советую вам его попробовать.

 

[Natalya Kolesova]

Мобильная версия сайта прописана в файле style.css и ее описание скорей всего начинается со строчки @media screen and (max-width: 568px) {. Как внести изменения в нее смотрите здесь.
Плагины для адаптации есть, о самых популярных можно почитать здесь . Мобильную версию моего сайта генерирует плагин Jetpack советую вам его попробовать.

Огромное спасибо за оперативный ответ и реальную помощь!!! Для меня вариантов нет, придётся использовать плагин ((((