Must Have плагины для информационного сайта на WordPress

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

Устанавливать и делать все строго по порядку - смотрите содержание.

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

Содержание:

Первое, что нужно сделать сразу после установки WordPress

Что прописать в постоянных ссылках:

/%category%/%postname%

Далее, нужно купить Must Have плагин Clearfy. Он устраняет более 20 ошибок движка wordpress, часть из которых критична для продвижения информационных сайтов в рунете.

TablePress - делаем таблицы

Код для смены цвета и размера заголовка, шрифта и т.д.:

.tablepress thead th,
.tablepress tfoot th {
	font-size: 16px;
	line-height: 24px;
	color: #333333;
	background-color: #FFDDDD;
}

.tablepress tbody td {
	font-family: Verdana;
	font-size: 16px;
	line-height: 24px;
	color: #333333;
}

Настраиваем SEO by Yoast

Вот, что добавлять в robots.txt ↓

User-agent: *
Disallow: /*?s=
Disallow: /trackback
Disallow: /*.html/feed
Disallow: /wp-admin*
Disallow: /wp-includes*
Disallow: /wp-content/languages/*
Disallow: /wp-content/upgrade/*
Disallow: /comments/page
Disallow: /author/
Disallow: /2016/
Disallow: /tag/
Disallow: /*respond
Disallow: */page/*
Host: yousite.com

Sitemap: http://yousite.com/sitemap_index.xml

Дальше нужно подключить хлебные крошки в вашу тему:

Блоки внимания

В тексте нам нужны такие блоки внимания:

Screenshot_1

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

Для этого в wordpress можно использовать цитату:

Screenshot_2

Прописав ей какой-нить красивый стиль в CSS, например, как на этом блоге:

blockquote {
    color: #292F33;
    font-family: Open Sans, sans-serif;
    font-style: normal;
    border: 1px solid #00b8e4;
    border-left: 5px solid #0093b6;
    padding: 0 15px;
    margin: 0;
    box-shadow: 2px 2px 15px #CCC;
}

Но 1 цвета мало, поэтому дополнительно воспользуемся одним из многочисленных плагинов: Standout Color Boxes and Buttons. Устанавливаем его, далее тот текст, который нужно выделить обрамляем в скобки:

[color-box color="blue"]тут текст[/color-box]

Вместо blue можно вписать другие цвета из плагина:

blue
gray
green
purple
red
yellow
black
white
orange
pink
bluebell

Чтобы каждый раз руками не писать это, добавим такую возможность прямо в редакторе, для этого установим плагин AddQuicktag и настроим его по видео-уроку:

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

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

Примеры:

Screenshot_2

Screenshot_3

Screenshot_4

Иконки можно брать отсюда: https://www.iconfinder.com/ или https://thenounproject.com/, а стили можно позаимствовать с сайтов конкурентов.

В плагине Standout Color Boxes and Buttons изменить стили можно тут: /wp-content/plugins/standout-color-boxes-and-buttons/css/scbb.css

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

Также обязательно используйте альтернативные плагины:

Всплывающие изображения

Бэкапы и безопасность

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

Перелинковка ↓
  • Виталий

    А как получить пароль?

  • http://vadikel.ru/ Вадим Жук

    Тоже интересно — как получить пароль?

  • AFatkullin

    Как получить пароль?)

  • Harizmath

    Помогу с css за символическую оплату.
    С разрешения lucky, ofc.

    • Валера Кошелев

      А контакты можно?

      • Harizmath

        skype/vk — harizmath