Как создать сайт — настройки

Как создать сайт - настройки.

В статье «Как создать сайт – настройки» производим настройки плагинов, оформляем сайта от меню до подвала. Дана ссылка на дополнительный материал (>10) и на интернет — сервисы (>20).

Как создать сайт - настройки

План построения блога/сайта

  • Настройка плагинов                                                                               
  • Оформление сайта                                                          
  • Добавление поиска на сайт                                                     
  • Добавление страницы, записи на сайт                                          
  • Создание меню                                                                                                                   
  • Создание рубрик блога                                                                                                       
  • Создание аватара                                                                                                                               
  • Размещение фавикона на сайт                                                                                                           
  • Оформление футера блога                                                                                                               
  • Ставим счётчик посещаемости
  • Заключение   

                                                                                                          

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

 Hyper Cache

В админ. панели, в"Настройках", выбираем плагин. Вверху копируем код, помеченный красной линией:

 Настройка Hyper Cache.                                    

Заходим на хостинг в раздел «Сайты», заходим в «Файл менеджер».

Файл менеджер на хостинге.

Находим файл wp-config php 12 сверху, нажимаем на карандаш – «редактировать»

Содержимое папки.

Файл wp-config php
В окне находим строку 23  

В конце строки 23 вставляем копированный код (будет 24 строка), сохраняем. Как на рисунке выше. Обновляем блог. Надпись исчезнет. Закрываем хостинг. Переходим в админ. панель. Ставим галочку в первом квадрате сверху, далее 6 часов:

Hyper Cache настройка.

В строке HTTPS выбираем «запись», выбираем «Save» – «Bypasses»:

Bypasses настройка.

Ставим галочки в квадраты внизу:

Bypasses 2 настройки.

Сохраняем.

 

WPBruiser

Yажимаем на  «WordPress». В «Protect Comments Form» ставим галочку:

Настройка WPBruiser

Ставим галочки:

Настройка WPBruiser часть 2.

Сохраняем. Заходим в «Notifications».

Настройка Notifications.

Убираем вторую галочку сверху. Сохраняем.

 

Login LockDown

Login LockDown, раздел «Settings»:

Настройка Login LockDown.

Плагин ограничивает действия злоумышленников:

  1. неудачные попытки — 3
  2. 5 минут (hold) – для повтора 
  3. 5 мин — выдержка, иначе блокировка на 60 минут
  4. блокировка не срабатывает. Переделываем на «нет»
  5. при неудачном входе WordPress сообщает: «логин или пароль неверные». Оставляем.

Шестая настройка: «Форма входа защищена блокировкой». Ставим «Yes». Сохраняем.

 

TOC

TOC выводит содержание. Заходим в «Плагины» – «Easy Table of Contents» – «Настройки»:

  • «автоматическая вставка» ставим галочку для «Записи». Хотите – для страниц
  • «Расположение» – «Перед первым заголовком»
  • «Показывать когда» меняем на 2. «Содержание» появиться после 2 подзаголовков
  • «Отображать Заголовок Оглавления» – ставим галочку 
  • «Показывать текст заголовка над оглавлением» – выбираем фразу:

«Содержание», «Оглавление», «Содержание страницы» или своё.

  • «переключать видимость» – ставим галочку
  • «начальный вид» – галочку.

«показывать иерархию» –  галочку, как на рисунке.

Плагин TOC настройка.

  • «Внешний вид» – задаём размер, цвет темы. 
  • можно использовать пользовательскую тему
  • «Расширенные настройки» – оставляем без изменений. Сохраняем.

 

Сlearfy Pro

Настройка Сlearfy Pro

«Сlearfy Pro» – «Настройка» – SEO. Нажимаем «Только рекомендованные». Находим: «Создать правильный Robots txt»:

Как создать сайт - настройки

Сохраняем.

 

Yoast SEO

Входим в «Возможности» – "Интеграция». Все функции должны быть включены. Сохраняем. «Пользователи» – «Все пользователи» – «Админ» – «Изменить». Меняем цветовую гамму – по желанию:

