Я привык делать сайты на основе WordPress, поэтому сейчас расскажу, как можно сделать мобильную версию такого сайта. Кстати, недавно сделал такую для нашего журнала:

.

Что для этого понадобится?

• Компьютер с файловым менеджером (чтобы работал по FTP) и Интернетом
• Сайт на WordPress
• Минималистичная тема (есть такие, сделанные специально под мобильные устройства)
• Плагин WordPress Mobile Pack

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

Как же плагин будет определять, с мобильного устройства зашли или нет? Есть несколько вариантов:

• Автоматически (по заголовкам)
• Мобильная версия сайта (типа m.twitter.com)
• Обоими способами

Там же в настройках можно выбрать тему. При необходимости в футере можно вывести ссылку на переключение на полноценный сайт.

Как проверить сайт? Самое простое – это  через телефон. Но у меня старый Explay B200 за тысячу рублей и черно-белая Nokia, поэтому пользовался эмуляторами. Вот один, вот второй. Кстати, на реальных андроидах отображается по-другому, ссылки там нормального оранжевого цвета, как и на основном сайте.

В общем, у меня все работает как надо.

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

Итак, по порядку. На заднем плане валяются купюры (рубли и доллары). А в качестве той самой изюминки, про которую я недавно говорил, выбрал компьютер. Конечно, клипарт нашел в Интернете. Но обратите внимание – на нем изображен грузящийся линукс Ubuntu (скриншот тоже нашел).

Кстати, про Убунту. Флеша на сайте нет (а если будет, то как можно меньше), а то флеш-плеер сильно загружает систему.

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

Верстал дивами (это при том, что вообще не умею). В итоге шаблон получился валидный:

Правда, пришлось над этим повозиться. Например, пришлось “кастрировать” плагин смайлов, написанный Жуком. Можно, конечно, было разобраться в коде, но я сделал так, как проще.

Нашлось место и значкам Твиттера и RSS. И даже свободное место осталось (на будущее).

И как-то непреднамерено внешний вид сделал напоминающей фид в feedburner. Сходство заметил случайно, нажав значок RSS.

Есть, конечно, недоработки. Например, список категорий. Пытался сделать в виде иерархии, но в Интернет-эксплорере отображалось криво. Буду думать над этой проблемой дальше.

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

Заранее предусмотрены места для контекстной рекламы. А я вдобавок добавил еще один баннер в сайдбар.

Кстати, краткое руководство по настройке:

В файлы adsense_main.txt и adsense_header.txt скопируйте код, полученный в панели управления AdSense. adsense_header.txt – эта строка вверху на красном фоне, а второй блок – большой квадрат. Не перепутайте.

Баннер, который в сайдбаре можно заменить в файле banner.txt

А текст под формой поиска содержится в about.txt

Как выглядит тема в настоящем блоге :: Скачать тему

Japan Style

Тема оформлена в японском стиле (название говорит само за себя). Одна колонка. Подойдет для блога о Японии, о японской кухне.

Пример Japan Style :: Скачать

Computer Analyze

2 сайдбара (слева и справа). Подойдет для блога IT-тематики или для сайта-визитки небольшой фирмы, занимающейся обслуживанием компьютеров.

Пример применения Computer Analyse :: Скачать

Один конкурент создал кнопки, показывающие позицию в линкомаулии. Хитрый ход, но ссылки не будет.

Скриншот:

Эта тема очень подойдет манимейкерам (4 рекламных баннера 125х125, один баннер 468х60 в самом верху и место для видеоролика, которое также можно занять рекламой).

По-моему все что можно перевел на русский. Если найдете не переведенное, пишите, исправлю.

Скачать с seo73.ru

Скачать с iFolder

—

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