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

Информационные сайты

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

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

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

Содержание:

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

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

/%category%/%postname%

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

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

[youtube]https://youtu.be/1EM-pGVpC80[/youtube]

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

.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

[youtube]https://youtu.be/b_cWoHoRzsE[/youtube]

Вот, что добавлять в 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

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

[youtube]https://youtu.be/OP1CmKjdboA[/youtube]

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

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

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 и настроим его по видео-уроку:

[youtube]https://youtu.be/Wm7QZ6EhmuQ[/youtube]

 

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

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

Примеры:

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 рекомендую купить и поставить этот плагин, а также дополнительно защитить админ панель по этому мануалу.

Оцените статью
Добавить комментарий

  1. Виталий

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

    Ответить
  2. Вадим Жук

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

    Ответить
  3. AFatkullin

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

    Ответить
  4. Harizmath

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

    Ответить
    1. Валера Кошелев

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

      Ответить
      1. Harizmath

        skype/vk — harizmath

        Ответить
  5. Froloff161

    Шорткоды проще выводить так:

    /*Выводим кнопки шорткодов в редакторе*/
    add_action(‘admin_footer’, ‘eg_quicktags’);
    function eg_quicktags() {
    ?>

    jQuery(document).ready(function(){
    if(typeof(QTags) !== ‘undefined’) {
    QTags.addButton( ‘ads101’, ‘Yellow’, ‘[color-box color=»yellow»][/color-box]’);
    QTags.addButton( ‘ads102’, ‘Blue’, ‘[color-box color=»blue»][/color-box]’);
    QTags.addButton( ‘ads103’, ‘Red’, ‘[color-box color=»red»][/color-box]’);
    QTags.addButton( ‘ads104’, ‘Green’, ‘[color-box color=»green»][/color-box]’);
    }
    });

    <?php
    }

    Дайте стили лучше этого бокса:
    https://uploads.disquscdn.com/images/84555048a696f3260268eb43fa81b8c07cd330722e9bd866722118f704eebf00.jpg

    Ответить