vzh.ru

Контактные телефоны:

+7 (473) 262-17-19

+7 (952) 548-11-90

Позвонить Написать
Написать нам

+7 (473) 262-17-19

+7 (952) 548-11-90

Главная Инструкции и файлы Система управления WordPress: инструкция для клиентов

Система управления WordPress: инструкция для клиентов

Скачать инструкцию для WordPress в формате pdf

Для разработки вашего сайта использовалась CMS (система управления сайтом) WordPress (Вордпресс).

Содержание
  1. Вход на сайт
  2. Создание страницы
  3. Меню и ссылки на страницы
  4. Создание записи
  5. Миниатюра и медиафайлы
  6. Галерея
  7. Таксономии
1. Вход на сайт

В адресной строке браузера после адреса сайта напишите следующую комбинацию «/wp-admin» или «/wp-login.php»

создание сайта на wordpress клиентам-1

В открывшемся окне введите пару логин/пароль, высланную вам в письме

создание сайта на wordpress клиентам-2

Для любознательных

Ссылка «Забыли пароль?» предназначена для восстановления пароля. Новый пароль будет выслан на электронную почту, указанную в профиле пользователя WordPress.

Если данные введены правильно, вы окажетесь в Консоли сайта (другие названия: админка, административная консоль, административная панель).

создание сайта на wordpress клиентам-3

Профиль

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

создание сайта на wordpress клиентам-4

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

создание сайта на wordpress клиентам-5

2. Создание страницы

Для вывода текста на сайте существует 2 базовых инструмента: страницы и записи.

создание сайта на wordpress клиентам-6

Создадим страницу.

Для этого перейдем в подменю «Страницы» и кликнем на пункт «Добавить новую»

создание сайта на wordpress клиентам-7

В появившейся форме введем заголовок записи, текст страницы и кликнем на кнопку «Опубликовать». Новая страница будет создана и доступна любому посетителю.

создание сайта на wordpress клиентам-8

Р.S. На сайте также может встречаться поле «Альтернативный заголовок». Текст в этом поле подменяет заголовок на странице. Это поле может быть использовано для оптимизации сайта.

Кликнув на ссылку «Открыть страницу», можно посмотреть, как новый материал выглядит на сайте.

создание сайта на wordpress клиентам-9

В WordPress перейти к редактированию материала можно непосредственно со страницы. Для этого вверху сайта существуют полезные ссылки (они отображаются только для авторизованного пользователя – остальные посетители сайта их не видят). Кликнув на ссылку «Редактировать страницу», можно сразу перейти на страницу редактирования.

создание сайта на wordpress клиентам-10

После внесения изменений кликните на кнопку «Обновить» — изменения вступят в силу.

создание сайта на wordpress клиентам-11

ВАЖНО!

В WordPress существует механизм возвращения предыдущей версии страницы, однако в этом пособии он не рассматривается. Поэтому настоятельно рекомендуем, прежде чем менять текст на странице, сделать его резервную копию (скопировать текст страницы в любой доступный редактор текста (MS Word, OpenOffice, WordPad и т.д.))

Перейти к редактированию страницы можно и в Консоли. Для этого кликните на подменю «Все страницы» и в списке материалов выберите нужный, кликнув на него.

создание сайта на wordpress клиентам-12

Для любознательных

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

создание сайта на wordpress клиентам-13

3. Меню и ссылки на страницы

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

создание сайта на wordpress клиентам-14

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

Существует 2 варианта того, как можно поставить ссылку на страницу:

3.1 Меню

Меню сайта находятся по адресу «Внешний вид» => «Меню»

создание сайта на wordpress клиентам-15

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

создание сайта на wordpress клиентам-16

Новая страница появится последней в меню.

создание сайта на wordpress клиентам-17

Новый пункт меню можно переименовать и переместить в любое место (просто перетаскивая мышкой).

создание сайта на wordpress клиентам-18

ВАЖНО

В зависимости от дизайна темы пункты меню располагаются и ведут себя по-разному. Например, меню может иметь фиксированный размер кнопок или не поддерживать длинные заголовки пунктов меню. Эти ограничения можно обойти, написав для пункта меню отдельный класс. Для такой реализации потребуются знания HTML и CSS.

создание сайта на wordpress клиентам-19

ВАЖНО

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

Уровни вложенности оговариваются на этапе разработки дизайна сайта.

создание сайта на wordpress клиентам-20

3.2 Ссылка в тексте

На страницу можно сослаться с другой страницы. Для этого отредактируем любую из страниц сайта.

Первым делом напишем текст ссылки, после чего выделим его и кликнем на пиктограмму «Вставить/изменить ссылку»

создание сайта на wordpress клиентам-21

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

После обновления ссылка появится на странице.

создание сайта на wordpress клиентам-22

4 Записи

Процесс добавления записи похож на добавление страницы, но имеет свои особенности

По клику на подменю «Записи» получим список всех записей.

создание сайта на wordpress клиентам-23

4.1 Категории

Записи разложены по категориям. Категории содержат вложенные категории.

Так категория «Аспект» содержит 5 (подкатегорий):

создание сайта на wordpress клиентам-24

