Responsive на php

[Rudiarius]

Здоровья вам, форумчане!

 

Ничего не знаю по php, хорошо разбираюсь в html и css, недавно задался вопросом - как скрыть контент (при определённых параметрах окна браузера) при помощи php.

Конечно, есть отличный метод - 

@media only screen and (max-width: 1000px) { траляля... display:none;

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

<?php if ((is_front_page()) and (!is_paged())) { ?>любой контент, который хочу удалить с главной....<?php } ?>

Как сделать так, чтобы контент удалялся или появлялся в вёрстке - относительно  размера окна браузера? Если это вообще возможно.

 

Что-то типа -

<?php if ((max-width: 1000px)) (волшебствошаманство())) { ?>

тут контент, который хочу спрятать 

<?php } ?>

 

[afdw]

Никак. На PHP нельзя узнать размер окна браузера пользователя.

[Rudiarius]

Никак. На PHP нельзя узнать размер окна браузера пользователя.

 

Ну, может, хоть как-нибудь можно выдернуть часть html кода из вёрстки - относительно размера окна браузера? Может, кто то знает какое-нибудь альтернативное решение, на аяксе - например... или ещё чёнить?

Edited June 20, 2015 by Rudiarius

[afdw]

 

аяксе

`эйджекс читается. AJAX - это фактически способ общения с сервером на JS, способ сделать к нему запрос.

 

Чем не подошёл @media?

[Andryshok]

PHP это серверный язык  - код выполняется на сервере,соответственно он ничего не знает о  размерах окна, используйте js в таком случае, хотя вообще вопрос странный весьма -  по крайней мере все мне знакомые адаптивные сайты используют медиа запросы..... а тут какое то шаманство ....  зачем   или это недостаток знаний?

Edited June 20, 2015 by Andryshok

[Vlad]

Вообще, есть ситуация, когда media не подходит - вывод разной рекламы для мобильников и компов от Яндекса. По правилам системы разные рекламные блоки надо выводить через JS, чтобы они не знали друг о друге.

[Нарек]

Можно сначала узнать размер окна браузера потом уже загрузить тот или иной файл.

Скажем выше 1280 загружаем index1.html а для меньше index2.html

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

[Rudiarius]

хотя вообще вопрос странный весьма -  по крайней мере все мне знакомые адаптивные сайты используют медиа запросы..... а тут какое то шаманство ....  зачем   или это недостаток знаний?

 

Чтобы сайт работал на всех устройствах, нужно:

1) Респонсив, это когда содержимое контента трасформируется - относительно размеров кона браузера (@media). Некоторые блоки скрываются, а некоторые - выводятся... но все блоки, изначально, присутствуют в вёрстке - что, как мне кажется, негативно влияет на сео...

 

или

 

2) Тупо мобильная версия - сайт №2, но с вёрсткой под мобильники... на subname - m.domen.ru, например. Этот метод с поддоменами - тоже не айс, для последующего редактирования/дополнения дизайна.

 

Вот я и хотел сделать что то типа респонсив-мобильная версия, как бы одновременно, 2 in 1. Для более чистого кода и лучшего восприятия поисковыми ботами.

Edited June 21, 2015 by Rudiarius

[Veseloff]

У поисковика вообще нет разрешения экрана, что ему показывать?

[Rudiarius]

У поисковика вообще нет разрешения экрана, что ему показывать?

Поисковику я собираюсь показывать исходный код =)) Например: http://pr-cy.ru/simulator/Собственно, исходный код я и хочу очистить от ненужных, при определённых параметрах монитора, участков кода...

[afdw]

 

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

Так это же CSS, а не HTML. Google наоборот приветствует такой подход.

[Rudiarius]

 

 

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

Так это же CSS, а не HTML. Google наоборот приветствует такой подход.

 

 

Правильно сделали, что в правилах написали, что вы тут не телепаты! Вы тут ой как не телепаты... =))) 

 

Где вы тут css увидели? Я скинул ссылку на сервис "сайт глазами бота", этот сервис выводит html вёрстку, то-есть то, что видит поисковый бот при заходе на сайт.

 

Объясняю ещё раз!

 

Заходим на сайт http://avastore.oldaine.tk/ зауживаем окно браузера - видим, что меню изменилось:

 

Первое меню http://jpegshare.net/images/a5/8f/a58f873e2c0fb2cb85716d92c4633b23.pngскрылось из вида (оно осталось в вёрстке, просто его не видно пользователям, но его видят боты).

Когда первое меню скрылось - появилось второе, адаптивное меню http://jpegshare.net/images/40/82/408240329c035eda7b689ca5b0e888fb.png

 

Вот так это выглядит в исходном коде - https://leto11h.storage.yandex.net/rdisk/1d243d81ead274de84304c606d0156d40cecaddc08992fd861bad383db8b2c97/inf/FUywBvx43XHq6Qay8wOY6Pb2VDyGRBK_SNMiXaagP_4CF95xbuzrfIiIDtJvOqM3xs4a6CvtP0hk3NRK4zOp9A==?uid=0&filename=2015-06-21_220218.png&disposition=inline&hash=&limit=0&content_type=image%2Fpng&tknv=v2&rtoken=4ccea5ac1eb8efb4b70e192c4a72eefc&force_default=no

 

А я хочу, что бы html код мобильного меню (меню №2) присутствовала в исходном html коде только у того пользователя, который  открыл сайт через маленький монитор/зауженный браузер...

Чтобы у пользователей с широким монитором и у ботов - html код меню №2 вообще не выводился.  

 

Это и есть суть моего первого поста/вопроса. 

 

 

Заранее отвечу присутствующим здесь "сеогуру", алгоритмы поисковых систем - доподлинно никому не известны, в т.ч - Вам! В правильности моей идеи можно убедиться только практическим экспериментом.

[afdw]

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

[Veseloff]

А я хочу, что бы html код мобильного меню (меню №2) присутствовала в исходном html коде только у того пользователя, который  открыл сайт через маленький монитор/зауженный браузер...

Если капец нет сил терпеть, то передавайте параметром ширины экрана. Но вообще  я бы порекомендовал не заниматься глупостями.

[li4e]

Если так хочется, то вы можете изначально оставить одно меню, а после загрузи страницы норм браузером убрать одно меню и добавить другое js'oм. Т.е. изначально у вас в исходном коде только одном меню. Но это как то тупо.

[Rudiarius]

Если так хочется, то вы можете изначально оставить одно меню, а после загрузи страницы норм браузером убрать одно меню и добавить другое js'oм. Т.е. изначально у вас в исходном коде только одном меню. Но это как то тупо.

 

Ближе к телу, но действительно тупо. А чисто и красиво вопрос решить невозможно - ещё в первом посте написали... Ладно, придётся забить на эту идею... 

 

Дело то не только в меню, меню я для примера привёл, так то у меня было много разных  задумок... + Влад пример привёл хороший - 

 

Вообще, есть ситуация, когда media не подходит - вывод разной рекламы для мобильников и компов от Яндекса. По правилам системы разные рекламные блоки надо выводить через JS, чтобы они не знали друг о друге.

[Int]

Можно удалять контент JS'ом, а можно загружать с сервера JS'ом, всё это можно делать на основе размера экрана.