Плагины создания сайта на wordpress

7 плагинов WordPress для адаптации сайта под мобильные устройства

Сделайте это наконец! Создайте мобильную версию своего сайта на WordPress и избавьте каждого посетителя с мобильного устройства от неудобства все время увеличивать масштаб страниц для читабельности текста и выполнять N-ное количество лишних движений.

Мы предлагаем вам 7 крутейших, а главное бесплатных плагинов WordPress, которые помогут вам это сделать всего за несколько минут.

Плагины для создания мобильной версии вашего сайта на WordPress

Скорее всего, термин «адаптивный дизайн» не является для вас новым, так как уже в течение лет так 2-х он находится у всех на слуху. Но если вы еще не знаете, то его смысл заключается в «преображении» или «адаптации» сайта для мобильных устройств. То есть посетителю с любого гаджета, будь то планшет или смартфон, будет так же удобно просматривать страницы вашего сайта, как и со стационарного ПК или ноутбука.

Ниже приведены четыре плагина, которые 100% помогут решить эту задачу — сделать мобильную версию вашего сайта на WordPress.

Начнем с очень удобного плагина Hammy для изменения размеров изображений в соответствии с разрешением экрана мобильного устройства, на котором будет выводиться сайт. Он заменяет тег < img > на < figure >, а также использует код изображения версии WordPress 3.5 для изменения размера изображения.

Для использования плагина необходимо установить некоторые точки останова и выбрать элемент HTML контейнера. Таким образом, с помощью выбранных вами брейкпоинтов, плагин меняет размер изображения, когда ширина экрана достигает точки останова. Можно также задать определенные классы, чтобы игнорировать некоторые изображения.

2. Responsive Widgets

Этот плагин предлагает новые текстовые/HTML виджеты WordPress, доступные только на гаджетах типа iPad, Nook, PlayStation Vita и других общих устройствах – планшетах и смартфонах.

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

  • Mobile
  • Mobile (landscape)
  • IPhones and iPods
  • Phablets
  • Tablet (portrait)
  • Tablet (landscape)
  • IPad Portrait
  • IPad Landscape
  • Nexus Tablets
  • Kindle Tablets
  • Surface Tablet
  • Nook Tablets
  • PS Vitas
  • Desktops
  • Large Monitors (1240px+ screens)
  • Print only

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

3. WP Lightbox 2

Очень популярный «lightbox» плагин для использования всплывающих в окошке изображений и галерей с эффектами наложения. Но имейте в виду, что этот плагин не решает задачу «адаптивности», а является сам по себе адаптивным.

Чтобы использовать плагин, необходимо просто его активировать. В нем есть несколько настроек, типа активации Lightbox в комментариях или изменение длительности анимации. Но в общем плагин работает сразу же после активации и не требует дополнительной настройки.

4. Responsible

Чрезвычайно полезный WordPress плагин. С его помощью вы протестируете адаптивный дизайн в своем браузере, не отходя от кассы. В нем используется Viewport Resizer Bookmarklet для размещения фиксированной панели вверху страницы, где вы сможете изменить размер страницы для нужных адаптивных устройств (как например, смартфоны, планшеты, экраны стационарных ПК), а также устанавливать необходимые разрешения экрана.

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

Плагины для создания мобильных тем

Эти плагины работают по очень интересному принципу: они показывает различные темы WordPress, если пользователь заходит на ваш сайт с мобильного устройства. Такая функция особенно полезна, если у вас на сайте используется тема, неадаптированная под мобильные устройства. И если у вас нет ни времени, ни желания менять тему сайта под мобильный гаджет, то следующие три плагина созданы специально для таких ленивых, как вы! 🙂

5. WPTouch Mobile Plugin

Это, пожалуй, один из самых популярных бесплатных плагинов для создания привлекательного сайта в мобильной версии. На сегодняшний день его рейтинг составляет 3,9 из возможных 5 звезд. После установки и активации плагина вам будет доступна куча всяких классных функций, хотя многие пользователи могут ограничиться стандартным набором для создания мобильной версии сайта.

Но будьте осторожны! Еще в июле 2014 года стало известно об уязвимости версии плагина WPTouch 3. Она была тут же замечена и исправлена, но успела навредить многим сайтам, которые использовали данный плагин. Поэтому всегда следите за обновлениями плагина и заботьтесь о безопасности вашего сайта во всех его версиях.

6. WordPress Mobile Pack

Еще один лидер тем для мобильной версии сайтов на WordPress. Количество скачиваний плагина перевалило за 600 тысяч, а рейтинг составляет 3.8 звезд из 5 возможных. Его крутость состоит в замене классического дизайна на интерфейс мобильного приложения.

Как и предыдущий плагин WPTouch, этот нуждается только в установке и активации. При желании можете покопаться в настройках, но это необязательно. Плагин можно использовать сразу же после его активации.

Этот плагин занимает лидирующие позиции по популярности среди подобных ему инструментов, это подтверждается поддержкой WordPress. com и Automattic. В нем есть очень полезная функция «Mobile Theme». Чтобы использовать ее, нужно зайти на страницу настроек (Jetpack → Settings) после установки и активации плагина. Действий минимум, а возможностей максимум. Вы убедитесь в этом сами, если выберите этот бесплатный плагин.

Единственный совет, который мы можем вам дать – это не использовать данный плагин с плагином Disqus, так как они не очень совместимы.

