D.iK.iJ

D.iK.iJ
Рейтинг
239
Регистрация
26.05.2013
Должность
Человек-оркестр
Интересы
Занимаюсь адаптивной версткой сайтов, а в свободное время делаю симпатичные кулоны с опалами.
Делай что должен. И будь оно... просто будь! 💬 Когда будет срублено последнее дерево, когда будет отравлена последняя река, когда будет поймана последняя птица, – только тогда вы поймете, что деньги нельзя есть. 💬 Лучший момент, чтобы посадить дерево, был 20 лет назад. Второй лучший момент - сейчас.

Попробовать адаптивные блоки Адсенс? Ну или проверить на других телефонах.

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

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

Veterok2009:
меряемся ))

А смысл? 100 из 100 получить во многих случаях довольно легко. Но если на сайте есть блоки рекламы Гугла, Яндекса, кнопки Поделиться или какие-то плавающие "Позвоните нам" консультанты, больше 97 просто "не светит".

Да, можно это все скрывать на 320 и меньше, но зачем?

SergeyKocha:
Не поняли. Я о том, что раз выстраиваете весь контент десктопа в одну длинную полосу...

1) Я 1 адаптивный сайт сделал для себя. Так как тыкать пальцем на маленьком экране в маленькие ссылки - это кошмар. Особенно, если с прокруткой.

2) Тыкают еще как. На рекламу - даже больше, чем на десктопе.

3) У меня на любом сайте достаточно повернуть телефон БОКОМ и будет нормальная версия.

Да и не видел я ни одного сайта, где переход к мобильной версии приводил прямо к ГИГАНТСКОЙ ленте. Даже если там роман целый.

Андрей Минаев:
А куда вставлять сие великолепие? После каких тегов?

Мета тег конечно же в <header>:

<meta name=viewport content="width=device-width, initial-scale=1">

Ну а стили можно в файл стилей. Ну или в тот же Хедер сайта, обрамив тегами <style></style>:

@media screen and (max-width: 700px) {

img {max-width: 96% !important; height: auto !important;}
iframe, textarea, input, button, submit, video, object, embed {max-width: 99% !important;}
table, span, div, ins {max-width: 100% !important;}
}
@media screen and (max-width: 500px) {
body, tbody {
-moz-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;}
}
@media screen and (max-width: 400px) {
td {word-break: break-all;}
}

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

PartW:
А объявления стоят адаптивные?

Адаптивные конечно. Так и не понял, изменились ли доходы.

Заморачивался много только с 1 сайтом. Когда сообразил что и как лучше делать, пошло легче.

Да, все сам конечно :) Вот тут в последнем сообщении CSS есть для начала.

Делал и верстал все сам. Сайтов 18 уже. Все делал на обычном CSS (медиа), так как адаптивный тянущийся дизайн "рулит".

На своих сайтах - все свое и тянущееся. На чужих - шаблон любой КМСки, который ломается и делается красивым тянущимся.

Давайте скину готовое для .htaccess. Использую при адаптации сайтов, но на всех моих сайтах, например, оно настраивалось на хостинге:

<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access 7 days"
ExpiresByType image/x-icon "access plus 2592000 seconds"
ExpiresByType image/jpeg "access plus 2592000 seconds"
ExpiresByType image/png "access plus 2592000 seconds"
ExpiresByType image/gif "access plus 2592000 seconds"
ExpiresByType application/x-shockwave-flash "access plus 2592000 seconds"
ExpiresByType text/css "access plus 604800 seconds"
ExpiresByType text/javascript "access plus 604800 seconds"
ExpiresByType application/javascript "access plus 604800 seconds"
ExpiresByType application/x-javascript "access plus 604800 seconds"
ExpiresByType text/html "access plus 604800 seconds"
ExpiresByType application/xhtml+xml "access plus 600 seconds"
</IfModule>

<ifModule mod_headers.c>
<filesMatch "\.(ico!pdf!flv!jpg!jpeg!png!gif!swf)$">
Header set Cache-Control "max-age=2592000, public"
</filesMatch>
<filesMatch "\.(css!js!txt!html!htm)$">
Header set Cache-Control "max-age=2592000, public"
</filesMatch>
<filesMatch "\.(php!xml)$">
Header set Cache-Control "max-age=172800, private, must-revalidate"
</filesMatch>
</ifModule>

Клацаете - это хорошо, но что выдает сервер в заголовке?

Кроме WWW еще бывает переадресация на страницу со слешем (без слеша) в конце.

Ну и дата там еще 20 число. Может и 404 было тогда.

Если есть плагин / адаптивная тема - ставьте :)

Если руками и бесплатно: /ru/forum/873867

Ну еще мне иногда пишут по переделке сайтов. Уже штук 18 переделал. :)

Всего: 2932