Создание страниц в WordPress — Урок 3

Одним из основных типов материалов в WordPress являются страницы. Чем страницы отличаются от записей:

 

 

 

  • Страницы не делятся на отдельные рубрики и предназначены для статичной информации.
  • Страницы не отображаются на главной странице.
  • Страницы не являются пунктами меню. Для создания навигационного меню при помощи страниц существует специальный механизм.
  • Страницы не могут быть связаны с рубриками и метками. Организационная структура опирается только на иерархию.
  • Страницы — сохраняются в базе данных точно так же, как записи.
  • Хотя в шаблон страницы можно добавить код PHP, в саму страницу нельзя добавить код так, чтобы при этом он ещё и работал. Примечание: Этого можно достичь, используя плагин, работающий с PHP, такой как Exec-PHP.
  • Для выполнения кода php на страницах можно использовать shortcode.

Для создания страницы заходим в меню Страницы -> Добавить новую. Вы попадете в раздел панели администратора следующего вида:

wordpress добавление страниц

 

Многие пункты из картинки выше вам знакомо из предыдущего урока «Интерфейс и создание первых записей WordPress«, если хотите подробнее узнать о пунктах [1], [2], [3].

  1. Заголовок страницы.
  2. Визуальный и текстовый редактор для добавления информации на страницу.
  3. Публикация страницы.
  4. Миниатюра страницы. Миниатюру можно использовать для вывода закрепленных за страницей картинок в слайдере или чтобы оформить страницы в списке всех страниц. Работа с WordPress довольно гибкая и то, как будет выводиться миниатюра, зависит только от шаблона, который используется для сайта.
  5. Атрибуты страницы.
    1. Родительская страница — предназначена для указания родительской страницы. Как пример можно посмотреть в верхнем меню сайта пункт «Уроки фриланса«.
    2. Шаблон — для каждой страницы можно указать шаблон. Также можно создавать индивидуальные шаблоны, но о создании своих шаблонов поговорим позднее.
    3. Порядок — можно указать порядок страницы, чем меньше число, тем  выше пункт с названием страницы будет в списке меню.

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

 Добавить медиафайл

По умолчанию WordPress может не грузить некоторые типы файлов, узнать какие типы файлов может загружать CMS можно по ссылке.

Загрузка медиа файлов

 

Вы можете нажать на кнопку загрузки или перетащить несколько файлов мышкой в область загрузчика над кнопкой. Из изображения выше видно, что в WordPress можно грузить файлы не больше 50 мегабайт.

Кроме загрузки новых файлов, можно через меню «Библиотека файлов» выбрать те, что были загружены ранее.

библиотека файлов WordPress

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

Сортировка картинок в галерее

После вставки картинки или галереи ее можно убрать или редактировать. Для этого щелкаем на картинку и при появлении иконок над картинкой, нажимаем на нужную. В нашем случаи выбираем первую Редактировать.

изменяем параметры картинки wordpress

После нажатия на кнопку редактировать перед нами откроется еще одно окно, в котором можно указать необходимые параметры изображения (размер в процентах, выравнивание, атрибут alt, подпись и ссылку). Если вам, в вашей опубликованной статье, не нужно чтобы при нажатии на картинку она открывалась в полном размере, то параметр Ссылка можно убрать.

редактировать медиафайл wordpress

В верхней части изображения видно, что в окне есть еще одна вкладка «Дополнительно« рассмотрим ее.

редактировать медиафайл wordpress

Рассмотрим дополнительные параметры изображения:

  • Источник — расположение изображения.
  • Размер — можно указать размер картинки. Если указать только величину для одной из сторон, изображение уменьшится или увеличится пропорционально.
  • Класс CSS — сюда попадают классы, автоматически генерируемые WordPress, но также можно добавлять свои. Иногда при изменении размера необходимо убрать один из стандартных классов, чтобы картинка изменила свой размер.
  • Стили — можно вписать параметры прямо в это поле (margin:20px; border: 1px #333 solid). Если изменять параметры рамки и отступи, то в это поле будут вписаны новые стили.

Параметры ссылки

  • Заголовок — заголовок для ссылки в коде это параметр title. Используется для поисковых систем, чтобы было ясно куда ведет ссылка.
  • Отношение — атрибут rel в ссылке.
  • Класс CSS — атрибут class в ссылке. Дополнительные стили для ссылки.
  • Стили — параметр style в ссылке. Для использования необходимо знать CSS.
  • Цель — параметр target в ссылке. Определяет, в каком окне должна открываться ссылка.

После окончания редактирования параметров изображения нажмите кнопку обновить.

Вывод страницы в виде меню

Для вывода страниц в виде меню можно использовать специальный виджет. Заходим в меню Внешний вид -> Виджеты -> Страницы.

WordPress вывод меню страниц через виджет

В виджете можно указать заголовок меню, тип сортировки и ID тех страниц, которые не должны отображаться. Для определения ID страницы можно зайти в список всех страниц Страницы -> Все страницы и навести на запись, при этом у вас появится меню под заголовком записи:

Меню под заголовком страницы

 

При наведении на пункт Изменить, в нижней части экрана появится ссылка в которой можно увидеть ID страницы.

Достать id страницы wordpress

 

Как видно из изображения страница была создана с ID равным 2.

Следующий пункт в появившемся меню под записью называется «Свойства«, в котором можно изменить основные параметры страницы.

WordPress свойства страницы

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


Купить хостинг WordPress
/* Репетитор по wordpress
Услуги репетитора онлайн. Список курсов которые я веду
  • Базовый курс по веб-дизайну;
  • Верстка сайтов;
  • Общий курс по CMS WordPress и продолжение курса по разработке шаблонов;
  • Разработка сайтов на PHP.
Подробнее читайте на странице репетитор по WordPress
*/

Николаенко Максим

Директор веб-студии ProGrafika. Занимаюсь разработкой, дизайном и продвижением веб-сайтов. Всегда рад новым читателям блога и хорошим клиентам.


Вам может также понравиться...

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

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

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.

Шаблоны для WordPress
Самый лучший хостинг в Украине
Стабильный хостинг для Drupal