Почти у всех из нас есть мобильники. И совсем не важно – простые или навороченные. Так или иначе их владельцы пользуются выходом в интернет. В наши дни большинство сайтов совсем не пригодны к мобильному сёрфингу: слишком долгая загрузка, исковерканный малым экраном устройства дизайн и другие неприятные моменты.

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

1. Mippin

Mippin – фантастический инструмент, если у вашего сайта есть RSS канал. Быстро и удобно с помощью пошагового мастера можно создать прекрасный сайт. Самое приятное, что он будет оптимизирован под более чем 2000 устройств. И всё это абсолютно бесплатно! В дополнение сервис предоставляет простые статистические отчёты и возможность подзаработать, вставляя рекламу.

2. Mobilize от Mippin

Mobilize by Mippin – это потрясающий плагин для WordPress, который автоматически адаптирует ваш блог для пользователей, зашедших с мобильного по обычному URL! После установки все посетители с мобильных устройств будут автоматически перенаправлены на специальную версию – фотографии будут масштабированы до необходимых размеров экрана, а видео будет сконвертировано в общепринятый мобильный формат .3gp.

3. Mobify

Бесспорно лучший в своём роде! Позволяет с лёгкостью создать мобильную версию любого динамического сайта всего за несколько кликов. После молниеносной регистрации в визуальном редакторе указываете необходимые блоки странички и получаете готовую версию по адресу http://ваше_имя.mobify.me (http://yoyurec.mobify.me/). Далее нужно настроить перенаправление посетителей вашего сайта на этот адрес, установив javascript код или плагин на WordPress / Drupal.

В бесплатной версии сервис оптимизирует стили, картинки и медиафайлы под 5000 устройств и позволяет разместить готовый проект на отдельном домене (например, m.yoursite.com). Плюс ко всему можно интегрировать с Google Adsense, Google Analytics и Google Maps. Не сервис, а просто сказка!

4. Wirenode (бесплатен пакет “basic”)

Более 30000 сайтов было оптимизировано для мобильных с помощью очередного сервиса с названием Wirenode. Инструмент позволяет настраивать внешний вид гораздо гибче, нежели вышеупомянутый Mippin. Из панели управления пользователь может указать свой домен, загружать изображения, отслеживать посещаемость и просмотры страниц. Естественно есть просмотр мобильной версии сайта на эмуляторе. Кроме этого простой редактор позволит вам персонализировать сайт – настроить цвета, добавить картинки и создавать\редактировать\удалять дополнительные странички.

5. Osmobi

Сервис предоставляет возможность “мобилизировать” ваш сайт, если он на движке CSM Joomla! или Drupal с помощью специального модуля. В бесплатной версии посетители будет перенаправляться на аккаунт в Osmobi, на котором есть ограничение в 150 просмотров ли 100 MB в день.

6. Оптимизатор от Google

Google Mobile Optimizer самый быстрый и простой способ трансформировать ваш сайт для просмотра на мобильном. Не то чтобы он позволит что-то настроить, просто получите упрощённую страничку без шапки, рекламы… Достаточно перейти по адресу http://google.com/gwt/n, и ввести URL необходимого сайта.

Статья написана по материалам “10 Great Tools to Create a Mobile Version of Your Site”, переделана (платные + ужасно допотопные сервисы были выкинуты) и дополнена.

Похожие статьи:

1. Google Blogs рекомендует!

Твиттер очень популярен! И это уже ни для кого не секрет. Растёт и количество способов интеграции этого сервиса с блогами.

Есть много потенциальных мест у wordpress, куда можно “прикрутить” его функциональность:

• это трекбеки от людей, которые упоминали ссылку на вашу статью
• это и банальные кнопки-счётчики фолловеров и ссылки на профили twitter’а
• всевозможные виджеты со списком ваших последних твитов
• это, конечно же, и кнопки Tweetmeme (или Topsy) в каждой статье
• автоматические кросспосты анонсов статей при обновлении вашего блога
• это одна из кнопок социльных сетей – “добавь в закладки”

