LINUX.ORG.RU

Wordpress: неправильно открываются фото на сайте

 


0

3

Здравствуйте!

Есть проблема с открытием фото на сайте под Wordpress.
Под большим фото в объявлении есть несколько маленьких фото, которые при нажатии на них, должны открываться на месте большого фото, но этого не происходит.
А происходит следующее: при нажатии на маленькое фото большое фото остается без изменений, но если него нажать, то в виде всплывающего окна открывается маленькое фото, которое должно было бы в этот момент демонстрироваться на месте большого фото.

В общем, несколько запутанное объяснение.

Лучше один раз увидеть. Пощёлкайте по фотографиям в объявлении и станет ясно, что я имею ввиду.

Вот ссылка на сайт: http://mobaza.pp.ua
Вот как это должно работать правильно: http://preview.byaviators.com/theme/realocation/properties/north-parchmore-st...

Почему так происходит? Что нужно сделать, чтобы решить ситуацию?

Вывод команды nginx -V

nginx version: nginx/1.6.2
TLS SNI support enabled
configure arguments: --with-cc-opt='-g -O2 -fstack-protector-strong -Wformat -Werror=format-security -D_FORTIFY_SOURCE=2' --with-ld-opt=-Wl,-z,relro --prefix=/usr/share/nginx --conf-path=/etc/nginx/nginx.conf --http-log-path=/var/log/nginx/access.log --error-log-path=/var/log/nginx/error.log --lock-path=/var/lock/nginx.lock --pid-path=/run/nginx.pid --http-client-body-temp-path=/var/lib/nginx/body --http-fastcgi-temp-path=/var/lib/nginx/fastcgi --http-proxy-temp-path=/var/lib/nginx/proxy --http-scgi-temp-path=/var/lib/nginx/scgi --http-uwsgi-temp-path=/var/lib/nginx/uwsgi --with-debug --with-pcre-jit --with-ipv6 --with-http_ssl_module --with-http_stub_status_module --with-http_realip_module --with-http_auth_request_module --with-http_addition_module --with-http_dav_module --with-http_geoip_module --with-http_gzip_static_module --with-http_image_filter_module --with-http_spdy_module --with-http_sub_module --with-http_xslt_module --with-mail --with-mail_ssl_module --add-module=/tmp/buildd/nginx-1.6.2/debian/modules/nginx-auth-pam --add-module=/tmp/buildd/nginx-1.6.2/debian/modules/nginx-dav-ext-module --add-module=/tmp/buildd/nginx-1.6.2/debian/modules/nginx-echo --add-module=/tmp/buildd/nginx-1.6.2/debian/modules/nginx-upstream-fair --add-module=/tmp/buildd/nginx-1.6.2/debian/modules/ngx_http_substitutions_filter_module 

Связка nginx + php-fpm + mysql устанавливалась командой

apt-get install nginx php5-cli php5-common php5-cgi php5-fpm mysql-server php5-mysql php5-gd

Все необходимые плагины вроде-как включены в тему.

В общем в чем заключается проблема? Как её решить?

Заранее благодарю за ответы!

Ты ведь в курсе что описанное тобой поведение должно быть запрограммировано в фронтэнде сайта (и в данном случае фронтэнд это не nginx, а HTML/CSS/JS).
В твоём случае этого не происходит потому-что требуемое поведение не запрограммировано, или запрограммировано неправильно.
Судя по всему у тебя запрограммировано другое поведение (открытие поп-апа). Запрограммировано оно может быть каким-то из плагинов, или темой.

MrClon ★★★★★ ()

вроде-как

Либо в JOB либо учитсья сайты пилить.
И, кстати, wordpress — всё-таки очень мерзкий инструмент.

Goury ★★★★★ ()
Ответ на: комментарий от MrClon

MrClon, Спасибо!
Буду шерстить код.
Просто в этой теме всё должно было работать «из коробки». Поэтому я подумал, что может у меня на сервере не хватает какого-нибудь модуля nginx или что-то в этом роде.

san-sanych ()
Ответ на: комментарий от san-sanych

В данный момент я забил на вордпресс и не практикую решение проблем с ним.
Меньше чем за $1000 мне совсем не выгодно возвращаться в эти дебри плагинов и костылей (кучу времени придётся потратить на изучение обновлений за последний год, бесплатно я этим заниматься не хочу), но эта задача столько не стоит даже близко.

Сделать простую страницу с требуемым функционалом я бы взялся за свои минимальные $100, но с точки зрения вордпресса этот путь неправильный.
Взялся бы и за крупный интересный проект, подразумевающий контракт на несколько месяцев (6+), под который можно и заложить месяц на теоретическую подготовку.

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