Заключение

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

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

Создание сайта на WordPress

Что как и почему в WordPress

Архив рубрики: Плагины WordPress

Статьи без изменений: свой плагин No changes

Зачем нужно запрещать изменение контента на сайте? Когда в WordPress (после одного из обновлений) появилась уязвимость, связанная с REST API, злоумышленники смогли изменять содержимое статей. Для защиты сайта от несанкционированного изменения контента можно использовать этот плагин, запрещающий создание новых и изменение существующих страниц и записей. Читать →

Плагин Add Shortcodes Actions And Filters

Альтернатива добавлению PHP-кода в файл темы Functions. php. Все добавления не пропадут при обновлении или замене темы. Читать →

Плагин автоматического добавления меток

Если на сайте используется множество меток записей, добавлять их к новым записям может быть непросто. Плагин Already Existing Tags находит в тексте и заголовке записи ключевые слова, используемые на сайте как метки записей, и автоматически добавляет их при сохранении записи. Страница настроек только на английском, но плагин поддерживает Unicode, т. е. находит и добавляет ключевые слова на русском языке.

Замечательные плагины и тема WordPress от BestWebSoft

Понравились плагины Contact Form, Captcha, Google AdSense Plugin, Portfolio и другие. Без лишних наворотов, все по делу, как я люблю. Респект BestWebSoft-у! Читать →

Плагин Page and Post Lister

Плагин Page and Post Lister позволяет Быстро просматривать содержимое сайта WordPress и массово/пакетно изменять статус, разрешение индексации и т. д. Очень Удобно, особенно если на сайте достаточно много постоянных страниц и/или записей.

Dictionary Box — словарь на сайте

Плагин Dictionary Box — это словарь на сайте. Двойной щелчок на слове в тексте на странице — и в правом нижнем углу страницы появляется его перевод и даже возможность прослушать произношение слова, хотя и машинное.

Метки по алфавиту — плагин Multi-column Tag Map

Плагин Multi-column Tag Map показывает все метки в алфавитном порядке с помощью шорткода (как в алфавитном указателе книги). jQuery-эффект Show/Hide

Плагин — переводчик Google на веб-странице WordPress

Плагин Translate This gTranslate Shortcode позволяет с помощью шорткода (shortcode) добавлять текст, который можно будет перевести переводчиком Google.

Плагин Collapsing Categories

Этот плагин создает раскрывающийся список рубрик с дочерними рубриками и записями (используется как виджет, или можно добавить код в файл темы). Но есть проблема — в плагине используется устаревшая функция, что можно легко исправить. Кроме того, нужно исправить неточности в переводе на русский язык, а еще неплохо было бы перевести страницу настроек, там все на английском. Читать →

Плагин Network Privacy — гибкая настройка доступности

Плагин Network Privacy позволяет делать любой сайт в сети сайтов на WordPress 3 доступным и видимым не для всех посетителей, а только для зарегистрированных пользователей или для администраторов.

WordPress создаем карту сайта без плагинов.

Привет уважаемые читатели блога WebMasterMaksim. ru, сегодня я вам расскажу как создать карту сайта на WordPress без плагинов.

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

Поэтому нужно постараться ограничить количество плагинов до минимума, ну конечно если для вас Создать карту сайта wordpress без плагинов будет трудной задачей, то читайте статью: «Создание карты сайта на WordPress плагином WP DS Blog Map», ну и заодно читаем: «как создать xml карту сайта на wordpress», помните что карту сайта нужно создавать в обязательном порядке она помогает ускорить индексацию блога.

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

WordPress создаем карту сайта без плагинов

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

Создаем карту сайта на WordPress без плагинов.

Вот смотрите видео о настройке вордпресс:

Итак, берем файл index. php вашей темы WordPress, которую вы можете найти в корневой папке > wp-content > themes > ваша тема WordPress > index. php, скачиваем ее себе на компьютер и открываем ее на редактирование в блокноте.

В этом файле нам потребуется код который выводит все ваши статьи из базы данных:

Далее нужно воспользоваться кодом который выводит название и ссылку ваших статей:

И теперь объединяем эти два кода и получаем следующее:

<?php while (have_posts()) : the_post(); ?>

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

Template Name: Карта сайта

Теперь переименовываем файл index. php допустим в karta сохраняем и загружаем в вашу WordPress тему, то есть откуда вы изначально скачивали index. php.

Ну и в заключении вам нужно через вашу админку WordPress создать страницу и прикрепить к ней файл karta, который вы только что создали, в статье: «WordPress форма обратной связи без плагинов» я рассказывал как это сделать, и заодно прочитайте статью: » Постраничная навигация WordPress без плагинов «.

Повторюсь! При создании страницы в WordPress нужно как обычно заполнить поле заголовок, но перед сохранением с правой стороны в разделе «Атрибуты страницы» выбрать шаблон страницы под названием «Карта сайта», помните последний код который я вам привел, там была строчка:

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

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

(2 оценок, среднее: 3,00 из 5)

По материалам:

Http://hostenko. com/wpcafe/plugins/7-plaginov-wordpress-dlya-adaptatsii-sayta-pod-mobilnyie-ustroystva/

Http://mblogm. ru/blog/category/wordpress/plaginy-wordpress/

Http://webmastermaksim. ru/wordpress/wordpress-sozdaem-kartu-sajta-bez-plaginov. html

admin