Yoast SEO настройка верхней панели.

Вносим своё имя:  «Админ» – «Изменить». Вносим в «Ник» имя, никнейм, ниже почту. Подпись появиться под постом.

Yoast SEO настройка имени.

 

WP Typograph Lite

WP Typograph Lite не требует настроек. Он исправляет ошибки. Создаёт:

  • правильные кавычки («елочки» и „лапки“)
  • длинное тире между словами
  • черту в диалогах
  • интервальные тире в датах и периодах
  • минус между цифрами 0–9.
  • многоточие – тремя точками…
  • убирает точку в конце заголовка поста
  • в тегах <code> <pre>  <script> текст не изменяет
  • в теге <code> автоматически заменяет < на &lt;, исправляет кавычки на машинописные для корректного копирования вставки
  • заменяет функцию фильтрации HTML (wpautop), исправляет ошибки визуального редактора со вставкой тегов
  • форматирует некоторые спецсимволы
  • делает ссылки в комментариях кликабельными, сокращая якорь в длинных ссылках.

 

WordPress Database Backup

WordPress Database Backup настройка.

WordPress Database Backup создаёт резервные копии. Выбираем «Инструменты» – «Резервное копирование». Исключаем «спам-комментарии», «редакции записей» – ставим галочки.

 

WordPress Database Backup настройка корирования.

В «Настройки резервного копирования» выберем место хранения копий: отправить на E-mail, нажимаем «Создать архив».

Как создать сайт - настройки

 

Происходит копирование. Создаём расписание. Обычно раз в неделю. Нажимаем запомнить. В начале создания сайта срок может быть 1 -2 дня.

 

 

 

FileBird Lite

Настройка FileBird Lite не требуется. Приступаем к сортировке изображений.

ПлагинFileBird Lite.

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

 

WordPress Ping Optimizer

После редактирования WordPress отсылает сообщения – «пингует». Если часто, то сайты – каталоги пометят блог ping-спамером. Плагин задерживает рассылку (max 1 hour) – удаляем редакции. Извещения в каталоги отправляем нечасто, периодически.

WordPress Ping Optimizer настройки.

  • в «Enable pinging» – ставим галочку
  • в «Limit excessive pinging in short time»:

«Ping at most» ставим 1 раз, «time within minutes» ставим 60 минут. В окне видна одна цифра.


 

Оформление сайта

Создаём конфигурацию основных блоков. Вверху страницы – шапка, в блоке «Хедер». Ниже меню, в центре контент – блок «Сингл». Традиционно справа сайдбар. Внизу страницы – подвал в «Футере».

Оформление сайта схема.

 

Дополнительный материал в статье

Структуру настраиваем в теме Root:

Сайдбар:

Внешний вид > Настроить > Блоки > Главная отмечаем «Сайдбар справа». 

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

Материал на сайте будет перенесен на хостинг. Изображения в «Файл менеджер», в wp-content – uploads. Записи в wp-content – ROOT: header.php, footer.php, single.php, sidebar.php. 

 

Добавление поиска на сайт

 

Заходим во «Внешний вид» – «Виджеты». Удаляем виджеты. Устанавливаем «Поиск». Нажимаем «Добавить виджет».

Виджет Поиск настройка.

Заполняем «Заголовок» – «Поиск на сайте»:

Виджет Поиск заполнение формы.

Виджет будет добавлен в сайдбар, обновитесь.

 Можно  шапку: в Root идём Внешний вид > Настроить > Дополнительные стили и добавляем код:

.mob-search {

   display: block;

}

Нажимаем «опубликовать». Открываем новую страницу – поиск должен быть в шапке.


 

 

Добавление страницы, записи на сайт

«Страницы» – «Добавить новую»

Добавление страницы на сайт.

Добавление заголовка H1

В поле заголовка H1 вставляем его.

Добавляем H1 на страницу.