Бесплатно укажу на явный косяк: страница логина не шифруется, это дыра в безопасности как для сайта, так и для любого авторизующегося посетителя.

Goury ★★★★★ ()
Ответ на: комментарий от san-sanych

Не, nginx тут не при чём. Скорее всего какой-нибудь плагин мешается. отключи все плагины для начала и посмотри что будет. Ну и в настройки темы глянь (:

MrClon ★★★★★ ()
Ответ на: комментарий от Goury

Мерзкий, но не очень. Для мышесуйства может даже и лучший (в смысле остальные ещё хуже).

MrClon ★★★★★ ()
Ответ на: комментарий от MrClon

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

Суть: или клепать шаблонные сайты из готовых плагинов и зависеть от их разработчиков, или изучить гору документации и пилить что-нибудь своё, но это своё будет пилиться крайне неэффективно и будет неприменимо где-либо кроме вордпресса.

С одной стороны подкупает наличие большой базы плагинов, но вот ведь подвох: если рассчитывать на то, что большая часть работы уже проделана за тебя, то изучение документации окажется непродуктивным подходом (на подготовку к разработке меньшей части работы уйдёт времени сравнимо с разработкой целого проекта, большая часть которого типа уже готова); а если рассчитывать большую часть пилить самому, то оказывается что гораздо быстрее и полезней пилить на чём-нибудь другом — проще будет в случае чего переехать со своими наработками.

Вот и получается что что-нибудь с малой долей доработки не выгодно дорабатывать, а с большой долей — не выгодно даже начинать. А значит годится оно либо для продаж (заказчики задолбаются сами поддерживать и придётся платить исполнителю или фрилансерам), либо когда всё что надо уже есть готовое.

Goury ★★★★★ ()
Последнее исправление: Goury (всего исправлений: 3)
Ответ на: комментарий от Goury

высоким порогом вхождения

Ржу. Высокий порог вхождения обычно у фреймворков. Хрен его знает что сложного можно найти у WP.

ThisNameWasFree ()
Последнее исправление: ThisNameWasFree (всего исправлений: 1)
Ответ на: комментарий от ThisNameWasFree

Нет, ты всё перепутал.
У фреймворков порог вхождения низкий, но надо много всего уметь и много всего сделать.
А у готовых движков он высокий, но можно ничего не уметь и не делать вообще. Я про полноценную разработку пишу, а не про тупых домохозхяек.

Goury ★★★★★ ()
Последнее исправление: Goury (всего исправлений: 1)
Ответ на: комментарий от Goury

или изучить гору документации и пилить что-нибудь своё

Это ты про пару страниц из документации? Писал несколько плагинов для WP, когда надоело разбивать себе лицо фэйспалмами от убожества имеющихся. Сильно напрягаться не пришлось.

на подготовку к разработке меньшей части работы уйдёт времени сравнимо с разработкой целого проекта, большая часть которого типа уже готова

Меня это не хаит, если в результате допил недостающих 20% займёт меньше времени чем написание на фрэймворке. Это похоже у тебя чисто психологическое.
Меня вот хаи переписывать уже имеющийся развесистый проект с WP на какою-нибудь Джангу. Переписать-бы надо (тормоза задолбали, спагетти-код мой старый разобрать бывает трудно), но как представлю сколько всяких мелочей придётся пилить с нуля — руки опускаются.

MrClon ★★★★★ ()
Ответ на: комментарий от Goury

Goury исходя из вашего ответа я могу предложить вам только участие в проекте за некий процент от прибыли.
Проект предполагает сеть сайтов, построенных на Wordpress и OSClass (osclass.org), занимающихся посредничеством в области коммерческой информации: купля-продажа недвижимости, автомобилей, промышленных товаров и товаров для промышленности, сельского хозяйства и т.д.
Для начала того, где сейчас крутятся наибольшие деньги - недвижимость, торговля автомобилями.
Если вы (или кто-то) возьмет на себя программную сторону вопроса, то дело пойдет намного веселее.
Я в этом проекте готов решать коммерческие вопросы и вопросы системного администрирования сайтов.
Что скажете?
А по-поводу незашифрованной страницы логина, то это решаемо со стороны администрирования сервера. Я намерено отключил SSL на сайте - не решил пока вопрос с SSL-сертификатом.
Кстати, сайт, который я здесь показал, он не боевой. Это тестовый сайт на тестовом домене и тестовом хостинге.

san-sanych ()

Так выглядит картинка на http://preview.byaviators.com

<a href="http://preview.byaviators.com/theme/megareal/wp-content/uploads/2015/06/5388652886_e704c7e5fc_o.jpg" class="cboxElement"><img width="1920" height="1100" src="http://preview.byaviators.com/theme/megareal/wp-content/uploads/2015/06/5388652886_e704c7e5fc_o.jpg" class="attachment-full size-full" alt="interiors"></a>
Так у вас
<img width="1500" height="1053" src="http://mobaza.pp.ua/wp-content/uploads/2016/02/0002.jpg" class="attachment-full size-full" alt="0002" srcset="http://mobaza.pp.ua/wp-content/uploads/2016/02/0002-300x211.jpg 300w, http://mobaza.pp.ua/wp-content/uploads/2016/02/0002-768x539.jpg 768w, http://mobaza.pp.ua/wp-content/uploads/2016/02/0002-1024x719.jpg 1024w, http://mobaza.pp.ua/wp-content/uploads/2016/02/0002.jpg 1500w" sizes="(max-width: 1500px) 100vw, 1500px">
Если убрать атрибут srcset. Все начинает работать нормально. Можете попробовать в DevTools в хроме.

cli ()
Ответ на: комментарий от MrClon

А мне норм, пеперписываю свои костыли потихоньку.

Goury ★★★★★ ()
Ответ на: комментарий от san-sanych

Проект
купля-продажа недвижимости, автомобилей, промышленных товаров и товаров для промышленности

Вам бы на чём-нибудь более перспективном пилить, серьёзные вещи на вордпрессе поддерживать очень накладно будет.
Это, конечно, с каким-нибудь битриксом не сравнить, но даже в сравнении с грамотно написанным тандемом на уии разница получается на порядки (речь не столько о производительности, сколько о стоимости поддержки и стоимости внедрения новых фич).

Если вы... ...возьмет на себя программную сторону

Я вы взял, но либо за деньги либо без каких-либо гарантий сроков и на питоне.

вопросы системного администрирования
не решил пока вопрос с SSL-сертификатом

Так дела не делаются, SSL прикрутить — делов на десять минут.
На пару часов если совсем зелёный в этом деле.

Что скажете?

Скажу давайте ТЗ и посмотрим что я предложу как волонтёр или гарантии денежной компенсации от $100000 в год и начнём пахать на любом инструменте.

Goury ★★★★★ ()
Ответ на: комментарий от cli

cli у меня Линукс и Chrome сейчас не стоит. Есть какие-то аналоги DevTools под Iceweasel (Firefox) или Chromium?

И в каком файле искать этот атрибут srcset ? Поиск по содержимому файлов пока не дал результатов. Видимо нужно добавить какие-то символы к srcset .

В каком файле находится этот атрибут?

san-sanych ()
Ответ на: комментарий от cli

cli, Большое Вам Преогромное Спасибо!!!

Попробовал без srcset - действительно работает как надо.

Но где искать этот srcset ещё не разобрался.

san-sanych ()
Ответ на: комментарий от san-sanych

В function.php попробуй добавить:

remove_filter( 'the_content', 'wp_make_content_images_responsive' );

Но это может привести к потере адаптивности изображений. Косяк скорее всего в несовместимости шаблона и версии WP. Scrset появился в ветке 4.x

ilinsky ★★★★★ ()
Последнее исправление: ilinsky (всего исправлений: 1)
Ответ на: комментарий от ilinsky

ilinsky добавка вашей строки в ./папка-темы/function.php не помогла. Ведь именно этот файл вы имели ввиду? Или какой-то другой function.php?

Разработчик пишет, что с веткой 4.х.х эта тема совместима ....

Как найти этот scrset?

san-sanych ()
Ответ на: комментарий от san-sanych

Поискал по слову srcset по ВСЕМУ Wordpress. Нашлись srcset в файлах

./wp-includes/pluggable.php
./wp-includes/theme.php
./wp-includes/embed-template.php
./wp-includes/media.php
и еще в некоторых файлах в директории ./wp-admin/

Как мне обезвредить этот srcset ?

san-sanych ()
Ответ на: комментарий от san-sanych

Писал по памяти со с марта. Позже зайду с компа гляну. Вообще вроде так все. С утра голова еще видать не включилась.

ilinsky ★★★★★ ()
Ответ на: комментарий от ilinsky

Нашел.

Файл

./wp-includes/media.php
строка 823
от комментария // Generate 'srcset' and 'sizes' if not already present. 
и вниз весь код под комментарием удалил.

После этого srcset на странице исчез и фото открываются как надо.

Естественно я еще не тестировал с разных сторон.

Еще раз Большое Спасибо cli и вам ilinsky тоже Спасибо за наводку, что srcset нужно искать не в теме, а в самом Wordpress.

Проблема, вроде решена.

Также, Спасибо всем, кто написал в теме.

Всем успехов!

san-sanych ()
Ответ на: комментарий от san-sanych

Рад что все получилось. И все же. Я ошибся не function.php а functions.php.

После: <?php

добавил строку что я написал и у меня scrset отключился. WP 4.4.2.

Вообще хотелось бы узнать чем обусловлен выбор WordPress для вашего проекта? В свое время перелопатил несколько десятков сайтов на Wp еще на фрилансе и могу сказать что такой выбор это мягко говоря ошибка. Причин довольно много и как показала практика, сайты на WP хороши либо для обычных корпоративных сайтов, либо для бложиков о пирожках.

З.Ы. Предвижу налета WP фанов.

ilinsky ★★★★★ ()
Ответ на: комментарий от ilinsky

Буду иметь ввиду. Лучше, конечно, когда известен полный путь от корня сайта - тогда не возникает недоразумений.

Вордпресс выбрал из-за этой темы под него.

Как будет работать - посмотрим.

san-sanych ()
Ответ на: комментарий от san-sanych

А потом ты обновишь WP, и эти правки в wp-includes/media.php полетят к чёрт. Либо не будешь обновлять WP, и получишь столько взломов сколько сможет осилить твой сервер (:

С твоим уровнем компетенции в сайтостроении похоже стоит не WP заменять на что-то более другое, а искать специалиста который займётся техической стороной за тебя. Либо повышать свою техническую компетентность, разбираться во всём этом вот, но тогда у тебя скорее всего не останется времени и сил на бизнес.

MrClon ★★★★★ ()
Ответ на: комментарий от Goury

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

MrClon ★★★★★ ()
Ответ на: комментарий от MrClon

А потом ты обновишь WP, и эти правки в wp-includes/media.php полетят к чёрт. Либо не будешь обновлять WP, и получишь столько взломов сколько сможет осилить твой сервер (:

И это только часть того с чем предстоит сталкиваться в будущем.

ilinsky ★★★★★ ()

Я так понял что установлен плагин realia? Он не тестировался с версией 4.4.x и совместим вплоть до: 4.3.3. Сам параметр scrset появился в версии 4.4.

Строить сайт недвижимости на Вордпрессе это жесть. Когда мне выкатили такой сайтик у меня волосы дыбом встали. Около сотни плагинов, криво вставшие обновления, плагин для плагина и т.д. Конечно тот же OpenRealEstate нужно изрядно подпилить что бы он был красив, адаптивен и функционален, но все же есть CMS из которых это сделать можно не прибегая к костылям и кучи плагинов.

ilinsky ★★★★★ ()
Ответ на: комментарий от ilinsky

При желании и умении из WP можно сделать на редкость отвретительную мерзость. Насмотрелся на такое.
В общем-то это частный случай выстрела в ногу, проблема самого WP тут только в том что у этот пистолет очень легко заряжать и его рукоять удобна детям (: Вот и имеем что имеем.

MrClon ★★★★★ ()
Ответ на: комментарий от MrClon

Разбираться с технологией это пытаться въехать в кишки вордпресса. Вот где надо разбираться.
Фреймворки это просто наборы библиотек для удобства программирования. Если с программированием хорошо — разбираться там не нужно.

Goury ★★★★★ ()
Ответ на: комментарий от ilinsky

Вот потому я и говорил:

серьёзные вещи на вордпрессе поддерживать очень накладно будет

Goury ★★★★★ ()
Ответ на: комментарий от MrClon

А потом ты обновишь WP, и эти правки в wp-includes/media.php полетят к чёрт. Либо не будешь обновлять WP, и получишь столько взломов сколько сможет осилить твой сервер (:

Спасибо MrClon. Сделал копию отредактированного файла с другим именем в этой-же директории, изменил на него права на root. Надеюсь WP эту копию файла при обновлении не тронет. Плюс закину ещё одну копию в другую директорию.

Конечно при обновлении, если файл будет заменён опять начнутся проблемы. но эта проблема не страшная и будет продолжаться недолго - пока я не замечу. Понятно, что это может вылезти в неожиданных местах. Посмотрим.

За подсказку Спасибо - давно не имел дела с WP и забыл про его регулярные обновления.

san-sanych ()
Ответ на: комментарий от san-sanych

Ты всё-ещё делаешь это неправильно. Если хочешь использовать WP — используй его правильно.
Править файлы самого WP не надо, изменять поведение WP надо через плагины или темы (выше тебе уже говорили как решить твою проблему не редактируя файлы WP, осталось понять почему этот вариант не сработал). Кстати править чужие плагины и темы тоже не стоит, они тоже могут обновляться. Для внесения правок в темы механизм дочерних тем.
Вообще про то как готовить WP правильно есть хороший журнал, https://wpmag.ru/

MrClon ★★★★★ ()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.