Я же в свою очередь предлагаю рассмотреть ещё один вариант, причём с пользой для посетителей вашего блога.

Вы в комментариях читателей размещаете ссылку (dofollow или нет, ваше личное дело) на их твиттер – они в ответ активнее пишут отзывы к статьям. Затрат по времени минимум, а в выигрыше обе стороны.

Думаю, подобное вы уже видели – так давайте добавим эту фишку и себе! Чем мы хуже? ))

Требуется всего лишь вставить в форму добавления новое поле ввода…

…сохранить его значение и потом красиво оформить и вывести рядом с текстом комментария. Вуаля!

Так как люди мы ленивые (хотя пришлось напильником немного пройтись), то воспользуемся плагином TwitterLink Comments. Настройки там несложные. Тем более есть русский перевод )))

От вас, по большому счёту, необходимо лишь указать основное – расположение ссылки и её текст. Хотя никто не запрещает поэкспериментировать для получения максимально красивого варианта отображения.

Если возникли вопросы – задавайте!

Похожие статьи:

1. Оптимизация Wordpress. Кешируй! Сжимай!

Всё чаще и чащё задаюсь вопросом о малой активности посетителей блога. Хочется всё-таки обратной связи от вас.
Про спамеров молчу – их хватает )))
Речь о том, как привлечь читателей к комментированию. Может вас что-то отпугивает от написания пары строк или это банальная лень? Или все засели в rss? Не бойтесь, если есть какие-то пожелания или мысли – оставляйте их ниже!

А пока что подумываю об установке на Wordpress системы внешнего комментирования Disqus – удобная вещь, судя по отзывам.
Да и просто интересно проверить новую (имеется ввиду в рунете не очень распространённую) “игрушку”.

Кому интересно, можете продолжить знакомиться со всеми “за” и “против” Disqus на других богах:

• 25 причин, по которым Вы должны использовать Disqus
• Преимущества внешних комментариев
• Сравнение Disqus, intensedebate и JS-Kit.

Похожие статьи:

1. Бесплатные темы для WordPress
2. Уязвимость WordPress! Пароль администратора можно сбросить!
3. Оптимизация Wordpress. Кешируй! Сжимай!

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

Помогать искать слабые места и сравнивать результаты поможет… [да, я знаю о плагинах к ФФ и сам их использую, но этот вариант проще + в закладки можно кинуть!] …полезный инструмент Pingdom. Она покажет на какие файлы стоит обратить внимание, а также общее время загрузки сайта. Сделайте пробный замер!

Итак, ускоренная методика!

У вас есть уже работающий Wordpress и для начала нужно его обновить до самой свежей версии.

Второе, что необходимо сделать — снести нафиг максимальное количество ненужных плагинов. Оставляем только самое-самое. Далее необходимо включить кеширование, для этого понадобятся два плагина DB Cache Reloaded (для оптимизации запросов к БД) и WP Super Cache (для всего остального). Ставим оба и включаем. Проверяем скорость загрузки сайта. Она должна увеличиться :)

Следующим шагом будет редактирование шапки шаблона темы. Строки между доктайпом и вызовом <?php wp_head(); ?>. Открываем header.php (через админку или ФТП) и в нём изменяем:
* заголовок сайта
* кодировку
все пути к:
* стилям
* скриптам
* трекбекам
* и RSS
на статические значения. Остальные строки сносим. У меня получилось такое:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>YoYurec Field</title>
<link rel="stylesheet" href="http://yoyurec.in.ua/wp-content/themes/ferevens-a/style.css" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="YoYurec Field RSS Feed" href="http://feeds2.feedburner.com/Yoyurec" />
<link rel="pingback" href="http://yoyurec.in.ua/xmlrpc.php" />
<script type="text/javascript" src="http://yoyurec.in.ua/wp-content/themes/ferevens-a/javascript/tabs.js"></script>
<link rel="shortcut icon" href="http://yoyurec.in.ua/wp-content/themes/ferevens-a/favicon.ico" type="image/x-icon" />

(Можно при желании поковырять и футер на предмет ненужного кода). Снова проверяем скорость загрузки. Снова прирост!

