Адаптация сайта WP

@mynameanton · Регистрация: 13.11.2013

Author24 — интернет-сервис помощи студентам

Не могу разобраться в шаблоне, я его купил два года назад и в нём не была встроена адаптация под мобильные телефоны. Кое как я сделал адаптацию, НО на главной странице использован jQuery.Shapeshift и я его ни как не могу адаптировать под телефон. Если браузер постепенно уменьшать jQuery.Shapeshift работает нормально, но если загружать страницу сразу в маленьком размере то блоки съезжают.
Нормальный вид сайта:

Кликните здесь для просмотра всего текста

Постепенно уменьшил размер окна:

Кликните здесь для просмотра всего текста

А вот как выглядит если загружаю сразу в маленьком размере:

Кликните здесь для просмотра всего текста

Подскажите что мне делать?
Адрес сайта: http://innakruglova.com

@Jackky · 12.03.2016, 22:03

Если по-умолчанию шаблон работал нормально, то дело в каких-то ваших действиях.

@mynameanton · 12.03.2016, 23:07 **[ТС]**

Сделано всё правильно, надо отключить JavaScript при размере экрана менее 940px, но как это реализовать я не знаю. Пробовал вставлять код

HTML5

    <script type="text/javascript">
        $(document).ready(function(){
            if ($(window).width() > 940) {
                $(".latest").shapeshift();
            }
        })
    </script>

Но JS вообще переставал работать.
Помогите пожалуйста

@Jackky · 12.03.2016, 23:13

Потому что у вас Вордпресс. Все скрипты jQuery не работают через псевдоним.
Чтобы при добавлении ничего не рушилось, надо $ заменять на jQuery. В данном случае так:

Javascript

       jQuery(document).ready(function(){
            if (jQuery(window).width() > 940) {
                jQuery(".latest").shapeshift();
            }
        });

Добавлено через 2 минуты
Еще по консоли видно, что сайт не находит js файлики, которые, видимо, нужны:
GET http://innakruglova.com/js/lib... tom.min.js 404 (Not Found)

@mynameanton · 12.03.2016, 23:44 **[ТС]**

К сожалению не помогло.

Javascript

       jQuery(document).ready(function(){
            if (jQuery(window).width() > 940) {
                jQuery(".latest").shapeshift();
            }
        });

Даже не знаю что дальше делать куда двигаться уже неделю пытаюсь решить.

@Jackky · 12.03.2016, 23:45

Так а изначально в теме такой проблемы нет? Можно ссылку на тему?

@mynameanton · 12.03.2016, 23:58 **[ТС]**

Извините, сайт был в кеше,

ваш метод мне помог

Javascript

       jQuery(document).ready(function(){
            if (jQuery(window).width() > 940) {
                jQuery(".latest").shapeshift();
            }
        });

Огромное спасибо

@Jackky · 13.03.2016, 00:07

Тогда я рад)

Новые блоги и статьи
Использование GraphQL в Go (Golang) InfoMaster 08.01.2025 Go (Golang) является одним из наиболее популярных языков программирования, используемых для создания высокопроизводительных серверных приложений. Его архитектурные особенности и встроенные. . .	Что лучше использовать при создании класса в Java: сеттеры или конструктор? Alexander-7 08.01.2025 Вопрос подробнее: На вопрос: «Когда одновременно создаются конструктор и сеттеры в классе – это нормально?» куратор уточнил: «Ваш класс может вообще не иметь сеттеров, а только конструктор и геттеры. . .	Как работать с GraphQL на TypeScript InfoMaster 08.01.2025 Введение в GraphQL и TypeScript В современной разработке веб-приложений GraphQL стал мощным инструментом для создания гибких и эффективных API. В сочетании с TypeScript, эта технология. . .	Счётчик на базе сумматоров + регистров и генератора сигналов согласования. Hrethgir 07.01.2025 Создан с целью проверки скорости асинхронной логики: ранее описанного сумматора и предополагаемых fast регистров. Регистры созданы на базе ранее описанного, предполагаемого fast триггера. То-есть. . .	Как перейти с Options API на Composition API в Vue.js BasicMan 06.01.2025 Почему переход на Composition API актуален В мире современной веб-разработки фреймворк Vue. js продолжает эволюционировать, предлагая разработчикам все более совершенные инструменты для создания. . .	Архитектура современных процессоров inter-admin 06.01.2025 Процессор (центральный процессор, ЦП) является основным вычислительным устройством компьютера, которое выполняет обработку данных и управляет работой всех остальных компонентов системы. Архитектура. . .
История создания реляционной модели баз данных, правила Кодда Programming 06.01.2025 Предпосылки создания реляционной модели В конце 1960-х годов компьютерная индустрия столкнулась с серьезными проблемами в области управления данными. Существовавшие на тот момент модели данных -. . .	Полезные поделки на Arduino, которые можно сделать самому raxper 06.01.2025 Arduino как платформа для творчества Arduino представляет собой удивительную платформу для технического творчества, которая открывает безграничные возможности для создания уникальных проектов. Эта. . .	Подборка решений задач на Python IT_Exp 06.01.2025 Целью данной подборки является предоставление возможности ознакомиться с различными задачами и их решениями на Python, что может быть полезно как для начинающих, так и для опытных программистов. . . .	С чего начать программировать микроконтроллеры raxper 06.01.2025 Введение в мир микроконтроллеров Микроконтроллеры стали неотъемлемой частью современного мира, окружая нас повсюду: от простых бытовых приборов до сложных промышленных систем. Эти маленькие. . .	Из чего собрать игровой компьютер inter-admin 06.01.2025 Сборка игрового компьютера требует особого внимания к выбору комплектующих и их совместимости. Правильно собранный игровой ПК не только обеспечивает комфортный геймплей в современных играх, но и. . .	Обновление сайта www.historian.by Reglage 05.01.2025 Обещал подвести итоги 2024 года для сайта. Однако начну с того, что изменилось за неделю. Добавил краткий урок по последовательности действий при анализе вредоносных файлов и значительно улучшил урок. . .

@mynameanton 0 / 0 / 0 Регистрация: 13.11.2013 Сообщений: 33
		1
	Адаптация сайта WP 12.03.2016, 02:39. Показов 1288. Ответов 7 Метки нет (Все метки) Не могу разобраться в шаблоне, я его купил два года назад и в нём не была встроена адаптация под мобильные телефоны. Кое как я сделал адаптацию, НО на главной странице использован jQuery.Shapeshift и я его ни как не могу адаптировать под телефон. Если браузер постепенно уменьшать jQuery.Shapeshift работает нормально, но если загружать страницу сразу в маленьком размере то блоки съезжают. Нормальный вид сайта: Кликните здесь для просмотра всего текста Постепенно уменьшил размер окна: Кликните здесь для просмотра всего текста А вот как выглядит если загружаю сразу в маленьком размере: Кликните здесь для просмотра всего текста Подскажите что мне делать? Адрес сайта: http://innakruglova.com 0

@Jackky 33 / 34 / 13 Регистрация: 06.04.2012 Сообщений: 264
	12.03.2016, 22:03	2
	Если по-умолчанию шаблон работал нормально, то дело в каких-то ваших действиях. 0

@Jackky 33 / 34 / 13 Регистрация: 06.04.2012 Сообщений: 264
	12.03.2016, 23:45	6
	Так а изначально в теме такой проблемы нет? Можно ссылку на тему? 0

@Jackky 33 / 34 / 13 Регистрация: 06.04.2012 Сообщений: 264
	13.03.2016, 00:07	8
	Тогда я рад) 0

Адаптация сайта WP

Решение