Чтобы не запутаться, перед категриями ставятся черточки.

Родительская категория («Аспект») остается без черточки, ее подкатегория («служебная переписка») с одной черточкой, подкатегории Служебной переписки с 2-мя черточками и так далее.

4.2 Создание записи

Новые записи добавляются в подменю «Добавить новую»

Процесс добавления записи аналогичен добавлению страницы.

Единственное отличие – для каждой записи нужно указывать рубрику.

создание сайта на wordpress клиентам-25

5 Миниатюра и медиафайлы

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

создание сайта на wordpress клиентам-26

В открывшемся окне можно выбрать миниатюру из уже загруженных, либо загрузить новую фотографию (вкладка «Загрузить файлы»)

создание сайта на wordpress клиентам-27

Чтобы загрузить фотографию, просто перетащите ее мышкой на белое поле

создание сайта на wordpress клиентам-28

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

6 Галерея

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

6.1 Стандартная галерея

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

создание сайта на wordpress клиентам-29

На экране появится окно выбора медиафайлов (см. пункт 5), перейдем на подменю «Добавить галерею» и выберем какие изображения отображать. Выбранные изображения выводятся внизу окна. Закончив выбор кликнем «Создать новую галерею».

создание сайта на wordpress клиентам-30

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

Расшифровка настроек:

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

создание сайта на wordpress клиентам-31

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

создание сайта на wordpress клиентам-32

6.2 Плагин

Мы используем плагин Nextgen Gallery. Чтобы создать галерею с помощью плагина, нужно перейти в меню «Галерея»

создание сайта на wordpress клиентам-33

Мы окажемся на стартовой странице плагина. Переходим на подменю «Управление галереями» и нажимаем кнопку «Добавить новую галерею»

создание сайта на wordpress клиентам-34

Вводим название новой галереи и нажимаем кнопку «Ок»

создание сайта на wordpress клиентам-35

Вы перейдете на страницу редактирования галерей. Последней в списке будет только что созданная галерея. Перед названием галереи указывается ее id, который понадобится для вывода галереи шорткодом. Сразу после создания новой галереи система выведет подсказку с шорткодом простого вывода галереи(в нашем случае это [nggallery id=4])

создание сайта на wordpress клиентам-36

Галерея создана, наполним ее изображениями. Для этого переходим на подменю «Добавить галерею/изображения» и в верхнем поле «Галерея» выбираем только что созданную галерею (она будет последней в списке)

создание сайта на wordpress клиентам-37

После выбора галереи нажимаем кнопку «Add files» («Добавьте файлы») и в появившемся окне выбираем фото для галереи. Выбрав фото, нажимаем кнопку «Открыть».

создание сайта на wordpress клиентам-38

Выбранные изображения готовы к добавлению в галерею, нажмите кнопку «Start Upload» («Начать загрузку») и дождитесь окончания загрузки

создание сайта на wordpress клиентам-39

Плагин позволяет использовать уже загруженные изображения в библиотеке WordPress. Для этого в подменю «Добавить галерею/изображения» нужно выбрать пункт «Import from WordPress Media Library», после чего выбрать галерею и нажать «Select images» («Выберите изображения»)

создание сайта на wordpress клиентам-40

Откроется диалоговое окно, аналогичное п.5 и п. 6.1, выберем нужные изображения и нажмем кнопку «Выбрать»

создание сайта на wordpress клиентам-41

Чтобы загрузить изображения в галерею, нажмем кнопку «Import .. images». Изменить выбор можно нажтием кнопки «Select images».

создание сайта на wordpress клиентам-42

Галерея добавляется в текст материала через специальное диалоговое окно в режиме «Визуально».

создание сайта на wordpress клиентам-43

Выбираем способ отображения:

создание сайта на wordpress клиентам-44

Выбираем галерею для отображения:

создание сайта на wordpress клиентам-45

Настроим отображение. Добавляем галерею нажатием кнопки «Insert Displayed Gallery»:

создание сайта на wordpress клиентам-46

После нажатия кнопки «Обновить» галерея появится на странице:

создание сайта на wordpress клиентам-47

Аналогичного результата можно добиться добавлением шорткода [nggallery id=4], где 4 — это уникальный id галереи.

создание сайта на wordpress клиентам-48

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

создание сайта на wordpress клиентам-49

7 Таксономии

Логика сайта иногда требует добавления дополнительного функционала. Такой функционал называется таксономии.

Поведение таксономии идентично поведению записи, но имеет свои особенности.

В качестве примера рассмотрим таксономию «Проекты».

создание сайта на wordpress клиентам-50

Меню проекты состоит из 5 подменю

  1. Проекты — аналог «Записи»
  2. Добавить проект — аналог «Добавить новую»
  3. Каталог — аналог «Рубрики»
  4. Серия — особые свойства каждой таксономии
  5. Технологии — особые свойства каждой таксономии

создание сайта на wordpress клиентам-51

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

Добавление дополнительных атрибутов «Серия» аналогично добавлению рубрик.

создание сайта на wordpress клиентам-52

Таксономия не является базовым функционалом WordPress. Более подробную информацию о поведении таксономий в вашей теме вы можете получить на обучении или связавшись с нами