Теперь самое время обратить внимание на стили и скрипты. Pingdom выводит список всех подгружаемых файлов, не забыли? Смотрим где они лежат. Идём на ФТП, открываем, вырезаем содержимое в буфер и идём на YUI Compressor, где указав тип файла (JS или CSS) сжимаем и полученный результат вставляем обратно в файл. И так со всеми…
Ну вот, теперь скорость стала ещё быстрее!

Некоторые из описанных способов подхдят (и обязательны) для оптимизации любого проекта. Некоторые виды, наоборот, умышленно не описаны из-за характера данной статьи — «ускоряем по-быстрому» )).

Удачи!

Нет похожих статей.

Вчера была обнаружена уязвимость для версий WordPress 2.8.3 и ниже – то есть ВСЕХ!!!
Злоумышленник, зайдя на блог по специально сформировенному URL, может обойти проверку на безопасность. В результате, для первой учетной записи в базе данных (как правило, администратора) будет сформирован отправлен на emal владельца новый пароль. Конечно, это не позволит получить удаленный доступ, но заблокирует работу владельца блога.
Поэтому обновляемся до версии 2.8.4!

Похожие статьи:

1. Бесплатные темы для WordPress
2. Оптимизация Wordpress. Кешируй! Сжимай!
3. Поставить ли себе Disqus на Wordpress?

Как Вы уже успели заметить я сменил себе оформление блога. Немного адаптировал под себя, частично перевёл – вобщем весь в заботах…

К чему пишу? Взял за правило писать о всём что делаю :)
Например вставлял кусок кода и столкнулся с проблемой. Решил её – вот, получите заметку о переносе слов в теге PRE. Всё просто до безобразия!

Итак, судя из названия заметки – ссылки на сайты с коллекциями тем для WordPress’а. Их немного, но это новые сайты, а не заезженные. Красивые дизайны, интегрированные плагины, 3-х колонники – глаза разбегаются:

• Freee WordPress Themes | Quality free WordPress Themes
• Best WordPress Themes, Blogging Tips, Design Resources
• Wordpress Themes – Best Free Themes for Wordpress
• Free WordPress Themes – Adsense Ready Wordpress Themes

Похожие статьи:

1. Коллекции бесплатных иконок социальных сетей – зима 2010
2. Уязвимость WordPress! Пароль администратора можно сбросить!

Для пользователей WordPress есть замечательный плагин Audio Player (там же рассказано о его разукрашивании). А что же делать если понадобилось вставить плеер на обычном сайте?

Для начала скачать архив с плагином последней версии и распаковать из него 2 файла: player.swf и audio-player.js. Затем создаём на сервере папку “audio“, куда и заливаем файлы плеера и нужнуые mp3шки (например music.mp3).

Вставляем в <head>

<script language="JavaScript" src="/audio/audio-player.js"></script>

А в нужном месте код плеера и готово!

<object type="application/x-shockwave-flash" data="/audio/player.swf" id="audioplayer1" height="24" width="290">
<param name="movie" value="/audio/player.swf">
</param><param name="FlashVars" value="playerID=1&amp;soundFile=/audio/music.mp3">
</param><param name="quality" value="high">
</param><param name="menu" value="false">
</param><param name="wmode" value="transparent">
</param></object>

И не забудьте поменять пути к файлам на свои! Если же понадобилось вставить несколько плееров, то доолнительно поменяйте в новом коде id=”audioplayer1″ и value=”playerID=1 на 2, 3, 4…

Эта заметка мой вольный перевод с аглицкого.

Похожие статьи:

1. Выбирал я себе flash mp3-плеер

Уж попёрло, так попёрло! Дайож мочилово!!!

Увеличенная картинка под катом!

Комиксы рулят, жаль мало объектов :(
Комикс тут.

Нет похожих статей.

Вот оно! Наконец-то нашёл решение проблемы с кодировками. При переносе дампа из mysql3.х mysql4.х почему-то были одни вопросики вместо русских буковок.

Нет похожих статей.