Уважаемые коллеги, рекомендую ознакомиться с данной статьей. В ней я попытался изложить как правильно создать и заполнить новую страницу на нашем сайте, отредактировать существующую, а также добавить на сайт новости.
- Создание новой страницы
- Заполнение страницы
- Редактирование страницы
- Добавление нового пункта меню
- Добавление новостей
Создание новой страницы
- Выбираем пункт “Страницы”->”Добавить новую” в боковом меню Админки.
- Вводим заголовок новой страницы.
- В боковом меню справа выбираем родительскую страницу (та страница сайта, с которой будет переход на создаваемую).
- Выставляем тип шаблона “Full Width”, а не “Базовый шаблон”
- Внизу страницы отключаем две галочки, чтобы всякая нечисть не спамила и не оставляла ссылки на свои сайты.
- Пишем краткое название сайта на английском языке так, чтобы оно отображало содержание страницы.
- Не заполняя основное поле нажимаем “Опубликовать” .
- Страница перезагрузится. Проверяем, чтобы правильно выглядел адрес новой страницы (этот пункт появится после заголовка страницы).
- Если все верно, иерархия соблюдена, начинаем заполнение страницы информацией. Иначе исправляем и нажимаем “Обновить”
Заполнение страницы
| Внимание! Рекомендуется использовать Визуальный редактор, Текстовым пользоваться осторожно |
Перед вами окно редактора. Не буду останавливаться на описании всех кнопок. Рассмотрим только нюансы.
- Для начала откроем скрытую часть инструментов редактирования.
- Заголовок страницы в окне редактора делать не нужно. Если нужны подзаголовки, то начинаем их делать с “Заголовка2”, внутри делаем подзаголовки уровня 3 “Заголовок3”, внутри “Заголовок4” и тд. “Заголовок 1” не использовать, т.к. он уже используется в названии страницы.
- Весь текст на странице располагать по ширине страницы ≡.
- Ссылки на внутренние страницы нашего сайта делаем так, чтобы они открывались в текущей вкладке браузера. Ссылки на сторонние сайты (если они потребовались, но лучше не делать вообще) обязательно делаем с открытием в новой вкладке. Ссылки на PDF-файлы также делаем с открытием в новой вкладке.
- Ссылкам на файлы нашего сайта(текст ссылки в этом случае должен иметь тип файла DOC , PDF и тд.) и кнопкам (Подробнее , далее и тд.) нужно присвоить дополнительный класс “a.read-more-button” в селекторе “Форматы”.
- Заголовок таблицы должен быть оформлен как показано ниже:
Наименование параметра Значение Номинальное значение силового питания VCC, В 18..50 Для этого выделить ячейки таблицы. Перейти в пункт меню редактора “Таблица” -> “Ячейка” -> “Свойства ячейки таблицы”.
Далее в “Типе ячейки” выбираем “Ячейка заголовка”.
Если таблица должна иметь подпись, то заходим в свойства таблицы.
Поставить галочку “Подпись”.
Вписать название таблицы в появившееся поле. - Добавление картинок на страницу (как загрузить файлы на сервер описывать не буду). Нажимаем “Добавить медиафайл”, выбираем требуемый.
В колонке с правой стороны сразу заполняем поля “Атрибут ALT” и “Описание”, поле “Подпись” оставляем пустым!!!, указываем тип “Выравнивания”, “Размер” изображения на странице,поле “Ссылка” оставляем пустым!!!. Нажимаем “Вставить в страницу”.
На странице выбираем тип выравнивания “В тексте” или “Обтекание текстом”, можно перемещать картинку, зажав ее мышкой. После того, как картинка заняла свое место и больше не планируется ее перемещение заходим в свойства картинки и только теперь заполняем если требуется поле “Подпись” и выбираем, что будет происходить при нажатии на эту картинку в поле “Ссылка”:- “Нет” – вставится картинка без ссылки, ничего при нажатии происходить не будет.
- “Медиафайл” – при нажатии откроется полная картинка.
- “Страница вложения” – откроется страница данного файла. Данную опцию не выбирать!
- “Произвольный URL” – при нажатии на картинку переход по адресу URL.
-
Создание галереи изображений
Это не стандартная функция редактора, поэтому придется создавать ручками. Переходим в текстовый редактор и создаем галерею изображений
<div class="post-entry-thumbnails-wrapper"> </div>Далее, между дивами вписываем куски кода столько раз сколько будет изображений.
<article class="post-entry-thumbnail"><a href="/wp-content/uploads/2015/04/mk10_5_800.jpg"><span class="thumbnail-hover" aria-hidden="true"><i class="icon_zoom-in_alt"></i></span><img class="attachment-thumbnail-thumb wp-post-image" title="Микроконтроллер МК10.5" src="/wp-content/uploads/2015/04/mk10_5_800-150x150.jpg" alt="МК10.5" width="150" height="150" /></a></article>Далее, заменяем ссылки, атрибуты title и alt на необходимые.
- Разбивка содержимого на несколько страниц осуществляется с помощью кнопки “Разрыв страницы”
| Внимание! Отображение страницы в редакторе может отличаться от реального, проверяйте как страница выглядит на самом деле! |
Редактирование страницы
- Для редактирования страницы нажмите на ссылку “Изменить” внизу страницы.
- Сделайте необходимые изменения.
- Нажмите кнопку “Обновить”.
Добавление нового пункта меню
Добавление нового пункта меню доступно пользователям с правами администратора.
- В меню с левой стороны Админки выбрать “Внешний вид” -> “Меню”.
- Выделить страницы, которые необходимо добавить в меню.
- Новый пункт меню появится внизу “Структуры меню”.
- Перетащить его в требуемое место.
- Нажать на кнопку “Сохранить меню”.
- Проверить, что новый пункт добавился в меню и открывается требуемая страница.
Добавление новостей
- Добавление новостей аналогично созданию страниц. В меню с левой стороны Админки выбрать “Записи” -> “Добавить новую”.
- В правой колонке выбрать Формат записи
- Выбрать Рубрику Новости