«

»

Окт 15

Ставим первые плагины на WP и меняем фон

WPЗдравствуйте уважаемые читатели!

  В прошлый раз мы установили WordPress себе на блог, надеюсь, что вы с этим справились. Сегодня мы установим некоторые плагины. И если будет необходимо я покажу как их настроить. Кстати, я специально написал небольшую книгу в которой я показал 30 полезных плагинов для WordPress. Непременно СКАЧАЙТЕ и посмотрите.

  И еще, в книге описано два способа установки плагинов и где нужно брать плагины. Чтобы здесь не повторятся, СКАЧАЙТЕ пожалуйста книгу.

WP 30 плагиновПервые плагины на блоге

 Первые три плагина (устанавливаем обязательно), эти плагины не надо настраивать.

Cyr to Lat enhanced – этот плагин необходим для того, чтобы по умолчанию, ссылки отображались латинскими буквами.

Multilingual Comments Number — исправляет окончание слова «комментарий», будет выводиться в правильном падеже. Например, вместо 10 «комментарий», у вас будет выводиться 10 «комментариев».

Russian Date by Axelnsk — русские даты. Плагин расставляет окончания у месяцев в соответствии с правилами русского языка. (9 август 2016 — делает 9 августа 2016).

Я бы посоветовал вместе с этими плагинами, поставить еще два, это:

WP Maintenance Mode — сайт закрыт на техническое обслуживание. Плагин закрывает доступ к сайту (блогу) «посторонних», когда вы чем-то заняты у себя на сайте (что- меняете, добавляете), в это время, если кто-то захочет зайти на ваш сайт, ему показывается красивая страничка с извинениями, типа "Простите мы закрыты на учет" (шутка, хотя и так можно написать).

  У этого плагина нужно будет кое-что настроить. Панель управления → Настройки → Техническое обслуживание.

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

  Вторая вкладка – «Дизайн», здесь вы можете поменять дизайн странички, которая будет показываться посетителям. Можно поменять фон, текст, цвет текста, поставить на фон картинку (из предложенных или свою). Все на русском, все понятно.

  Третья вкладка «Модули» — я ей не пользуюсь, потому что, если мне надо, например, закрыть страничку на несколько часов, зачем мне заморачиваться с лишними настройками.

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

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

CKEditor for WordPress – продвинутый (расширенный) визуальный редактор, тоже считаю его полезным плагином, но ставить его не обязательно.  Хотя в таком редакторе удобнее работать, особенно новичкам (похож на Word). Настроек нет, поставил, активировал – работай.

WP устанавливаем фон

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

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

WordPress – версия 4.5.3. (уже обновил)
Тема (Шаблон) – GRAPHENE (есть обновление до версии 1.9.4.2.) хочу сказать, что у этой темы огромное количество настроек (настроить можно не копаясь в коде), но я этими настройками не пользуюсь.

Меняем дизайн

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

ВАЖНО! Закройте свой сайт (блог) на техническое обслуживание (плагин WP Maintenance Mode)

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

 

Денвер (джентльменский набор Web-разработчика) — локальный сервер для отладки сайта у себя на компьютере.

  В моем случае, WordPress я установил 1 мая 2016 года (закрыл его плагином WP Maintenance Mode), а 20 мая 2016 года, мой блог был в сети. Он был уже оформлен, с картинками и контентом. Контента было немного, 3 или 4 поста.

  Теперь продолжим. Будем для начала менять фон блога. В этом шаблоне все делается очень просто:

  Если вы хотите поставить на фон картинку, подбираем картинку размером 1640px х 1000px (у меня такой размер). Сжимаем ее на сервере https://tinypng.com (чтобы загружалась быстрее).

  Сохраняем ее как… bg_g.png (это уменя так) и закачиваем к себе на хостинг, то есть на свой сайт. Делается это с помощью файлового менеджера Total Commander (смотрите "Установка WP на сервер"). Файл нужно скопировать (F5) в папку images, она находится по пути: 
/www/ваш сайт/wp-content/themes/ваша тема/images/.

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

  Сейчас нужно немножко изменить код в файле style.css. В Total Commander заходим по пути /www/ваш сайт/wp-content/themes/ваша тема/, кликаем по файлу style.css и нажимаем F4 (настройки в "Установка WP на сервер"), должно открыться в Notepad++.

WP устанавливаем фон

  В строке 420 (у меня), меняем параметр repeat на no-repeat (не размножать рисунок). Нажимаем «Сохранить» (меню Файлы или иконка в верхнем меню), дальше закрыть (крестик), OK и «Заменить все».

 

Это должен знать каждый блогер. Обязательно посмотрите бесплатный Курс по CSS, как я не раз говорил, с помощью этого курса вы без труда сделаете из своего сайта (блога), "конфетку". Все "красивости" на сайте (блоге) делаются именно с помощью CSS.

Курсы по CSS  Идем на сайт, обновляем страничку и все, фон поменялся на ваш. Еще раз посмотрите настройки ("Установка WP на сервер") Total Commander, чтобы по F4 – открывался редактор Notepad++ (Блокнотом пользоваться не советую).

Запомните три основных клавиши для Total Commander:

F3 – просмотр картинок
F4 – открывает файл в редакторе Notepad++
F5 — копировать файлы

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

С уважением, Сергей

RSS

 

 

 

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *