Сегодня 28 марта, четверг ГлавнаяНовостиО проектеЛичный кабинетПомощьКонтакты Сделать стартовойКарта сайтаНаписать администрации
Поиск по сайту
 
Ваше мнение
Какой рейтинг вас больше интересует?
 
 
 
 
 
Проголосовало: 7272
Кнопка
BlogRider.ru - Каталог блогов Рунета
получить код
Человек-Хэмингуэй
Человек-Хэмингуэй
Голосов: 2
Адрес блога: http://kvisaz.ru
Добавлен: 2007-12-13 21:24:07 блограйдером Luber
 

Как пройти тест Google Mobile Friendly

2015-05-20 10:06:59 (читать в оригинале)

Краткое руководство по прохождению Mobile Friendly Test
1. Шрифт 18px
2. Адаптивная ширина (можно через медиаквери или растягивающийся див, как на старых сайтах)
3. мета тег viewport в заголовке

Без п. 3 - пп. 1 и 2 Гуглем не засчитываются

2015-05-20_131024.png

Что сделал я - использовал обычный дизайн сайта (не этого), просто в CSS дописал такие строчки:

@media screen and (min-width: 800px) {
#wrapper { width:800px; }
#sidebar { width: 170px; }
#content { width: 600px; }
.thumb { width: 260px; margin-right:20px;}
.thumb img { width: 260px;}
}

@media screen and (min-width: 1024px) {
#wrapper { width:1024px; }
#sidebar { width: 200px; }
#content { width: 790px; }
.thumb { width: 250px; margin-right:10px;}
.thumb img { width: 250px;}

}

@media screen and (min-width: 1152px) {
#wrapper { width:1152px; }
#sidebar { width: 220px; }

#content { width:900px; }
.thumbspack { font-size:16px;}
.thumb { width: 280px;}
.thumb img { width: 280px;}

}

@media screen and (max-width: 799px){
#wrapper { width:320px; }
#content { float:none; }
#sidebar { float:none; }
.button { width: auto; }
.button:hover { width: auto; }

.thumb {
display:block;
float:none;
margin-right:auto;
margin-left:auto;
}
}

Первые три @media screen - это для экранов от 800, от 1024 и от 1152, последний - вариант для экранов, которые не набрали и 800px.

Смысл этих штук - адаптировать размеры и поведение главных блоков дизайна (контент, сайдбар, общий враппер) под соответствующие разрешения. Туда же вписал хаки для отдельных элементов, которые “плохо” вели себя на подходящих размерах.

Google сказал, что теперь сайт Mobile Friendly.

ЗЫ:Самое важное! Самое маленькое разрешение должно быть адаптировано под ширину 320 пикселов - ибо, как написано в мобайл-тесте у Гугля, таково “аппаратно-независимое” разрешение у iPhone 5. И именно под него он показывает картинку в тесте. У меня до этого момента стояло 350 пикселов в минимальной ширине (последний media screen), и часть слов при этом обрезалась (а тупой робот Гугля все равно воспринимал как Mobile Friendly). Я поправил на 320 - и картинка стала нормальной.



Описание только на первой странице рубрики

2014-09-16 11:16:12 (читать в оригинале)

У Wordpress есть переменная $paged. Она означает номер страницы, к примеру, в архиве рубрики. Соответственно, если вы хотите, чтобы уникальный текст был только на главной странице рубрики, то надо написать в category.php что-то вроде:

if ($paged<2) {
//вывод текста для 1 страницы
}
else {
//вывод текста для всех остальных страниц
}

?>



Убрать category из URL

2014-09-03 09:00:42 (читать в оригинале)

Ещё один плагин нашёл для замены старого костыля - Remove Category URL.

Делает он вот что - убирает стандартный префикс category из урлов рубрик для Wordpress.

Убрать category из URL

Для интереса можете посмотреть мануал по ручной уборке этого префикса без плагинов. Я потратил тогда много времени и потом ещё тратил немного на ручную работу.

А тут просто установил плагинчик и всё.



Замена URL по всей базе Wordpress

2014-09-03 07:43:15 (читать в оригинале)

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

Для этой цели затестировал несколько плагинов

1. WPEX Replace DB Urls - нихера. То есть вообще не нашёл строку в БД. А она там есть. Посему даже ссылку на это говно недоделанное не даю.

2. Velvet Blues Update URLs - сработал отлично, заменил все данные.

Velvet Blues Update URLs

Что немаловажно - плагин обновляется, живёт. В опциях можно выбирать где менять - во всех таблицах или только в постах или только в аттачментах.

Отлично меняет часть URL, то есть то, что как раз было надо сделать. 10 из 10.



Бэкап и клонирование своего сайта на Wordpress

2014-08-31 19:11:51 (читать в оригинале)

Потестировал XCloner. Это плагин к Вордпрессу для переноса сайта.

Познакомился я с ним так - купил один сайт готовый на ВП и увидел его в списке плагинов. Пригляделся - ба! - да ведь именно так создатель сайта его и подготовил для переноса на мой хостинг. Плагинчик делает дамп SQL-базы и архив всех файлов Вордпресс, складывает в один tar-архивчик и передаёт по FTP на нужный хостинг.

Сейчас тест на стадии “все файлы скопированы”. То есть архивы сделаны, файлы перемещены. Осталось подождать, когда включится DNS для нового домена, чтобы запустить клонер на нём и увидеть, как сайт восстанавливается из бэкапов.

В данном случае у меня был один сайт, совсем уже больной и нерабочий, который требовал обновления. Но какие-то пользователи на нём ещё были. Чтобы минимизировать паузу, я подготовил новый вариант сайта на Wordpress на альтернативном хостинге на другом домене. Если бы делал сразу на оригинальном сайте - юзеры увидели бы много нерабочего. А так я им подсуну новый хороший сайт, сразу готовый к работе. Только паузу в несколько часов придётся выдержать (вместо нескольких дней).

Да, XCloner автоматически меняет URL сайта в дампе базы данных, что очень удобно.

Теперь вот жду, чтобы закончить перенос и сообщить об итогах работы в целом.



Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 ... 

 


Самый-самый блог
Блогер Рыбалка
Рыбалка
по среднему баллу (5.00) в категории «Спорт»


Загрузка...Загрузка...
BlogRider.ru не имеет отношения к публикуемым в записях блогов материалам. Все записи
взяты из открытых общедоступных источников и являются собственностью их авторов.