В статье «Как создать сайт – настройки» производим настройки плагинов, оформляем сайта от меню до подвала. Дана ссылка на дополнительный материал (>10) и на интернет — сервисы (>20).
Содержание
План построения блога/сайта
- Настройка плагинов
- Оформление сайта
- Добавление поиска на сайт
- Добавление страницы, записи на сайт
- Создание меню
- Создание рубрик блога
- Создание аватара
- Размещение фавикона на сайт
- Оформление футера блога
- Ставим счётчик посещаемости
- Заключение
Настройка плагинов
Hyper Cache
В админ. панели, в"Настройках", выбираем плагин. Вверху копируем код, помеченный красной линией:
Заходим на хостинг в раздел «Сайты», заходим в «Файл менеджер».
Находим файл wp-config php 12 сверху, нажимаем на карандаш – «редактировать»
В конце строки 23 вставляем копированный код (будет 24 строка), сохраняем. Как на рисунке выше. Обновляем блог. Надпись исчезнет. Закрываем хостинг. Переходим в админ. панель. Ставим галочку в первом квадрате сверху, далее 6 часов:
В строке HTTPS выбираем «запись», выбираем «Save» – «Bypasses»:
Ставим галочки в квадраты внизу:
Сохраняем.
WPBruiser
Yажимаем на «WordPress». В «Protect Comments Form» ставим галочку:
Ставим галочки:
Сохраняем. Заходим в «Notifications».
Убираем вторую галочку сверху. Сохраняем.
Login LockDown
Login LockDown, раздел «Settings»:
Плагин ограничивает действия злоумышленников:
- неудачные попытки — 3
- 5 минут (hold) – для повтора
- 5 мин — выдержка, иначе блокировка на 60 минут
- блокировка не срабатывает. Переделываем на «нет»
- при неудачном входе WordPress сообщает: «логин или пароль неверные». Оставляем.
Шестая настройка: «Форма входа защищена блокировкой». Ставим «Yes». Сохраняем.
TOC
TOC выводит содержание. Заходим в «Плагины» – «Easy Table of Contents» – «Настройки»:
- «автоматическая вставка» ставим галочку для «Записи». Хотите – для страниц
- «Расположение» – «Перед первым заголовком»
- «Показывать когда» меняем на 2. «Содержание» появиться после 2 подзаголовков
- «Отображать Заголовок Оглавления» – ставим галочку
- «Показывать текст заголовка над оглавлением» – выбираем фразу:
«Содержание», «Оглавление», «Содержание страницы» или своё.
- «переключать видимость» – ставим галочку
- «начальный вид» – галочку.
«показывать иерархию» – галочку, как на рисунке.
- «Внешний вид» – задаём размер, цвет темы.
- можно использовать пользовательскую тему
- «Расширенные настройки» – оставляем без изменений. Сохраняем.
Сlearfy Pro
«Сlearfy Pro» – «Настройка» – SEO. Нажимаем «Только рекомендованные». Находим: «Создать правильный Robots txt»:
Сохраняем.
Yoast SEO
Входим в «Возможности» – "Интеграция». Все функции должны быть включены. Сохраняем. «Пользователи» – «Все пользователи» – «Админ» – «Изменить». Меняем цветовую гамму – по желанию:
Вносим своё имя: «Админ» – «Изменить». Вносим в «Ник» имя, никнейм, ниже почту. Подпись появиться под постом.
WP Typograph Lite
WP Typograph Lite не требует настроек. Он исправляет ошибки. Создаёт:
- правильные кавычки («елочки» и „лапки“)
- длинное тире между словами
- черту в диалогах
- интервальные тире в датах и периодах
- минус между цифрами 0–9.
- многоточие – тремя точками…
- убирает точку в конце заголовка поста
- в тегах <code> <pre> <script> текст не изменяет
- в теге <code> автоматически заменяет < на <, исправляет кавычки на машинописные для корректного копирования вставки
- заменяет функцию фильтрации HTML (wpautop), исправляет ошибки визуального редактора со вставкой тегов
- форматирует некоторые спецсимволы
- делает ссылки в комментариях кликабельными, сокращая якорь в длинных ссылках.
WordPress Database Backup
WordPress Database Backup создаёт резервные копии. Выбираем «Инструменты» – «Резервное копирование». Исключаем «спам-комментарии», «редакции записей» – ставим галочки.
В «Настройки резервного копирования» выберем место хранения копий: отправить на E-mail, нажимаем «Создать архив».
Происходит копирование. Создаём расписание. Обычно раз в неделю. Нажимаем запомнить. В начале создания сайта срок может быть 1 -2 дня.
FileBird Lite
Настройка FileBird Lite не требуется. Приступаем к сортировке изображений.
Если не разложить по папкам, поиск будет трудным. Открываем «Медиофайлы» (меню Вордпресс). В плагине создаём папку, подписываем. Есть поиск. Медиатека в Вордпресс сохраняется.
WordPress Ping Optimizer
После редактирования WordPress отсылает сообщения – «пингует». Если часто, то сайты – каталоги пометят блог ping-спамером. Плагин задерживает рассылку (max 1 hour) – удаляем редакции. Извещения в каталоги отправляем нечасто, периодически.
- в «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 вставляем его.
Настраиваем блоки «Классический» и «Абзац»
- Для основного текста используем блок «Классический». Размещаем текст, заголовки, изображения, цитаты, цветные блоки привлечения внимания, списки, таблицы и прочие функции.
- Абзац подходит для маленьких текстов. Поле и шрифт можно сделать цветным.
- Чтобы раскрасить «Абзац» используем справа боковое меню. Изменяем размер текста, цвет.
Вставляем заголовки H2, H3, H4
Готовим статью на ПК, переносим на сайт. Для блоков создаём заголовки.
«Заголовок 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, вводим пароль и смотрим статистику.
Полезные мелочи
SSL сертификат
-
установка SSL сертификата — желательное действие. Если сайт контентный – нужно ставить. Подробно описаны все действия в статье
«SSL сертификат что это и зачем»
Сведения о записях и рубриках
- посты предназначены для вывода публикаций блога
- анонсы публикаций размещаются на главной странице
- записи группируются по рубрикам.
Существует главная категория, её нельзя удалить, можно переименовать, используется по умолчанию. Название рубрики раскрывает смысл группы записей.
Статью можно опубликовать используя кнопку «Опубликовать». В «Черновике» она будет храниться сколько нужно. Используйте кнопку «Сохранить».
- Перед публикацией пост посматриваем — жмём «Просмотреть».
- Можно выставить дату и время публикации в меню Root.
Видимость:
- открыто — доступно для всех пользователей блога
- защищено паролем — задайте пароль
- личное — видна только автору и/или администратору.
Функция «Прилепить на главную страницу» — фиксирует пост на ГС, будет всегда первым.
- Страницы в блоге используются для вывода общей информации: «Содержание», «Обратная связь».
- Ссылки на них располагаются в главном меню. Они не группируются в рубрики — родительским элементом для них может быть другая страница
В разделе «Дополнительно» разрешаем поисковикам отражать запись в поиске, переходить по ссылкам. Некоторые страницы сайта не несут смысловой нагрузки. Технические страницы нужны исключительно для служебного использования. В этом случае запрещаем.
Сохранение
Когда дойдёте до этой строки – возвратитесь к разделу «Настройка плагина WordPress Database Backup». Войдите в Инструменты> Резервное копирование> Создать архив.
Всё что сделали – будет сохранено.
Смотрите «Дополнительный материал».
На этом инструкция по созданию своего сайта закончена. Желаем Вам удачи!