Настраиваем блоки «Классический» и «Абзац»

 

  • Для основного текста используем блок «Классический». Размещаем текст, заголовки, изображения, цитаты, цветные блоки привлечения внимания, списки, таблицы и прочие функции.
  • Абзац подходит для маленьких текстов. Поле и шрифт можно сделать цветным. 
  • Чтобы раскрасить «Абзац» используем справа боковое меню. Изменяем размер текста, цвет.

Вставляем заголовки H2, H3, H4 

Готовим статью на ПК, переносим на сайт. Для блоков создаём заголовки.

«Заголовок H2»: раскрываем окно (Абзац). Выбираем заголовок. Структура с заголовками будет видна в «Содержании» статьи, в «Просмотре».

Создаём заголовок H2.

В страницу добавляем заголовки Н2, Н3, Н4. 

Как создать сайт - настройки

Вставляем медиафайлы

Нажимаем на изображение фотоаппарата – появляется меню. Производим выравнивание в строке. Карандаш – «Сведения об изображении». Атрибут alt по смыслу, в соответствии с SEO. Плагин Clearfy Pro делает это автоматически. Лучше сделать самому. Атрибут title – желательно + подпись.

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

изображения: создание, проверка, работа с ними в статьях:

Для написания статьи используйте:

Создание меню

Блогеры обязательными считают страницы «Об авторе», «О блоге», «Карта сайта». Добавляем их в меню. В теме Root указываем что меню верхнее, сайдбар справа. После выбираем «Внешний вид» – «Меню».

Создание меню сайта.

В «Добавьте элементы меню» можно выбрать «Страницы», «Записи», «Рубрики», ссылку.  Всё отобразится в блоке «Структура меню» справа. Пишем «Верхнее меню». В дальнейшем добавляем любой элемент, он должен быть создан. В маленьком блоке «Настройка меню» задаём расположение меню.

Вверху №1 – вход в визуальные настройки. Попадём в Root – там можно работать с меню. №2 – управление областями. Внизу сохраняем и обновляем страницу.

  • Цвет строки «Меню» задаём в Root, в «Цвета».
  • В «Типографика» – выставляем размер и вид шрифта ссылок меню.

 

Создание рубрик блога

В админке выбираем «Записи» – «Рубрики».

Как создать сайт - настройкиЗаполняем по смыслу форму. «Название» – пишем как рубрика будет показана на сайте. Например для сайта «Домашняя выпечка» подойдёт рубрика «Домашние пироги». Прописываем без кавычек. В ней будут рецепты пирогов. Ярлык заполняем аналогично, плагин Clearfy Pro переведёт в латиницу. Если не переведено – сделайте это вручную. Проверьте включена ли функция преобразования в латиницу у плагина.

Можно создать иерархию (вложенность). Описание нужно заполнить, в пределах 150 знаков, по смыслу. Например:

«В рубрике представлены самые лучшие рецепты домашних пирогов. Как испечь вкусный, „бабушкин“ пирог – читайте!»

Другой вариант создания рубрики:

при написании поста — справа находим «Рубрики». В ней можно прикрепить запись к рубрике, или создать новую.

https://denegniyveter.ru/category/svoj-sajt/ (рубрика «Свой сайт").                                            

К каждой записи, статье, прикрепляем основное изображение. Если не сделали, первое изображение текста станет им. Справа находим  «Выбрать изображение» — вставляем. Создайте единый размер изображения, они будут представлены группой – должны быть одинаковыми.

Как создать сайт - настройки

Создание аватара

Каждый пользователь имеет право на свой аватар. Глобально распознаваемый аватар —  изображение размером 96×96 пикселей. Оно представляет Вас в сети. Аватар регистрируется на сайте Gravatar бесплатно. Автоматически включается в каждую учетную запись WordPress. 

Загружаете изображение и создаёте свой профиль один раз, затем будете участвовать в любом сайте с поддержкой Gravatar. Изображение и профиль автоматически следуют за Вами. Переходим на Gravatar, создаём аватар. 

Регистрация аватара.

Электронная почта – это почта сайта. Имя пользователя – имя сайта или админ. Создаём учётную запись. Будет создан кабинет, входим и загружаем изображение. Иногда переделываем картинку. Нужно подождать и аватар появиться. Не торопитесь регистрироваться – прочитайте про фавикон.

