Создаем мобильную версию Вашего блога на WordPress – продолжение



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

Давайте рассмотрим плагин MobilePresshttp://wordpress.org/plugins/mobilepress/.

После его установки и активации в меню администрирования появляется новый пункт «MobilePress», в нем содержатся два подраздела Settings и Themes.

В разделе Settings устанавливаются все параметры для плагина.

MobilePress - Settings

Front Page Display — в этом параметре выбирается что показывать на главной странице мобильной версии блога;

Posts Per Page — число постов (записей) на странице;

Далее идут общие настройки — General Settings:

Show Categories — показывать категории;
Show Pages — показывать страницы;
Show Post Tags — показывать теги;
Show Post Thumbnails — показывать миниатюры изображений.

Следующая группа настроек — Comments Settings

Служит для определения возможности комментировать посты и статьи.

Posts and Pages — посты и страницы;
Posts Only — только посты;
Pages Only — только страницы
Disable Comments — отключить комментирование.

Следующий параметр — Force Mobile Site — указывает когда отображать мобильную версию сайта, если выбран параметр Yes — всегда отображается мобильная версия, даже когда мы заходим на сайт с компьютера, если No — только для мобильных устройств.

Последний параметр Custom Mobile Themes Directory — указывает каталог для хранения тем (шаблонов) мобильной версии.

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

С плагином идет только одна тема, которая используется по умолчанию и храниться в папке /wp-content/plugins/mobilepress/themes/default.

Посмотрите как выглядит данная тема на моем тестовом сайте WordPress.

Главная станица

MobilePress - Главная страница

Страница поста

MobilePress - Страница поста

Новые мобильные темы добавляются в папку /wp-content/plugins/mobilepress/themes/.

Давайте я покажу как можно добавить новую мобильную тему.

Скачиваем архив с темой здесь.

Разархивируем, а затем копируем папку skyline со всем содержимым в папку /wp-content/plugins/mobilepress/themes/ на Ваш сервер, с помощью FTP-клиента.

Заходим в админку блога в параметры плагина MobilePress в раздел Themes и видим следующее

MobilePress - Themes

У нас появилась новая мобильная тема Skyline.

Щелкаем по ссылке Activate for Theme и смотрим как выглядит блог на мобильном устройстве.

MobilePress - Skyline - Главная станица

Страница поста

MobilePress - Skyline - Страница поста

Давайте немного изменим тему под наш блог.

Заменим логотип на нужный, для этого необходимо подготовить изображение в формате png размером 266 x 68 пикселей и сохраним его под названием logo.png.

Загрузим наш новый файл в папку /wp-content/plugins/mobilepress/themes/skyline/img на сервере.

Мы можем также изменить стандартный favicon на свой, создав его с именем favicon.gif.

И загрузив в туже папку.

Для создания favicon можно использовать вот этот сервис — http://www.chami.com/html-kit/services/favicon или подобный.

Изменить ссылки в верхнем меню можно в файле header.php в папке /wp-content/mobilepress/themes/skyline/.

Вот что у меня в результате получилось.

MobilePress - Skyline - Окончательный результат

Вы можете попробовать самостоятельно модифицировать тему или поискать новые шаблоны в интернет.

О других плагинах, мы поговорим в следующий раз …

P.S. — Можно ли быстро сделать свой блог, не размазывая «каши» в собственной голове? Можно, но только вот так — http://sb-new.loc/go/wordpress

Оставьте комментарий