Метка: плагины

  • Как сделать форму обратной связи во всплывающем окне

    Как сделать форму обратной связи во всплывающем окне

    На многих сайтах устанавливаются формы обратной связи, чтобы пользователи могли оставить сообщение администратору не покидая сайт. Самым популярным, качественным и удобным в настройке и использовании является плагин Contact Form 7 — с его помощью можно создать любые контактные формы и не только. Поскольку плагин имеет большое количество различных форм и полей, то его можно использовать для многих задач. Я, например, использовал его для создания анкеты работодателя и соискателя на рекрутинговом сайте, для создания формы заказа товара на сайте по продаже только одной линии продукта, использовал этот плагин для создания сложной и объемной расчетной формы для строительного сайта, для самых различных форм обратной связи и прочих форм. Но речь не об этом, а о том, как же сделать, чтобы форма связи появлялась во всплывающем окне, чтобы можно было сделать кнопку вызова контактной формы на каждой странице, а не только на странице «Контакты»?

    Все на самом деле не сложно, но понадобится еще один плагин с эффектом FancyBox, мне лично нравятся эти два плагина: Easy FancyBox или FancyBox for WordPress, есть различные похожие плагины, но любой из этих подходит отлично и еще позволяет открывать в popup изображения.

    В общем, установлены два плагина: Contact Form 7 и Easy FancyBox, создана контактная форма, осталось добавить код в шаблон.

    од вставляется в шаблон сайта в файлы .php!

    Код с всплывающей контактной формой, установленный в коде файла шаблона:

    <a href="#contact_form_pop" class="fancybox">заказать звонок</a>
    <div style="display:none" class="fancybox-hidden">
        <div id="contact_form_pop">
            <?php echo do_shortcode('[ contact-form-7 id="420" title="Заказать звонок" ]'); ?>
        </div>
    </div>

    Это код самой кнопки вызова окна с формой, для этой кнопки можно задавать любые стили, и вставлять ее в любом месте шаблона:

    <a href="#contact_form_pop" class="fancybox">заказать звонок</a>

    Это код самого всплывающего окна, его можно оставить под кнопкой вызова окна, а можно убрать в футер для того, чтобы код контента был чище:

    <div style="display:none" class="fancybox-hidden">
        <div id="contact_form_pop">
            <?php echo do_shortcode('[ contact-form-7 id="420" title="Заказать звонок" ]'); ?>
        </div>
    </div>

     

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

    Пример вызова двух форм обратной связи в pop-up окне:

    <a href="#contact_form_pop_1" class="fancybox">Вызываем форму 1</a>
    <div style="display:none" class="fancybox-hidden">
        <div id="contact_form_pop_1">
            <?php echo do_shortcode('[ contact-form-7 id="420" title="Заказать звонок" ]'); ?>
        </div>
    </div>
     
    <a href="#contact_form_pop_2" class="fancybox">Вызываем форму 2</a>
    <div style="display:none" class="fancybox-hidden">
        <div id="contact_form_pop_2">
            <?php echo do_shortcode('[contact-form-7 404 "Not Found"]'); ?>
        </div>
    </div>

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

    <a href="#contact_form_pop_1" ...
    <div id="contact_form_pop_1"> ...
     
    и для второй формы:
     
    <a href="#contact_form_pop_2" ...
    <div id="contact_form_pop_2"> ...
    

     

  • 15 урок Безопасность WordPress

    15 урок Безопасность WordPress

    define(‘DISALLOW_FILE_EDIT’, true); wp-config.php

    Duplicator — резервное копирование файлов и бд сайта

    WP-Optimize — оптимизация бд

    iThemes Security 

    Советы по безопасности в целом

    Первые мои советы коснуться вопросу работы с паролями. Это основа основ, фундамент! Не ленитесь следовать изложенным ниже правилам:

    • используйте пароль длинной не менее 8 символов с буквами в разном регистре, числами и по возможности другими символами;
    • старайтесь обновлять его раз в пол года;
    • никогда не используйте в качестве пароля слово из словаря или сочетание таких слов;
    • никогда не сохраняйте пароли в браузере и ftp клиентах;
    • используйте разные пароли для почты, панели администратора WP, хостинга и так далее;

    1. Обязательно своевременно устанавливайте обновления WordPress и всех активных плагинов.

    2. Не забывайте делать резервные копии (backup) базы данных и файлов блога.

    3. Удалите сторонние ссылки из темы WordPress.

    4. Скройте используемую версию WP от глаз посторонних. Для этого откройте на редактирование шаблон header.php и удалите мета тег примерно следующего содержания:

    <meta content="WordPress<?php bloginfo ('version'); ?>" />

    Потом обязательно удалите из корневой папки блога на сервере файлы readme.html и license.txt. На работу блога никакого влияния они не оказывают.

    1. Плагин iThemes Security 

      Полный комплекс защитных мер от взлома

    Основные настройки безопасности

    Write to Files Разрешаем программе изменять файлы wp-config.php, .htaccess

    Notification Email – уведомления о безопасности

     Backup Delivery Email— резервные копии базы данных

    basic

    Blacklist Repeat Offender-Настройка бана пользователей

    Default Blacklist- добавить в черный список ссылки, пути с которых происходит частый взлом сайтов

    banned

    Enable local brute force protection — Защита от перебора паролей

    pass

    Max Login Attempts Per Host количество попыток входа

    Max Login Attempts Per User – количество попыток входа на одного пользователя

    Minutes to Remember Bad Login (check period) – количество минут ожидания, после неудачной попытки входаlogin

    Hide Backend – скрыть стандартную ссылку на форму входа в админки

    Login Slug – изменить ссылку входа в админку

    Enable Theme Compatibility – включить совместимость с темой, в случае если в теме возникнут ошибки из-за изменения пути входа в админку

     admin

    System Files — Защита системных файлов

    Directory Browsing — Отключить просмотр каталогов, Запрещает пользователям видеть список файлов в каталоге

    Long URL Strings — Ограничивает количество символов, которое можно послать в URL. Хакеры часто используют длинные URL-адреса, чтобы попытаться добавить запись в базу данных

    Uploads — Отключить выполнение PHP в папке для закачанных файлов. Это позволит предотвратить загрузку вредоносных скриптов во время добавления.

    basicsystem

     

    Comment Spam  — Уменьшить спам в комментариях

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

    Login Error Messages — Отключить сообщения об ошибках Войти. Предотвращает сообщения об ошибках отображается для пользователя при неудачной попытке входа в систему

    ызфь

  • 13 ведоурок. Плагины Custom Sidebars,  Black Studio TinyMCE Widget,  PHP Code Widget,  Request Call Back,  SumoMe

    13 ведоурок. Плагины Custom Sidebars, Black Studio TinyMCE Widget, PHP Code Widget, Request Call Back, SumoMe

    Плагины:

    1. Custom Sidebars — создание и добавление отдельного сайдбара на нужную страницу
    2. Black Studio TinyMCE Widget — визуальный редактор в виджетах
    3. PHP Code Widget — реализация php кода на страницах и записях wordpress
    4. Request Call Back — кнопка обратного звонка
    5. SumoMe — аналитика, email подписка и мн.др.
  • 12 урок. WordPress. Плагины: Форум, мультиязычность, водяные знаки, запрет  копирования и мн.др

    12 урок. WordPress. Плагины: Форум, мультиязычность, водяные знаки, запрет копирования и мн.др

    Как создать форум на сайте WordPress

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

    Форум может быть узкоспециализированным, а может быть и без специализации. Обычно тематика форума зависит от тематики сайта, и может быть очень разнообразной, охватывая все сферы жизни.

    Установка плагина bbPress

    Создавать форум в WordPress будем с помощью одного из самых популярных плагинов для создания форума — bbPress. И так, приступим!

     Устанавливаем и активируем плагин bbPress.

    Как создать форум на сайте WordPress

    Создание нового форума

    После установки, активации и перевода плагина можно приступить непосредственно к созданию форума. Все делается очень просто и интуитивно понятно!

    1. Для того, чтобы создать новый форум переходим в Форумы -> Новый форум.

    Как создать форум на сайте WordPress

    2. Создаем новый форум, указав при этом этом его название и описание.

    Как создать форум на сайте WordPress

    После того как Вы укажите название о писание форума, нажмите кнопку «Опубликовать».

    Вывод (отображение) форума на сайте

    После создания форума его нужно вывести на сайте. Для этого нужно сделать следующее:

    1. Создаем страницу «Форум» (Страницы -> Добавить новую).

    2. Вставляем на страницу шорткод [bbp-forum-index]

    Главная Форумы

    Если Вы увидели на форуме вопрос, на который знаете ответ или можете что-то порекомендовать — не поленитесь и поделитесь знаниями! Давайте помогать друг другу!

    и нажимаем кнопку «Опубликовать».

    Как создать форум на сайте WordPress

    Готово! Теперь на странице «Форум» будут отображаться все созданные форумы.

    В результате мы получим красивый и функциональный форум:

    Как создать форум на сайте WordPress

    В этом уроке мы с Вами провели базовую настройкой форума, которой достаточно для полноценной работы у Вас на сайте.

    Также замечу, что в форуме созданном с помощью плагина bbPress есть и другие полезные шорткоды, ознакомится с которыми Вы можете на сайте плагина.

    Как защитить информацию от копирования на сайте WordPress

    Многие владельцы сайтов сталкиваются с проблемой воровства их контента. Часто можно заметить, как текст над которым сидел не один час появляется у конкурентов на сайте. Если Ваш сайт наWordPress — защититься от «копипастеров» можно очень просто.

    Защита от копирования информации с сайта WordPress

    Защищать сайт будем с помощью плагина WP Content Copy Protection.

    1. Установите и активируйте плагин WP Content Copy Protection.

     Защита контента сайта на WordPress

    2. Готово. После активации плагин не требует настроек и сразу начинает работать.

    Что именно делает плагин?

    • Отключает клик правой кнопкой мышки.
    • Отключает выделения текста.
    • Отключает возможность перетаскивать, выделять и сохранять изображения.
    • Отключает возможность копировать и выделять текст с помощью клавиатуры (Ctrl A, C, X) — только для Windows.
    • Отключает возможность печатать и сохранять страницу.
    • Отключает просмотр кода с помощью клавиши F12
    • Нет отрицательных побочных эффектов в SEO (поисковые системы могут прочитать содержание)

    Как видите, все очень-очень просто. Плагин простой, не ресурсоемкий и не требующий каких-то настроек. Просто установите и активируйте.

    Стоит упомянуть, что у плагина также есть премиум версия. Узнать о ее возможностях можно перейдя в Настройки -> WP Content Copy Protection (YOOPlugins).


     

    Как создать многоязычный сайт на WordPress

    Мультиязычность на сайте мы будем делать с помощью бесплатного и достаточно нового плагинаWPGlobus — Multilingual Everything!.

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

    Сразу хочу сказать, что из достаточно огромного количества плагинов для создания нескольких языковых версий сайта, именно WPGlobus мне понравился больше всех, в связи с чем, я Вам его и рекомендую!

    Как создать несколько языковых версий сайта WordPress

    1. Устанавливаем и активируем плагин WPGlobus — Multilingual Everything!.

    Как создать многоязычный сайт на WordPress

    2. После активации плагина переходим в WPGlobus -> Языки.

    Как создать многоязычный сайт на WordPress

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

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

    Как создать многоязычный сайт на WordPress. Мультиязычный сайт WordPress. Несколько языковых версий сайта WordPress

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

    Как создать многоязычный сайт на WordPress. Мультиязычный сайт WordPress. Несколько языковых версий сайта WordPress

    Если же Вы хотите убрать какой-то язык — просто снимите флажок c языка который хотите убрать, и нажмите кнопку «Сохранить изменения».

    5. Теперь нужно выбрать способ показа переключателей языков в навигационном меню. Для этого в выпадающем списке «Способ показа переключателей» выбираем подходящий Вам вариант.

    Как создать многоязычный сайт на WordPress

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

    Как создать многоязычный сайт на WordPress. Мультиязычный сайт WordPress. Несколько языковых версий сайта WordPress

    Не забудьте нажать кнопку «Сохранить изменения». После этого можно считать, что настройка плагина завершена.

    7. После такой простой и быстрой настройки плагина, можно смело приступить к переводунаполнения сайта на другие языки. Что для этого нужно сделать?

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

    Как создать многоязычный сайт на WordPress

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

    Вот таким образом выглядит переключатель языков в меню:

    Как создать многоязычный сайт на WordPress

    Также с помощью виджета «WPGlobus виджет» можно установить переключатель языков на сайдбар.

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


    Как добавить водяной знак на изображения в WordPress

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

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

    Как поставить водяные знаки на картинки (фото) в WordPress

    Добавлять водяные знаки на изображения мы будем с помощью плагина Easy Watermark.

     1. Устанавливаем и активируем плагин Easy Watermark.

    Как добавить водяной знак на изображения в WordPress

    2. После установки и активации плагина переходим в Настройки -> Easy Watermark.

    Как добавить водяной знак на изображения в WordPress

    3. Настройки плагина разделены на 3 вкладкиОбщие, Изображение, Текст. Давайте поговорим более подробно о самых важных настройках каждой из этих вкладок.

    Общие настройки

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

    • Поставьте галочку в «Backup». После включения этой функции, все оригиналы загруженных изображений (без водяных знаков) будут сохраняться в отдельной папке, и их при желании можно будет восстановить. Очень полезная штука.
    • В «Размеры изображений» рекомендую оставить только «Fullsize». Это значит, что водяные знаки будут отображаться только на оригинале изображения (полном размере), а не на миниатюрах и т.п. Таким образом водяные знаки не будут постоянно маячить перед глазами, а большой размер изображения будет защищен.

    Как добавить водяной знак на изображения в WordPress

    Изображение

    На этой вкладке Вы можете сделать водяной знак из изображения. Для этого нажмите кнопку«Выбрать/загрузить изображение», после чего настройте его расположение (если необходимо).

    Как добавить водяной знак на изображения в WordPress

    Важно! Если Вы решили использовать изображения для водяного знака, укажите в общих настройках «Тип водяного знака» -> «Изображение».

    Как добавить водяной знак на изображения в WordPress

    Текст

    Для добавления текстового водяного знака перейдите на вкладку «Текст» и укажите желаемый текст для цифровой подписи.

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

    Как добавить водяной знак на изображения в WordPress

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

    Как добавить водяной знак на изображения в WooCommerce

    Данный плагин также отлично работает с интернет магазином WooCommerce. Включить водяные знаки в магазине очень просто! Для этого на вкладке «Общие», в блоке настроек «Типы записей»отметьте галочкой «Товары».

    Как добавить водяной знак на изображения в WooCommerce

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

    Восстановление и массовое нанесение водяных знаков

    Восстановить оригинальные изображения (если включено их сохранение в настройках) как и массово нанести водяные знаки на все ранее загруженные изображения можно перейдя в Медиафайлы -> Easy Watermark.

    «Start» — нанести водяных знаки на все изображения.

    «Restore» — восстановить оригинальные изображения, на которых не будет водяного знака.

    Как добавить водяной знак на изображения в WooCommerce

    Результат

    Вот такой текстовый водяной знак получился из примера этого урока.

    Водяные знаки в WordPress


     

    Как обновить ссылки в WordPress после переноса сайта

    Обновление всех ссылок после переноса сайта на хостинг

    Для обновления ссылок мы будем использовать плагин Velvet Blues Update URLs.

    1. Установите и активируйте плагин Velvet Blues Update URLs.

    Как обновить ссылки в WordPress после переноса сайта

    2. После активации плагина перейдите в Инструменты -> Update URLs.

    Как обновить ссылки в WordPress после переноса сайта

    3. В открывшемся окне нужно сделать следующее:

    • вводим старый адрес сайта
    • вводим новый адрес сайта
    • отмечаем галочками все пункты

    После этого нажимаем кнопку «Update URLs NOW».

    Как обновить ссылки в WordPress после переноса сайта

    Готово!

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

    Как обновить ссылки в WordPress после переноса сайта

    Как видите, сложного ничего нету и обновить URL-ы на сайте можно всего за несколько минут!


    Append Link on Copy

    Facebook Page Promoter Lightbox

    Theme My Login

    WP jQuery Lightbox

    uLogin

  • 8 урок Шорткоды в WooCommerce

    8 урок Шорткоды в WooCommerce

    Здравствуйте, друзья! Сегодня мы поговорим о шорткодах интернет магазина WooCommerce. В этом уроке достаточно много нового и полезного могут найти те, кто не так давно создал интернет магазин с помощью плагина WooCommerce и еще не знают всех возможностей плагина.

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

    Как вывести последние добавленные (новые) товары?

    Данный шорткод часто используют на главной странице для того, чтобы посетители видели новинки в ассортименте магазина:

    1
    [recent_products per_page="12" columns="4"]

    Шорткод выводит 12 последних добавленных товаров в 4 колонки. Для того чтобы изменить количество товаров нужно всего лишь установить нужное цифровое значение в recent_products per_page. Аналогично и с количеством колонок.

    Результат:

    Шорткоды в WooCommerce

    Как вывести популярные товары?

    Для этого используйте шорткод:

    1
    [featured_products per_page="12" columns="4"]

    Этот шорткод работает точно так же, как и предыдущий, но отображает те товары, которые были отмечены звездочками «Рекомендуемый» в списке товаров:

    Шорткоды в WooCommerce

    Вывод одного товара по ID или артикулу (SKU)

    Для того, чтобы сделать вывод одного нужного Вам товара по ID используйте шорткод:

    1
    [product id="45"]

    ID (идентификатор товара) можно узнать при наведении на товар в списке товаров:

    Шорткоды в WooCommerce

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

    1
    [product sku="0001"]

    Где узнать артикул товара писать не буду. Уверен, что если он у Вас есть, то вы точно знаете ?

    Как сделать вывод нескольких товаров по ID или артикулу (SKU)

    При желании можно сделать вывод товаров по идентификатору (ID), для этого используйте шорткод:

    1
    [products ids="1, 2, 3, 4, 5"]

    Через запятую нужно указывать ID товаров которые Вы хотите вывести.

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

    1
    [products skus="0001, 0002"]

    По умолчанию товары будут отображаться в 4 колонки.

    Кнопка «Добавить в корзину» для определенного товара

    Еще один интересный шорткод. Он создает кнопку на которой отображается только цена указанного (по ID) товара и надпись «Добавить в корзину».

    1
    [add_to_cart id="40"]

    Вывод страницы товара на любой странице или записи

    Интересный шорткод, с помощью которого можно вывести страницу товара на любой странице или записи.

    Вывод по ID товара:

    1
    [product_page id="40"]

    По артикулу:

    1
    [product_page sku="0001"]

    Результат:

    Шорткоды в WooCommerce. Часть 2

    Как вывести товары из категории WooCommerce?

    Для вывода товаров из категории в WooCommerce есть шорткод:

    1
    [product_category category="kategoriya-1"]

    Замечу, что в скобках нужно указывать не название категории, а ее ярлык!

    Узнать ярлык категории можно перейдя в Товары -> Категории:

    Шорткоды в WooCommerce. Часть 2

    По умолчанию будет выводится 12 товаров в 4 колонки.

    Как сделать вывод категорий?

    Для того чтобы сделать вывод категории используйте шорткод:

    1
    [product_categories number="7" parent="0"]

    Значение number — количество выводимых категорий.

    С помощью шорткода ниже можно вывести категории(ю) по ID:

    1
    [product_categories ids="7,8" parent="0"]

    Результат:

    Шорткоды в WooCommerce. Часть 2

    Как вывести товары со скидкой?

    Для этого используйте шорткод:

    1
    [sale_products per_page="4"]

    Результат:

    Шорткоды в WooCommerce. Часть 2

    Как вывести топ рейтинговых товаров?

    Обычно рейтинги товару назначаются при добавлении комментария. На основе этих рейтингов можно сделать вывод товаров. Для этого в WooCommerce есть специальный шорткод:

    1
    [top_rated_products per_page="12"]

    Вывод товаров по свойствам

    С помощью шорткода ниже можно сделать вывод товаров по заданным свойствам. В примере ниже вы из свойства Цвет выводим все товары черного цвета.

    1
    [product_attribute attribute='color' filter='black']
  • 6 урок Похожие записи YARPP, размещение рекламы с New Adman,  AMR Shortcode Any Widget,  Magic Post Listing

    6 урок Похожие записи YARPP, размещение рекламы с New Adman, AMR Shortcode Any Widget, Magic Post Listing

    1. Похожие записи в WordPress с помощью плагина YARPP

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

    С установкой проблем не должно возникнуть. Скачайте свежую версию Yet Another Related Posts Plugin, разархивируйте и загрузите папку с файлами YARPP на ftp в директорию wp-content/plugins. Останется только активировать плагин.

    Настройки Yet Another Related Posts Plugin (YARPP) располагаются в разделе «Параметры» — «Связанные посты (YARPP)» админки WordPress.

    Настройки экрана

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

    Критерии похожести

    Критерии похожести

    • Порог похожести — плагин выводит только те записи, коэффициент похожести которых, превосходит установленный в этом пункте порог похожести. Другими словами установите порог похожести поменьше, чтобы выдавалось больше релевантных статей.
    • Заголовки, тексты, рубрики и метки — опции задают, будут ли рассматриваться соответственно заголовки статей, тексты, названии рубрики и метки для определения релевантности статей.
    • Display results from all post types — при отсутствии галочки для записи блога будут выводиться только похожие записи, а для страницы — только страницы. Не забывайте, что в WordPress существует деление на записи и страницы.
    • Показывать только предыдущие сообщения? — при наличии галочки, будут выводится только посты, опубликованные раньше данной статьи.

    Просмотреть опции

    Просмотр опций для вашего сайта.

    • Автоматически показывать связанные посты? — автоматически добавляет код для вывода похожих статей после текста одиночных записей блога. Обязательно поставьте галочку, чтобы не вносить необходимый код в шаблоны темы WordPress в ручную.
    • Максимальное количество связанных постов — даже и добавить нечего
    • Показывать с шаблоном пользователя — позволяет использовать для отображения списка похожих статей пользовательские шаблоны
    • Похожие статьи выдаются в виде списка и имеют соответствующий html код, который задается в следующих двух пунктах настроек YARPP — До/после связанных постов и До/после каждого связанного поста.
    • Показать выдержку? — для каждого похожего поста выводится выдержка из заданного в этом пункте количества слов.
    • Сортировка результатов — определяет по какому принципу будут сортироваться связанные посты.
    • По-умолчанию показывать, если пусто — текст выводится, если нет ни одной похожей страницы

    Помимо этого, плагин Yet Another Related Posts Plugin (YARPP) создает новый виджет — Related Posts (YARPP) c тем же функционалом.

     

    2.Плагин New Adman

    New Adman совершенно уникальный инструмент для размещения рекламы в постах. Лёгкий, практически не нагружающий сайт, плагин выводит указанные рекламные блоки в трёх основных позициях: перед контентом, в середине записи и в конце.

    Хотя плагин давно не обновлялся разработчиком, он без проблем устанавливается и функционирует на новых версиях WP. Это решение привлекает своим минимализмом в сочетании с набором должного инструментария:

    1. Есть возможность добавлять, а после и редактировать, рекламные блоки по всем позициям в отдельности;
    2. Можно настроить конкретное количество знаков, при котором любая из позиций будет отображаться. Меньшее же число будет исключать тот или иной рекламный блок;
    3. Есть возможность отключать вывод рекламы в определённых записях WordPress. Выглядит функция как соответствующий пункт в конце формы редактирования записи.
      disable-ads-on-page

    Установка и настройка плагина:

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

    В строке поиска введём название искомого: NewAdman, после чего жмём клавишу «Enter» и ожидаем результаты. И как видим, первый пункт «NewAdman», кликаем под ним ссылку «Установить» и ждём окончания процесса инсталляции.

    Далее щёлкаем «Активировать» и установка закончена! А в разделе «Настройки» (бывший раздел «Параметры») появился новый пункт «NewAdman».

    Открываем страницу установленного плагина, и знакомимся с опциями:

    new-adman-option

    • Сверху вниз располагаются 4 области ввода для рекламного кода:
      1. Ad-Code to appear on homepage only, before your first post: — позиция отображается на главной странице, только при отсутствии записей (не рекомендую);
      2. Ad-Code to appear before your post content: — позиция в начале записи, реклама выводится перед основным контентом. Одна из самых кликабельных позиций;
      3. Ad-Code to appear in the middle (calculated) or where you specify <!— adman —>: — средняя позиция, выводится в середине первой части контента – примерно после первых абзацев. Удобный блок, который при должной настройке отображается заодно с основным текстом;
      4. Ad-Code to appear after your post content – код за контентом, выводится сразу после записи. Полезная позиция, если посетители читают до конца;
    • Ниже, три значения для регулировки отображения:
      1. Minimal content length for top block inserting – количество знаков при котором выводится блок перед контентом. Если позиция уместно отображается в записях любой длины, то оставьте поле пустым;
      2. Minimal content length for middle block inserting – Количество знаков для средней позиции, лучше ограничить 2000 – 3000 знаками, чтобы не портить вид небольших текстов;
      3. Minimal content length for bottom block inserting – сколько знаков должна содержать запись, чтобы вывести рекламный блок после контента. Ограничивается также как и первый – по усмотрению.

    3. AMR Shortcode Any Widget

    Плагин AMR Shortcode Any Widget позволяет вставить любой виджет в необходимое место в запись или на страницу, используя простой шорткод.

    1. В меню админ панели выбираем “Внешний вид”, далее “Виджеты”.

    2. Устанавливаем нужный виджет: перетягиваем те виджеты, которые вы хотите отобразить в записи блога или на странице, в сайдбар под названием “Widgets for Shortcodes”.

     

    Чтобы активировать виджет, перетащите его на боковую колонку и нажмите на него. Чтобы деактивировать виджет  или удалить его настройки, перетащите его обратно.

    3. Переходим в окно редактирования записи или страницы и вставляем (пишем) шорткод в любое место вашего контента, там где Вы желаете разместить виджет:

    или

    Вместо widgetname, вставить называние нужного виджета.

    Вместо widgetid, вставить id нужного виджета.

    Например:

    или

    Если в названии виджета есть пробел, то название виджета нужно заключить в кавычки, вот таким образом:

    Готово!

    Убедитесь, что вы правильно указали название виджета или id виджета в шорткоде. Если неправильно, на странице в браузере появится следующее сообщение:

    You are admin: Try debug See a exclamation point ! above ?. Hover over to see error message.

    Нажмите  на ссылку Try debug

    Появиться следующая информация:

    DEBUG on: Is your widget in the widgets_for_shortcodes sidebar?

     

    widgets_for_shortcodes sidebar and widgets

    Sidebar: widgets_for_shortcodes: Widgets for Shortcodes has widgets with these ids:
    calendar-2

    Здесь указан правильный id нужного нам виджета (В вашем случае будет свой id), установка которого описана во 2 пункте данной записи. А именно: calendar-2, вот его нужно вписать в шорткод, будет так:

    amr shortcode any widget

    amr shortcode any widget

    4, Magic Post Listing — отображение на странице списка записей или страниц.

    После установки плагина, перейдите в виджеты и перетащите виджет Magic Post Listing в область amr shortcode. 

    mpl

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

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

    mpl 2 mpl3

  • 5 урок. Плагины Captcha, SEO by YOAST, WP-PostRatings

    5 урок. Плагины Captcha, SEO by YOAST, WP-PostRatings

    1. Captcha

    Позволяет добавить супер защиту к стандартным формам WordPress посредством математической логики. Полностью совместим с Contact Form, что позволяет создать отлично защищённую форму обратной связи.

    Преимущества:

    • Простота установки и использования.
    • Высокая читабельность.
    • Механизм проверки использует обычные математические действия: сложение, вычитание и умножение.
    • Наличие возможности использования словесного, цифрового или смешанного отображения элементов капчи.
    • Captcha от BestWebSoft доступна на 36 языках, и постоянно увеличивает количество переводов.
    • Полная совместимость с Contact Form.
    • Наличие PRO версии с поддержкой Contact Form 7 и BuddyPress (форма регистрации, комментариев, создания группы).
    • Наличие подробной документации, пошаговых видео-инструкций по настройке и установке, а также текстовых инструкций со скриншотами.
    • Возможность платной кастомизации.

    Недостатки:

    • Бесплатная версия несовместима с BuddyPress. Вы должны получить премиум-версию плагина для работы с BuddyPress и Contact Form 7.
    • Приоритетная техническая поддержка и гарантированный ответ в течении суток доступны только при покупке Captcha PRO. Запросы от пользователей бесплатных версий могут рассматриваются до пяти дней.
    • Каждые 6 месяцев необходимо продлевать лицензию на продукт. Если вы не продлите лицензию, вы сможете и дальше использовать PRO версию, но вам уже не будет доступна приоритетная техническая поддержка и дальнейшие обновления продукта.

    Вывод:

    Captcha от BestWebSoft — это лучшее решение для защиты от спама и ботов. Плагин очень прост в использовании, а ваше зрение не пострадает от попыток определить искажённые символы.

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

    Все недостатки решаются при покупке и установке Captcha Pro. В ней больше возможностей по совместимости с BuddyPress и Contact Form 7. А также вы получаете приоритетную техническую поддержку и гарантированный ответ в течении суток.

    2. SEO by Yoast

    SEO by Yoast — это один из самых перспективных плагинов для СЕО оптимизации сайта. Он позволяет:

    1. Задавать заголовок (title) отдельно от заголовка поста.
    2. Указывать заголовки для архивов таксономий, пользовательских типов.
    3. Задавать мета описание description.
    4. Создавать XML карту сайта.
    5. Строить и выводить хлебные крошки.
    6. Создавать микроразметку для социальных сетей.
    7. Позволяет удалить «category» из URL категории и GET переменные с постов «?replytocom».
    8. Добавить слеш «/» в конец ссылки.
    9. Очистить от мусорных ссылок блок <head>.
    10. Проверить плотность ключевых слов.

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

    Плагин wordpress seo by yoast идеально подойдет для начинающих СЕО оптимизаторов и людей которые вообще не знакомы с СЕО. Для проффесиональных сеошников, он может показаться немного замудренным, ведь у него нет единой страницы для правок заголовков и описаний, а также он делает обрезание заголовков и описаний под поисковую систему гугл. Вообще, наверное стоит повторится, плагин WordPress SEO by Yoast заточен под все примочки поисковой системы Google, хотя вроде и неплохо подходит под Яндекс, с определенной долей коректировки.

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

     

    Пошаговая настройка WordPress SEO by Yoast

    К МЕНЮПлагин Yoast SEO, он же WordPress SEO by Yoast довольно не плохо оптимизирован под начинающих СЕОшников, по этому с его установкой не должно возникнуть проблем даже у новичков.

    1. Устанавливаем плагин SEO by Yoast на свой сайт. Для этого нужно зайти во вкладку «Плагины» — «Добавить новый» плагин wordpress seo by yoastи в поисковую строку справа в верху ввести вот такой текст: «Yoast SEO»:описание seo by yoast

    ну и нажать Enter.

    2. В результате у нас появится наш плагин и рядом с ним кнопка установить, на которую нужно нажать:установка Yoast SEO

    3. После установки нужно активировать плагин, он сам вам это предложить (все кликабельные картинки откроются поверх текста):wordpress-seo-by-yoast-5

    4. После активации плагин WordPress seo by yoast создаст в низу вот такой значок с настройками:настроить wordpress seo by yoast
    5. Можно ничего не трогать и сразу пойти менять заголовки и описания для поисковых систем, а можно для начала настроить плагин. Я конечно опишу каждый из пунктов, и так:

    Описание настроек wordpress seo by yoast

    К МЕНЮ5.1 «Общие» — тут можно сбросить настройки по умолчанию:wordpress-seo-by-yoast-7или же перейти во внутреннею вкладку «Инструменты вебмастера»wordpress-seo-by-yoast-8и подтвердить там права на сайт в разных поисковых системах, если конечно вам это нужно.

    Развернуть полное описание настроек

    6. Меняем заголовки и описание description для страниц и записей. Для этого нам нужно зайти в запись и опуститься в низ, там будет вот такой блок Yoast SEO

    wordpress-seo-by-yoast-15где мы сможем ввести заголовок / title поста и описание, как на примере выше. Блок «Фокусное ключевое слово» я оставил пустым, о нем расскажу дальше.

    Когда вы вводите СЕО заголовок и описание в форму ввода плагин WordPress SEO by Yoast автоматически показывает как будет выглядеть ваш сайт в окне поиска гугла.

    Если вам нужно сделать групповые действия над title или description вы можете это сделать по ссылке: вашсайт/wp-admin/admin.php?page=wpseo_tools&tool=bulk-editor , смотрите вкладку «SEO» — «Инструменты». Более детально я описывал в пункте 5.6

    7. Устанавливаем фокусное ключевое слово в плагине wordpress seo by yoast, для этого в поле ввода записываем слово или несколько слов. Я например напишу туда «SEO», вот что из этого получилось:wordpress-seo-by-yoast-16У нас появился выпадающий блок, который информирует о количестве вхождений нашего ключевого слова.

    Нужно обязательно нажать «Сохранить» или «Обновить» пост, чтобы плагин обновил остальные вкладки настроек.

    8. После обновления поста, мы можем просмотреть вкладку «Анализ страницы», «Дополнительно» и «Социальные сети», там вроде более менее понятно как ими пользоваться.

     

    К МЕНЮНа этом вроде все, настройка СЕО плагина WordPress SEO by Yoast завершена, до новых встреч.

     

    СЕО плагин WordPress SEO by Yoast на мультиязычных сайтах

    В качестве бонуса, плагин WordPress SEO by Yoast имеет дополнительный плагин, который называется WordPress SEO & qTranslate‑X и который служит для связки СЕО плагина с мультиязычным плагином. Проще говоря, для того, чтоб задать SEO заголовок и описание для каждого из языков, вам будет достаточно переключится на нужный язык и записать текст. Более подробно я описал работу с этим плагином в этой статье:

    Не работает WordPress SEO by Yoast. Пропали заголовки

    Разработчики плагина немножко намутили в новой версии плагина 3.0.3 и теперь поисковые запросы просто кешать текстом:

    • не работает WordPress SEO by Yoast;
    • как править заголовки;
    • изменить описание;
    • пропало описание description и SEO Title.

    В действительности никаких проблем нет. Просто разработчики плагина очень по умному решили создать механизм правки мета полей и заголовков.

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

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

    3. WP-PostRatings

    Реализация с помощью плагина WP-PostRatings

    https://youtu.be/LDtTXg2b71Q

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

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

    1
    
    <?php if(function_exists('the_ratings')) { the_ratings(); } ?>

    или используете shortcode записи [ratings]

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

    рейтинг сразу после текста статьи

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

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

    Когда вы определились с местом размещения, открываете файл single.php и вставляете внутри его содержимого выше предоставленный код. После этого, если плагин WP-PostRatings активен, рейтинг уже должен отображаться на страницах записей. Можно размещать рейтинг на любых страницах, на которых он вам нужен.

    Теперь стоит перейти к настройка плагина, чтобы выставить важные параметры.

    Настройка WP-PostRatings

    Плагин добавляет новый пункт в админ-панель. Нужно перейти первым делом в «Ratings — Ratings options».

    настройка WP-PostRatings

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

    выбор оформления рейтинга

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

    настройки плагина PostRatings

    • Max Ratings — максимальное количество звезд, которое будет отображаться, то есть максимальное количество оценок;
    • Enable Google Rich Snippets — это тот пункт, ради которого мы и делаем данный рейтинг. Обязательно активируем, так как он добавляет мироразметку (микроданные) в исходный код плагина и звезды будут отображаться в сниппете после переиндексации страниц сайта;микроданные для рейтинга
    • Individual Rating Text/Value — в данном блоке настроек выставляет текстовые значения, которые будут соответствовать каждой звезде в рейтинге (будут видны пользователям при наведении на звезды). Также присваиваем числовые значения. На изображении можете видеть, как я решил обозначить их. Числовые значения оставил стандартными;

    следующие настройки

    • Show loading image with text — так как работа плагина основана на технологии Ajax, то данные настройки отвечают за поведения изменения рейтинга и его работу при использовании. Данная настройка отвечает за способность показывать загрузку звезд и текста рядом с ними в реальном времени без перезагрузки страницы. Для удобства обязательно оставляет включенной (Yes);
    • Show fading in and fading out ratings — будет ли происходить плавное появление и исчезновение рейтинга после проставления голоса посетителем. Если хотите, чтобы было все красиво, то также оставляем включенным;
    • Who is allowed to rate — кто может голосовать? По умолчанию стоит значение «зарегистрированные и гости». Так и оставляем, так как вариант подразумевает возможность голосования для всех пользователей;
    • Ratings logging method — по каким параметрами будет сохраняться рейтинг. Стандартный вариант запоминает куки и IP адрес пользователя и, чтобы ему произвести голосование в определенном материале, необходимо будет сменить ИП адрес и почистить куки браузера. Такой вариант позволяет уберечься от накручивания голосов. я его и оставил.

    После проделанных изменений обязательно сохраняем настройки и переходим в следующие настройки для русификации надписей в рейтинге.

    настройки русификации

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

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

    Шаблон Rating vote text (показывается, если вы еще не голосовали, но уже кто-то оставлял оценку).

    1
    
    %RATINGS_IMAGES_VOTE% (голосов: %RATINGS_USERS%, в среднем: %RATINGS_AVERAGE% из %RATINGS_MAX%)<br />%RATINGS_TEXT%

    Шаблон Rating voted text (показывается вам, если вы уже сделали оценку).

    1
    
    %RATINGS_IMAGES% (голосов: %RATINGS_USERS%, в среднем: %RATINGS_AVERAGE% из %RATINGS_MAX%, вы уже оставили свой голос)

    Шаблон Rattings no permission text (используется, если в настройках выставлен вариант голосования только для зарегистрированных пользователей).

    1
    
    %RATINGS_IMAGES% (голосов: %RATINGS_USERS%, в среднем: %RATINGS_AVERAGE% out of %RATINGS_MAX%</em>)<br />Для возможности голосования вы должны быть зарегистрированы.

    Шаблон Ratings none (если никто еще не голосовал).

    1
    
    %RATINGS_IMAGES_VOTE% (Еще нет голосов, оставьте первым)<br />%RATINGS_TEXT%

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

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

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

    Проверка расширенного сниппета в инструментах Google

    Переходим на эту страницу и вводим адрес любой страницы, где выводится рейтинг, сделанный в данной статье.

    проверка расширенного сниппета в google

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

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

    На этой же странице проверки структурированных данных вы можете увидеть значения микроданных.

    микроданные

  • 4 урок. Плагины Cir to lat, JetPack, Contact form 7

    4 урок. Плагины Cir to lat, JetPack, Contact form 7

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

    Плагины по умолчанию

    Следующие плагины включены в дистрибутив WordPress:

    Akismet

           Akismet проверяет на спам ваши комментарии через веб-службу Akismet и помещает подозрительные записи в папку Спам. Вы можете проверить эту папку в управлении комментариями. Спам удаляется автоматически через 15 дней.

    Hello Dolly

           Это не просто плагин, он символизирует надежду и энтузиазм целого поколения, выраженные в двух словах из песни, наиболее известной в исполнении Луиса Армстронга: «Hello, Dolly». Это, кстати, первый в мире официальный плагин WordPress. После активации плагина на каждой странице

    панели управления

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

    Рекомендуемые плагины:

    1. Плагин Cyr-To-Lat

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

    До того, как не было это плагина был другой Rus-To-Lat, но могу сказать, что Cyr-To-Lat функциональнее, следовательно, это его последователь. Это можно понять, даже по названию. Сделал плагин ссылки на латинском, а в чем преимущество?

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

    А во-вторых, преимущество заключается в эстетичности и в нормальном виде, который помогает понять по ссылке про что статья.

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

    2. Jetpack

    Jetpack — это набор плагинов, виджетов и сервисов от WordPress.com. Он предоставляет standalone-сайтам набор возможностей, ранее доступных только пользователям, размещающимся на WordPress.com. Он добавляет вашему сайту некоторые распространенные возможности с помощью простого в использовании и знакомого интерфейса. Jetpack впервые появился меньше двух лет назад и был скачан около 3 миллионов раз, а недавно выпущенная вторая версия Jetpack наделала шума среди WordPress пользователей.

    Комментарии — Jetpack Comments

    Когда речь идет о блоге или сайте сообщества, комментарии могут стать ключевым способом взаимодействия с аудиторией. WordPress хорошо работает с комментариями, и есть множество плагинов для того, чтобы сделать их лучше для вас и ваших пользователей. По моему мнению, вам действительно нужны 2 вещи: Akismet (очень дешево или бесплатно, в зависимости от сайта) для того, чтобы разобраться со спамом, и Jetpack Comments.

    Jetpack Comments не отбирает комментарии вашего сайта полностью, как Disqus, а просто улучшает их, в основном для ваших пользователей. Он позволяет пользователям размещать комментарии, выполнив авторизацию через учетные записи Twitter, Facebook или WordPress.com. Также если у вас включены комментарии от гостей, они все так же смогут комментировать как гости. Это экономит время вашим пользователям, им не нужно создавать новую учетную запись и профиль, чтобы прокомментировать одну статью.

    Вы также можете использовать подписки Jetpack, чтобы быть ближе к вашим комментаторам. Любые обновления записи или новые записи будут отправлены пользователю по почте (в зависимости от настроек). Но пока у подписки Jetpack есть проблемы. Вы не можете настроить вид письма, отправляемого подписчиками, и хотя ваши подписчики могут быть перенесены администраторами от одного сайта к другому через WordPress.com (если оба сайта используют Jetpack), вы не можете самостоятельно экспортировать их, более того, вы даже не можете увидеть их. Это, по моему мнению, основная ошибка. Пока я не смогу управлять или экспортировать собственных подписчиков, я точно не буду воспринимать эту возможность всерьез.

    Встроенная галерея — Jetpack Carousel

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

    В данный момент, похоже, есть только одна проблема — вы не можете использовать эффект на отдельных изображениях. Это немного раздражает, так как возможно вам придется использовать для этого отдельный плагин. Так что надеюсь, что эта возможность будет добавлена в следующих релизах.

    Полезные дополнения

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

    Дистрибуция в социальные сети

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

    Проверка правописания

    Бывший плагин After the Deadline for WordPress — плагин проверки правописания для редактора TinyMCE, поднятый на новый уровень. Он использует сервис After the Deadline от Automatticдля проверки вашего контента. Он использует искусственный интеллект и технологию обработки языка, чтобы найти грамматические и орфографические ошибки и предложить варианты. В своем профиле вы можете настроить его под свои потребности и сказать, каким правилам следовать, у вас также есть возможность включить проверку в режиме реального времени при обновлении или сохранении записи. Лично я настраиваю его на проверку по моей просьбе, что ускоряет сохранение и обновление записей без задержек для постоянных проверок.

    Короткие ссылки WP.me

    Это простая маленькая экономия времени. Кнопка «Get Shortlink» при редактировании или добавление записей / страниц работает с WP.me — сервисом сокращения URL, и предоставляет вамкороткие адреса для использования в Twitter или других сервисах. Некоторые дополнительные возможности включают:

        • У каждого блога или записи на WordPress.com, или на блогах с Jetpack есть короткий адрес WP.me.
        • Все указано в шапке с помощью rel=shortlink.
        • Это работает не для всех адресов, только для WordPress.
        • Ссылки постоянные, они будут работать, пока жив WordPress.com.
        • WP.me не сожержит спама, так как спам постоянно отслеживается и удаляется из WordPress.com.

    Подписки

    Обязательно активируйте эту опцию и сделайте нужные настройки. Для этого в меню ПараметрыЧтение найдите Follower Settings (см. рисунок ниже) замените все на русские слова типа:“Здравствуйте! Вы подписались …. Нажмите на ссылку ниже, чтобы активировать подписку”.

    подписки Jetpack

    Настройки подписки

    Теперь ваши активные читатели смогут подписаться не только на комментарии к сообщению, но и на обновления блога.

    После этого не обязательно настраивать rss-ленту в FeedBurner, подписка будет в естественном месте, под формой комментариев. Как раз для активных посетителей, они и подписываются чаще всего. А количество подписчиков у вас будет отображаться в статистике сайта.

    Мобильная тема

    Мобильная тема оформления

    Это не то, что лично я использовал для адаптивного дизайна, но идея проста. Активируйте эту возможность и вы получите базовую мобильную тему. Дизайн основан на ядре темы WordPress,Twenty Eleven. Он поддерживает те же настройки темы, что и старший брат — Twenty Eleven, позволяя вам устанавливать изображение шапки, изображение фона и цвет. Это очень удобно для того, чтобы быстро и дешево получить мобильную тему для вашего сайта.

    Отличные виджеты

    Jetpack также включает отличные виджеты для помощи в настройке вашего сайта:

        • RSS Links Widget позволяет вам добавлять ссылки в записи вашего блога и RSS ленты комментариев на ваш сайдбар. Это помогает вашим читателям быть в курсе нового контента или новых комментариев.
        • Twitter Widget показывает последние твиты внутри сайдабара вашей темы. Это простой способ оживления сайта. Лично я использую этот виджет на всех своих сайтах, он работает.
        • Image Widget позволяет легко добавлять изображения в зоны виджетов вашей темы. Это простой способ сделать сайт визуально интереснее. Никакого кодинга на HTML прямо в виджете.
        • Gravatar Profile позволяет вам легко показывать профиль Gravatar (о котором мы уже говорили ранее) в виджете. Он дает вам возможность выбрать, что из оригинального профиля Gravatar вы хотите показать, а что скрыть. Вы можете увидеть его в работе вздесь.

    Как избежать перегрузки

    Когда вы активируете Jetpack впервые и подсоединяете его к учетной записи WordPress.com, он по умолчанию активирует большое количество всяких функций и надстроек. Но вы можете отключить все, что захотите! Я предпочитаю отключить все, что я точно не буду использовать. На странице настроек Jetpack просто щелкните «Learn More«, и под каждой из возможностей появится кнопка «Disable«. Да, было бы лучше, если бы она не была скрытой, но она хотя бы есть. Ускорьте работу сайта, активировав только те возможности, которые вам действительно нужны.

    Плагин Contact Form 7 позволяет создавать множество разных форм для отправки результатов на ваш электронный ящик. Настройке поддаётся абсолютно всё — внешний вид формы, порядок полей, название надписей, формат электронных сообщений, выбор получателей ответов. В общем, плагин действительно очень функциональный и классный.

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

    Установка плагина Contact Form 7

    Плагин устанавливается стандартным способом в WordPress. Заходим в раздел «Плагины» — «Добавить новый», вводим название Contact Form 7 и устанавливаем его из репозитория. Не забываем активировать сразу после установки.

    Настройка Contact Form 7

    После активации плагина в главном меню WordPress появится новый пункт «Контакты (CF7)», это основное место настроек ваших форм обратной связи. Количество форм ничем не ограничено.
    Форма обратной связи с помощью плагина Contact Form 7

    Список существующих форм доступен в разделе «Contact Forms»:
    Форма обратной связи с помощью плагина Contact Form 7

    Тут же можно скопировать нужный шорткод для вставки на страницу или в запись:
    Форма обратной связи с помощью плагина Contact Form 7

    Добавление новой формы обратной связи

    Как видите, каких-то особых дополнительных пунктов в меню нет, поэтому перейдём к созданию самой формы обратной связи. Для этого выбираем пункт «Добавить новую» в главном меню.

    Первым делом нам предлагается выбрать язык интерфейса формы, которая будет создаваться. WordPress определяет установленную версию на вашем сайте и предлагает выбрать её по умолчанию:
    Форма обратной связи с помощью плагина Contact Form 7

    Но вы можете выбрать из списка любой доступный язык:
    Форма обратной связи с помощью плагина Contact Form 7

    После нажатия на кнопку «Добавить новую» появится конструктор формы.

    Изменяем название формы

    Первым делом нужно ввести название нашей формы, чтобы не потеряться в списке форм, когда их будет слишком много. Для этого достаточно нажать мышкой на слово «Заголовок» в верхней области экрана:
    Форма обратной связи с помощью плагина Contact Form 7

    После этого появится текстовое поле, в котором введём название с описанием:
    Форма обратной связи с помощью плагина Contact Form 7

    И нажмём кнопку «Сохранить».

    Как только страница обновится, вы увидите следующее сообщение:
    Форма обратной связи с помощью плагина Contact Form 7

    Можно скопировать предложенный шорткод и вставить на нужную нам страницу.
    Но вы можете сделать это и позже, как только настроите форму. Выбор за вами.

    Изменяем шаблон формы

    Шаблон формы — это обычный HTML-код, который формирует внешний вид вашей формы. По умолчанию он содержит 4 поля (имя, электронный адрес, тему и сообщение) и кнопку отправки формы. Выглядит это следующим образом:
    Форма обратной связи с помощью плагина Contact Form 7

    Вы можете менять блоки местами, просто вырезая и вставляя их код в любое место.
    Например, мы можем поменять местами поле электронного адреса и имя клиента:
    Форма обратной связи с помощью плагина Contact Form 7

    Или же можем удалить поле «Тема», чтобы оно не высвечивалось в нашей форме. Для этого достаточно удалить соответствующий блок текста в нашем шаблоне:
    Форма обратной связи с помощью плагина Contact Form 7

    «Звёздочка» возле кода элемента означает что это поле обязательное и пока клиент не введёт какое-то значение, форма не будет отправлена:
    Форма обратной связи с помощью плагина Contact Form 7

    3. Contact Form 7

    Плагин Contact Form 7 вы можете скачать с официального сайта WordPress (ссылка выше), или непосредственно через вкладку “Плагины” > “Добавить новый” > Строка “Поиск плагинов” > вбиваем “Contact Form 7”. Не забудьте активировать плагин перед началом работы: “Плагины” > “Установленные” > находим плагин Contact Form 7> жмем “Активировать”. В боковой административной панели вашего сайта появится новый пункт “Contact Form 7”.

    плагин contact form 7

    Настройка плагина Contact Form 7

    Что приятно, по умолчанию плагин Contact Form 7 поддерживает мультиязычность. Если ваша версия WordPress на русском языке, то плагин так же полностью будет на русском языке, при этом форму обратной связи вы можете создать на любом языке. Язык формы указывается в процессе создания каждой формы. Отдельного раздела для настроек нет, все настройки индивидуальный для каждой отдельной формы.

     

    Пример добавления формы обратной связи

    1. Выбираем в административной панели “Contact Form 7” > “Формы” > кнопка на странице “Добавить новую”.

    плагин contact form 7

    2. Вам будет предложено выбрать язык формы. По умолчанию “русский”. Жмем кнопку “Добавить новую”

    3. Перед вами открылось окно где вы можете создать свою форму со своими настройками.

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

     

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

     

    ВНИМАНИЕ: сейчас мы разберем какие теги бывают и какие поля они создают. Все эти теги вносятся в вкладке “Шаблон формы”, но если “ответные теги” вы не вносите в ручную (!) во вкладке “Письмо”, то заполненные формы будут приходить к вам на почту не полные.

    4. Варианты тегов в вкладке “Шаблон формы”.
    — text: добавляет текстовое поле (короткое).
    — email: поле для e-mail.
    — URL: поле для указание адреса сайта или любой ссылки.
    — tel: поле контактного телефона
    — number: поле в которое можно ввести только числовое значение
    — date: поле с форматом даты
    — text area: добавляет текстовое поле (длинное).
    — drop-down menu: выпадающий список. У поля есть дополнительные настройки. Список который будет выпадать указывается в поле “Options”. Причем один элемент списка в одну строку (не через запятую!). Если стоит галочка у “Allow multiple selections” — пользователь сможет выбрать из вашего списка более одного варианта. Если стоит галочка у “Insert a blank item as the first option” — то будет добавленно вверху по умолчанию пустое поле, которое так же может быть выбрано пользователем.

    плагин contact form 7

    — checkboxes: Чекбокс (галочки). Поле имеет несколько настроек. Список чекбоксов указывается в поле “Options”. Причем один чекбокс в одну строку (не через запятую!). Если стоит галочка у “Put a label first, a checkbox last” по умолчанию галка будет стоять у первого чекбокса. Если отмечен пункт “Make checkboxes exclusive”, то пользователю можно будет отметить только один из чекбоксов.
    плагин contact form 7

    — radio buttons: радио кнопки. Радио кнопки позволяют всегда выбрать только один пункт из списка. Ввод списка аналогично чекбоксам в столбик. Из настроек можно включить “Put a label first, a checkbox last”, тогда по умолчанию будет выделена первая радио кнопка из списка.

    — acceptance: поле чек бокс, без установки галочки в которое сообщение не будет отправлено. Фактически это возможность взять безоговорочное согласие пользователя с чем-то, в противном случае письмо отправлено не будет. Например “Вы соглашаетесь что переданная вами информация будет обрабатываться нашими операторами”.

    — quiz: нововведение в плагине. Это поле позволяет создавать вопрос и ответ на него. Идеально использовать в качестве защиты от спама. Посмотрите на оформление вопроса и ответа в форме генерации тега.

    плагин contact form 7

    Любое поле можно сделать обязательным (обычно такие поля отмечаются *) для заполнения, для этого надо поставить галочку в поле Field type > Required field. Внимание! Не забудьте текстом обозначить пользователям что поле надо заполнить обязательно!

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

    — file: поле создает тег дающий возможность пользователю прикрепить к сообщению файл. В настройках тега можно указать “File size limit (bytes)” максимальный размер прикрепляемого файла, разрешенные типы файлов (расширения через запятую). Внимание, если вы не указываете максимальный размер прикрепляемого файла, то по умолчанию он определяется возможностями вашего сервера. Точную информацию по ограничениям вы можете узнать у компании предоставляющей вам хостинг. Обычно максимальный размер ограничен 10 Мб.
    submint: тег добавляет кнопку “Отправить” (название можно поменять).

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

    плагин contact form 7

    плагин contact form 7

    5. Вкладка “Письмо”.
    Теперь перейдем в форму генерации письма которое будет отправляться вам и добавим те теги которые мы использовали в “шаблоне формы”. Обратите внимание на скрин. Поля не внесенные в тело письма вынесены наверх вкладки черным цветом, а те которые присутствуют в теле письма — серые.
    contact form 7

    Вносим их в тело письма (поле “Message Body”): просто копируйте теги выделенные черным и вставляйте их в форму тела письма. Обратите внимание что номера обозначенные в тегах совпадают с уникальными номерами полей которые вы добавляли в шаблоне формы. Таки образом вы можете идентифицировать какое поле к чему относится и подписать их непосредственно в теле письма, что бы потом не запутаться.
    Сохраняем изменения.

    6. Установка формы на сайт.
    C странице создания формы копируем шор код (обычно он выделен синим или коричневым цветом) и вставляем его в любую страницу или пост.

    contact form 7

    Плюсы и минусы кратко

    Плюсы

    + большое количество типов полей
    + поддержка мультиязычности
    + простота использования
    + бесплатный
    + надежный
    + не конфликтует с другими плагинами
    + плагин Contact Form 7 развивается

    Минусы:

    — надо не забывать вносить дополнительные теги в генерированное письмо
    — оформление формы и письма требует минимальные знания HTML

    Вывод: безусловно отличный редактор, если не сказать — лучший! Радует гибкость, надежность и стабильность. Если бы он был платный, его все равно бы покупали, т.к. по качеству близкого к нему нет и рядом. Рекомендую плагин Contact Form 7.