Как создать сайт - настройки

Фавикон для сайта

Фавикон (не путайте с логотипом) нужно подготовить. Он представляет собой значок веб-сайта или веб-страницы. Отображается браузером перед названием страницы. Имеет маленькие размеры 512 х 512 пикселей, формата GIF, JPEG, PNG. Готовить его нужно тщательно — картинка может слиться. Оставьте самое главное на изображении, остальное удалите. Фото туда не засунуть, мелкие детали не будут видны. Можно расположить знак, эмблему, фигуру, пару букв без эффектов. Поэкспериментируйте в Root.

Аватар, фавикон и логотип должны быть одинаковыми по содержанию, оформлению – это стиль, узнаваемость. Используем сайты онлайн для создания фавикона. Нельзя брать готовые фавиконы – можно попасть на дубль. Сайт pr-cy.ru создаёт с загруженного изображения и тут же показывает результат.

Как создать сайт - настройки

Футер блога

Для настройки подвала заходим Внешний вид> Настроить> Блоки> Подвал.

Настройка подвала.№1 вставляем © год Имя сайта на русском языке. Запись имеет вид: © 2020 Денежный ветер

№2 вставляем запись (копирайт):

<a href="https:// domain.ru /policy-konfedentsialnosti" target="_blank">Политика конфиденциальности</a> | <a href="https://denegniyveter.ru/polzovatelskoe-soglashenie" target="_blank">Пользовательское соглашение</a>

<p><div style="font-size: 10px">Информация на сайте предоставлена исключительно в популярно-ознакомительных целях, не претендует на безусловную точность при изложении автором своих рекомендаций, не является руководством к действию. Посетитель сайта должен руководствоваться здравым смыслом, анализом и лучшей принятой практикой. Руководство сайта не несет ответственности за использование размещенной на сайте информации.</div>

domain.ru – имя Вашего сайта. Смысловое содержание можно изменить. Код не трогайте. Опубликовываем и получаем результат — должен быть такого вида (с Вашим именем сайта):

Текст для подвала.

Как создать сайт - настройки

Ставим счётчик посещаемости

Счёичик на Liveinternet.ruСчётчик посещаемости ставим пользуясь услугой Liveinternet.ru. На сайте выбираем «Получить счётчик».

Заполняем форму: адрес сайта, почта сайта, пароль, название по-русски. Белые поля не трогаем. Выбираем внешний вид. Копируем код. Заходим Внешний вид> Настроить> Блоки> Подвал. Окно для кода находиться ниже копирайта, вставляем код, опубликовываем.

Заполнение формы.

Размещение счётчика на сайте.

 

Счётчик появиться в футоре в виде выбранной стрелки. Если нажать – попадём на сайт Liveinternet.ru, вводим пароль и смотрим статистику.

 

Как создать сайт - настройки

Полезные мелочи

SSL сертификат

  • установка SSL сертификата — желательное действие.  Если сайт контентный – нужно ставить. Подробно описаны все действия в статье

«SSL сертификат что это и зачем»

Сведения о записях и рубриках

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

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

Статью можно опубликовать используя кнопку «Опубликовать». В «Черновике» она будет храниться сколько нужно. Используйте кнопку «Сохранить».

  • Перед публикацией пост посматриваем  — жмём «Просмотреть».
  • Можно выставить дату и время публикации в меню Root.

Видимость:

  • открыто — доступно для всех пользователей блога
  • защищено паролем — задайте пароль
  • личное — видна только автору и/или администратору.

Функция «Прилепить на главную страницу» — фиксирует пост на ГС, будет всегда первым.

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

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

Сохранение

Когда дойдёте до этой строки – возвратитесь к разделу «Настройка плагина WordPress Database Backup». Войдите в Инструменты> Резервное копирование> Создать архив.

Всё что сделали – будет сохранено. 

Смотрите «Дополнительный материал».

На этом инструкция по созданию своего сайта закончена. Желаем Вам удачи!

Как создать сайт - настройки
Денежный ветер