Редактирование сайта на wordpress пошаговая инструкция

Темы

  • Я сделал 5-минутную установку. И что теперь?
    • Вход в консоль
    • Начнем с самого верха
  • Протестируйте свой сайт WordPress
    • Продолжим нашу экскурсию
  • Протестируйте консоль администрирования WordPress
    • Начнем с раздела пользователя
    • Изменение внешнего вида
    • Создание записи
    • Комментарии
    • Предотвращение спама
    • Создание рубрик
  • Настройка вашего сайта
    • Поместите ваши записи в рубрики
    • Что дальше?
  • Использование тем WordPress
    • Создание собственной темы
  • Использование плагинов WordPress
    • Создание собственного плагина
  • За пределами основ

Примечание: эта страница относится к WordPress, использующему более старый или классический редактор. Если вы используете более новую версию WordPress или используете редактор блоков, обратитесь к этой странице.

Я сделал 5-минутную установку. И что теперь?

Вы только что завершили 5-минутную установку WordPress или установку в один клик с вашего веб-хостинга. Итак, каков ваш следующий шаг?

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

Наверх ↑

Вход в консоль

Начните со входа в административную часть или консоль своего веб-сайта. Посетите страницу входа на свой сайт, написав wp-admin после имени домена (например, http://example.com/wp-admin). Некоторые темы также предоставляют ссылку для входа или форму на публичной части сайта. Теперь войдите в WordPress, используя имя пользователя и пароль, которые вы создали во время 5-минутной установки.

Наверх ↑

Начнем с самого верха

После входа в систему вы попадете на главный экран консоли, который называется «Панель управления». Здесь начинается настройка вашего сайта.

Вверху экрана находится область, называемая панелью инструментов. Нажмите на название вашего сайта — это ссылка на главную страницу вашего нового сайта WordPress. Нравится? Не нравится? Неважно, просто посмотрите на это. Здесь вы будете проводить много времени!

Наверх ↑

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

Макет, который вы смотрите, определяется темой WordPress. Это внешний вид вашего веб-сайта, стилизация внешнего вида сайта и оформление содержимого. Тема WordPress Twenty Twenty имеет верхнюю часть с заголовком и слоганом для вашего сайта. Справа находится ваше меню, если оно у вас есть. Основная средняя часть страницы — это область содержимого.

Прокрутите страницу вниз и обратите внимание на заголовки и ссылки. Это «подвал». Различные элементы на нем называются виджетами. Так же виджеты могут распологаться на боковой панели (если тема ее поддерживает). В самом низу написано: «Сайт работает на WordPress».

Наверх ↑

Продолжим нашу экскурсию

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

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

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

Наверх ↑

Протестируйте консоль администрирования WordPress

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

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

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

Пункты меню следующие:

  • Консоль
  • Записи
  • Медиафайлы
  • Страницы
  • Комментарии
  • Внешний вид
  • Плагины
  • Пользователи
  • Инструменты
  • Настройки

Наверх ↑

Начнем с раздела пользователя

Кликните на пункт меню Пользователи. Экран изменится, и вы увидите раздел «Все пользователи», на котором отображается список всех ваших пользователей; отсюда вы можете добавлять или изменять существующие учетные записи пользователей и авторов. В меню навигации кликните на пункт меню «Ваш профиль». Здесь вы вводите информацию о себе, как об авторе и администраторе сайта. Измените информацию при необходимости и нажмите «Обновить профиль», когда закончите.

Теперь давайте посмотрим на некоторые другие функции администратора WordPress.

Наверх ↑

Изменение внешнего вида

Раздел «Внешний вид > темы» позволяет вам изменять внешний вид вашего сайта с помощью различных тем. Темы — это стили представления, которые полностью меняют внешний вид вашего сайта (не путайте с шаблонами!). Созданные разработчиками и пользователями, вам доступны тысячи тем на выбор. На экране внешнего вида вы увидите список установленных в настоящее время тем, включая тему WordPress Twenty Twenty. Чтобы быстро изменить тему, просто нажмите кнопку «Активировать» под одной из перечисленных тем, затем кликните на название своего сайта на верхней панели инструментов, чтобы посмотреть, как он теперь выглядит. Это так просто. Вернитесь к теме оформления и нажмите кнопку «Активировать» под темой WordPress Twenty Twenty, чтобы вернуть дизайн к тому, что было у вас. Для проверки кликните по названию своего сайта на панели инструментов, и вот все стало, как и было.

Наверх ↑

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

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

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

Наверх ↑

Комментарии

Приятная функция WordPress — это возможность посетителей сайта оставлять свои комментарии под вашими записями. Это создает обратную связь между вами и посетителями. Вы хотите разрешить комментарии к своим сообщениям? Комментарии к записям бывают самых разных форм: от простого (Хорошая работа! Нравится пост!), до обширных обсуждений. Или, может быть, вы ищете комментарии, которые дополняют опубликованную вами информацию. Ответ на комментарии и их модерирование также может занять много времени. Если они важны для вашего сайта, включите их и подумайте, как вы хотите, чтобы они выглядели, чтобы они вписывались в дизайн и макет вашего сайта. Когда вы приняли решение о том, как вы хотите обрабатывать комментарии, найдите время, чтобы прочитать статью о комментариях и вариантах обсуждения WordPress, которая поможет вам настроить эти функции.

Наверх ↑

Предотвращение спама

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

Наверх ↑

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

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

ВНИМАНИЕ: Вы можете добавить любую новую рубрику в любое время, но обратите внимание на тот факт, что их можно сортировать в WordPress двумя способами: по имени (в алфавитном порядке) или по идентификационному номеру. Когда вы создаете новую рубрику, ей присваивается идентификационный номер. Это сложно изменить, поэтому, если вы не хотите, чтобы ваши рубрики были отсортированы по алфавиту, введите их в том порядке, в котором они должны отображаться на экране.

Наверх ↑

Настройка вашего сайта

Прежде чем вы приступите к графическому оформлению своего сайта, давайте еще немного займемся администрированием, чтобы настроить его. Вы можете установить плагины, чтобы увеличить нагрузку на свой сайт, и не забудьте активировать плагин Akismet WordPress, который доступен на всех сайтах WordPress, чтобы защитить его от спама в комментариях. Когда вы введете родительские рубрики, введите свои подрубрики. В раскрывающемся меню для родительской рубрики вы можете выбрать родительский элемент для подрубрики, которую вы добавляете.

Наверх ↑

Поместите ваши записи в рубрики

Давайте разберем несколько ваших тестовых записей по рубрикам, чтобы вы могли увидеть, как это работает. В разделе Записи > Рубрики кликните вкладку «Все записи». Вы должны увидеть все свои тестовые записи. Когда вы наводите указатель мыши на заголовок любой записи, под заголовком вы должны увидеть ссылки Изменить | Свойства | Удалить | Перейти. Нажмите «Изменить», чтобы отредактировать одну из публикаций. В правой части экрана редактирования записи вы увидите свои рубрики. Выберите одну из них, отметив поле рядом с ним. Затем выше нажмите кнопку «Обновить». Повторите это для других ваших тестовых записей. Теперь просмотрите свою страницу, кликнув на название своего сайта на панели инструментов в верхней части экрана. Вы сейчас видите рубрики, перечисленные на боковой панели? Отлично. Если там не все рубрики, это обычно означает, что в ней нет записей. Это функция WordPress по умолчанию, так что не беспокойтесь. Когда вы добавите в них новые записи, они появяться на ваших веб-страницах. Кликнув на одну из рубрик, и вы попадете на страницу именно этой рубрики. Вы должны увидеть записи, которые попали в эту рубрику. Это сгенерированная страница рубрики.

Наверх ↑

Что дальше?

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

Наверх ↑

Использование тем WordPress

Есть сотни тем WordPress на выбор. Все они в основном делают одно и то же, но графически представляют информацию множеством способов. Выберите несколько из них, которые вам интересны, соответствуют потребностям и желаниям вашей аудитории, а затем протестируйте их, следуя приведенным выше инструкциям по тест-драйву. Просмотрите весь сайт, рубрики и архивы, а также отдельные записи, чтобы увидеть, как Тема обрабатывает каждые из них. На главной странице может быть красиво, но если она обрабатывает вещи так, как вам не нравится в отдельной записи, вам придется покопаться в коде и внести изменения. Не готовы к этому — попробуйте другую тему.

  • Каталог тем WordPress
  • Использование тем WordPress

Наверх ↑

Создание собственной темы

Если вы знакомы с CSS, HTML и даже с PHP и MySQL, рассмотрите возможность изменения темы в соответствии с вашими потребностями или создания собственной темы.

  • Справочник разработчика тем WordPress

Наверх ↑

Использование плагинов WordPress

Плагины WordPress также известны как дополнения или расширения. Это программные скрипты, которые добавляют на ваш сайт функции и события. Они охватывают весь спектр: от актуальных прогнозов погоды до простой организации ваших записей и рубрик. Плагины разрабатываются волонтерами и энтузиастами, которым нравится решать задачи и решать проблемы. Обычно их довольно просто установить через раздел плагинов администратора WordPress, просто следуйте инструкциям, предоставленным автором плагина. Помните, что это бесплатно и не обязательно. Если у вас есть какие-либо проблемы с плагинами, сначала свяжитесь с веб-сайтом автора плагина или форумом поддержки плагина, затем поищите в Интернете помощь по этому конкретному плагину, а если вы не нашли решение, посетите форумы WordPress для получения дополнительной помощи.

  • Каталог плагинов WordPress
  • Использование плагинов

Наверх ↑

Создание собственного плагина

Если вы знакомы с PHP, HTML и, возможно, даже с MySQL, вы можете настроить WordPress для работы так, как хотите, создав свой собственный плагин.

  • Руководство разработчика плагинов WordPress

Наверх ↑

За пределами основ

Самое интересное в WordPress то, что здесь есть несколько ограничений. Тысячи людей используют WordPress для ведения блогов и ведения своих веб-сайтов. Например, посмотрите некоторые записи в разделе Витрина тем WordPress.org. Все они имеют разный вид и разный функционал на своих сайтах. Что вы будете делать дальше, зависит от вас, но вот несколько мест, где можно сделать первый шаг, помимо основ:

  • Возможности WordPress
  • Работа с WordPress
  • Семантика WordPress
  • Использование страниц
  • Исправление проблем
  • Использование постоянных ссылок
  • Получение дополнительной помощи
  • Использование форумов поддержки

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

Доступ к редактору сайта

Чтобы открыть редактор сайта, выполните следующие действия.

  1. Перейдите в консоль сайта.
  2. Выберите пункт Внешний вид слева.
  3. Щёлкните Редактор.

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

Снимок экрана, на котором показано, как открыть редактор сайта в меню «Внешний вид» → «Редактор».
Доступ к редактору сайта в разделе Внешний вид в консоли

Навигация по редактору сайта

В редакторе сайта отображаются следующие элементы.

  • Панель с опциями слева, описанная ниже.
  • Домашняя страница вашего веб-сайта справа, выбранная вами в разделе Настройки чтения.
    • Если щёлкнуть в любой точке вашего сайта, который отображается справа, откроется редактор, а боковая панель слева закроется.

GIF-анимация, на которой показан щелчок мыши в правой части для открытия редактора, в результате чего панель слева закрывается.

Доступ к редактору сайта в разделе Внешний вид в консоли

Навигация по редактору сайта

В редакторе сайта отображаются следующие элементы.

  • Панель с опциями слева, описанная ниже.
  • Домашняя страница вашего веб-сайта справа, выбранная вами в разделе Настройки чтения.
    • Если щёлкнуть в любой точке вашего сайта, который отображается справа, откроется редактор, а боковая панель слева закроется.

GIF-анимация, на которой показан щелчок мыши в правой части для открытия редактора, в результате чего панель слева закрывается.

Боковая панель слева

На боковой панели слева доступны следующие опции.

  • Навигация. Управление различными меню навигации вашего сайта.
  • Стили. Настройка цветов, шрифтов и других элементов дизайна вашего сайта.
  • Страницы. Редактирование содержимого отдельных страниц вашего сайта.
  • Шаблоны. Редактирование структурной разметки для содержимого вашего сайта.
  • Библиотека. Редактирование отдельных частей шаблонов, например заголовка и подвала.

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

Страница дизайна редактора сайта с выделенными опциями «Навигация», «Стили», «Страницы», «Шаблоны» и «Библиотека».
Верхнее меню

Когда открыт редактор, вверху отображается меню с опциями, которые описаны ниже.

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

  1. Значок вашего сайта. Щёлкните его один раз, чтобы вернуться к опциям, описанным в предыдущем разделе. Щёлкните дважды, чтобы вернуться в консоль.
  2. Кнопка + Инструмент вставки блоков. Нажмите её для добавления нового блока.
  3. Инструменты. Выберите либо редактирование блока, либо выбор блока. Нажмите «Выбрать» для выбора отдельных блоков. После выбора блока нажмите клавишу Enter, чтобы вернуться в режим редактирования.
  4. Отменить: Отмена последнего выполненного действия.
  5. Повторить: Повторение действия, отменённого после нажатия кнопки «Отменить».
  6. В виде списка: Просмотр списка всех блоков на странице. Это удобно для просмотра структуры страницы, а также для редактирования, перемещения и удаления блоков. Узнайте больше об опции В виде списка.
  7. Командный центр. Тут отображается имя редактируемого шаблона. Щёлкните этот элемент для поиска по шаблонам вашего сайта. Узнайте больше о редактировании шаблонов.
  8. Просмотреть. Предварительный просмотр вашего сайта с применёнными изменениями.
  9. Сохранить. Сохраните изменения. Узнайте больше о сохранении.
  10. Справочный центр. Поиск по нашим полезным руководствам, а также обращение в службу поддержки при использовании тарифных планов, которые соответствуют требованиям.
  11. Настройки. Отображение и скрытие боковой панели с настройками справа.
  12. Стили. Настройка цветов, шрифтов и т. п. Узнайте больше о стилях.
  13. Дополнительные опции. Открытие дополнительных настроек и инструментов.
Сохранение изменений

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

Щёлкнув «Воспроизвести», можно воспользоваться элементами управления в правом нижнем углу для замедления или ускорения видео.
Стили

Чтобы выбрать цветовые палитры, шрифты, разметку и другие элементы дизайна, влияющие на сайт в целом, воспользуйтесь разделом Стили в редакторе сайта. Узнайте, как использовать раздел «Стили».

Стрелка указывает на кнопку «Стили».
Кнопка «Стили»

Дополнительные руководства

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

  • Редактирование в WordPress:
    • Добавление блоков
    • Перемещение блоков
    • Удаление блоков
  • Редактирование сайта:
    • Настройка заголовка с помощью редактора сайта
    • Добавление боковой панели с помощью редактора сайта
    • Изменение порядка записей с помощью редактора сайта
    • Скрытие заголовков страниц с помощью редактора сайта
    • Редактирование подвала с помощью редактора сайта
  • Шаблоны
  • Паттерны блоков

Площадки на WordPress очень просто редактировать — это одна из главных причин, почему лучше разместить сайт именно на этом движке. В нем сможет разобраться каждый. Даже тот, кто раньше и не сталкивался с сайтостроением. Это не uCoz со всеми его премудростями ручного написания кода. В Wordress система управления сайтом полностью автоматизирована. Вам не придется беспокоиться, что вы не знаете, какой прописать код. Редактировать страницы вручную не понадобится!

Данная статья станет вводным мануалом для тех, кто только собирается установить WordPress на сайт, или для тех, кто вообще только планирует завести свой веб-ресурс.

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

Редактор страниц WordPress — как пользоваться

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

page-quick-edit

Ядро WordPress — это нечто уникальное, простое и неповторимое. Если вы разместите свой сайт именно на этом движке, то к коду вам практически не придется притрагиваться. А все потому, что у этой CMS-системы есть свой редактор страниц. Система управления сайтом сводится к управлению всеми процессами через обыкновенное меню, с каким справиться и юноша 12 лет, и даже 70-летний старик (если постараться).

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

Если вам необходим редактор страниц, тогда зайдите в соответственный раздел «Страницы». Там вы увидите полный список всех доступных, уже опубликованных и личных страниц. Чтобы начать редактировать содержимое, вам необходимо нажать на один из доступных заголовков — вы перейдете во вкладку управления содержимым страницы. Внутри редактор очень похож на программу Word. Только у него еще есть всяческие дополнительные функции и кнопки. И все эти кнопки объясняются, потому вам будет просто изменять сайт и содержимое страниц.

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

Запуск редактора WordPress с определенной страницы

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

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

Быстрое изменение свойств страницы

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

После нажатия вы перейдете в режим быстрой редактуры страницы. Вы не сможете изменить ее содержимое, то есть текст, картинки и записи на ней, но сумеете откорректировать некоторые свойства. Например:

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

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

Как удалить страницу

В начале, еще перед публикацией своего проекта на Вордпресс, многое приходится менять. И это хорошо, что вы пытаетесь сделать содержимое своего ресурса лучше. Порой для этого приходится удалять лишние страницы. Ведь чем меньше указано разделов в меню навигации для пользователя, тем удобнее пользоваться сайтом. Так что лучше не размещайте у себя в меню больше 5-10 страниц — это навредит статистике отказов проекта. А если уже разместили, то сделайте подразделы, либо удалите ненужные страницы. Как раз процесс их удаления мы и разберем.

Чтобы удалить страницу, необходимо точно так же зайти в административную панель, введя свой логин и пароль. Далее зайдите в меню «Страницы» и нажмите на необходимый заголовок. Потом возле пункта «Опубликовать» или «Обновить» вы увидите кнопку «Удалить». Либо не заходите в редактор содержимого, а лишь наведите курсор на заголовок страницы в списке и откроются дополнительные кнопки, в том числе и пункт «Удалить». Нажмите на него и страница переместиться в «Корзину». Если она снова понадобится, вы сможете ее восстановить.

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

Как установить пароль на страницу

Пароль и страницы с частным доступом — это один из популярных способов монетизации сайтов на Вордпресс. Вы сможете размещать в «запароленных» разделах площадки какую-то уникальную, полезную и редкую информацию. А за доступ к этим частям ресурса посетители будут вам платить определенную ежемесячную или даже ежедневную плату.

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

The Site editor allows you to design the entire site including the header, footer, and everything in between, with blocks. It gives you greater control over how your site looks. 

The Site Editor is only available when you install and activate a Block theme on your site.

How to access the Site editor

To work with the Site editor, you need to use a block theme on your site. A block theme is a theme that uses blocks for all parts of a site, including navigation menus, header, content, and site footer. 

All blocks that are available in the WordPress Block editor can be used in the Site editor. A set of blocks called Theme blocks are specifically built for the Site editor.

To find block themes, from the WordPress dashboard, go to Appearance > Themes and click Add New. In the Add Themes page, select Block Themes to find the growing list of Block themes in the WordPress theme directory.

Appearance > Themes showing block theme options

How to find a block theme

Once you install and activate a Block theme on your site, go to Appearance > Editor to open the Site Editor.

Appearance section of the admin interface showing the Themes and Editor entry points after activating a block theme.

Appearance menu after activating a block theme

The Site Editor workspace

The Site editor loads the home page of your site (based on what you have set in the Reading Settings) to start editing.

The top menu in the Site editor includes the following options:

Site editor toolbar with numbers indicating various options to explore.

Site editor top menu
  1. The site icon (or the W icon, if no site icon is set for the site): Return to the dashboard or switch to editing templates or template parts. If you choose to return to the dashboard, it will prompt you to save the changes or leave the Site editor without saving the changes.
  1. The + Block inserter button: Add a new block, block pattern, reusable block (if the site has reusable blocks), or Media to the Site editor.

Block inserter panel
  1. Tools: Switch between editing a block and selecting a block. Choose the Select tool (or press the Escape key on your keyboard) to select individual blocks. Once a block is selected, press the Enter key on your keyboard to return to editing.

Edit/select buttons in the WordPress block editor workspace

Edit/Select buttons
  1. UndoUndo the most recent action taken.
  2. RedoRedo an action you reversed using the Undo button.
  3. List View: See a list of all of the blocks that are on the page and easily navigate between the blocks on your page. This is useful for seeing the page’s structure and editing, moving, and removing blocks.
  4. Templates: The name of the template you are editing.
    • Click the down arrow, next to the name of the template to open a drop-down menu.
    • You can click Browse all templates to view all your site’s templates.
    • You can click Clear customizations to restore the template to the default state (you will lose all the changes you made to that template).
  1. View: You can view the site homepage in a new tab and see what your site looks like with the changes applied. You can also view the site in a Desktop, Tablet, or Mobile View.

View drop down options

View options
  1. SaveSave the changes you made in the Site editor.
    • When you click the Save button, you will get a list of all the templates and template parts where you have made changes.
    • You can choose to save all or just some of them.
    • Note that some changes (like changes to the Header and Footer templates) will apply to all pages of your site that use those templates, and not just the page you were working on.
  1. Settings: Show or hide the Template and Block Settings sidebar menu.
  1. StylesBrowse style variations available for the theme you have, set the typography, color palettes, and layout for the entire site, or customize the appearance of specific blocks for the whole site.
  2. More Options: Click the three vertical dots icon to open additional settings and tools.

Site editor with an arrow pointing to the three dot menu where extra settings can be found.

More options

View: Top toolbar-Display or hide the top toolbar in the editor. When you enable this option, block toolbars are pinned to the top of the WordPress block editor (right under the top toolbar) instead of appearing directly above the block.

Top toolbar enabled

Top toolbar enabled

Spotlight mode: All blocks are greyed out except for the one you’re working on so that you can focus on a single block at a time.

Spotlight mode

Spotlight mode

Editor: By default, you will be in the Visual editor. Switch to the Code editor to view the entire page in HTML code editor.

Plugins: Here, you can switch between Settings and Styles in the Site editor Sidebar.

Tools: Here, you can download your theme with the updated templates and styles (Export), learn keyboard shortcuts, visit the Site Editor welcome guide, copy all blocks, or view additional support articles.

Preferences: Use the Preferences menu to customize the editing experience and change how you interact with blocks.

How to use the Site Editor

To edit the site’s styles

You can use the Site Editor to customize the styles for the entire website and for the blocks. Styles settings are available regardless of what template or template part you are editing. 

  • Go to Appearance > Editor.
  • Click the Styles icon next to the block settings sidebar.

Site editor with an arrow pointing to the Styles interface.

In the Styles section, you can browse the style variations available for the theme you have, change the color palettes and typography, and layout across the entire site and also change the appearance of blocks which are also applicable across the whole site.

To reset the changes you made, click the three-dot menu icon in the right corner and select Reset to defaults.

Learn more about Styles in this support article: Styles overview.

To customize the site’s layout

You can use the Site Editor to build the structure and layout of your entire site, using blocks. Eg: areas like headers, footers, and the structural appearance of your site’s posts and pages.

All blocks that are available in the WordPress Block Editor can be used in the Site Editor. A set of blocks called Theme blocks are specifically built for the Site Editor.

Examples: the Query Loop Block allows you to customize the look and feel of your post layout, the Navigation Block lets you customize the site’s navigation menu, the Site Title Block helps to customize the Site Title and more.

Check out the full list of Theme blocks.

To browse the templates and template parts

From the Site editor, you can easily browse the templates and templates parts available for your site.

  • Go to Appearance > Editor to open the Site editor. This will bring you to a view where you can choose to browse your templates or template parts.
  • Click on Templates to preview the list of templates available for your site.
  • Click on Template Parts to preview the list of template parts.

To manage the site’s templates

WordPress uses templates to create the layout and structure for specific page types on your site. The Site Editor displays the template choices that you can add to your site and lets you create custom templates using the Template Editor.

From the Appearance > Editor, you will be shown a view that includes a sidebar with your list of templates and template parts. You can select any template you like from that list or click the “Manage all templates” to see them listed in a different view, where you can reset customizations, and rename or delete custom templates.

If you’re editing a template and want to return to that larger view, click the WordPress icon (or Site icon if you have set one) to open the Site Editor left navigation. This will open to the latest template you’re editing and you can use the < icon to go back to view the rest of your templates. If you go back to the list of templates, you can either preview all of your templates from there or click Mange all templates to see a list of templates available. Included in this list are those that came bundled with your block theme and the custom ones you created from the Template Editor.

Learn more about Templates in this support article: Template Editor.

To manage the template parts

A Template part is a block for managing the repeating global areas of the site such as a Header, Footer, Sidebar, etc. They are primarily meant to define the site structure and can be reused. You can also create custom Template Parts that can be reused through the templates.

From the Appearance > Editor, click the Template Parts option to view the list of template parts created for your theme.

Accessing the Template Parts

Learn more about Template Parts in this support article: Template Part.

How to return to the Dashboard

To go back to your dashboard, click the WordPress icon (or Site icon if you have set one) to open the Site Editor left navigation. Select < to take you back to your WordPress dashboard. You will be prompted to save the changes you have made in the Site Editor before leaving.

How to export templates and styles

You can export your theme with the changes you made in the Site Editor including the templates, template parts, and style settings, similar to the Tools > Export option.

  • Open the Site Editor by going to Appearance > Editor.
  • Select the three vertical dots icon next to your Styles settings option.
  • Under Tools, select Export. This will begin the export process and you will receive a downloaded zip file of your theme with the templates and template parts included.

The following tools are helpful when using the Site Editor.

List View

List View helps you navigate complex block layouts and nested block structures. You can select exactly which block you need, and get a quick overview of the block layout on the page you are working on. You can easily select multiple blocks and edit, move or group them.

Learn more about List View in this support article:  List View.

Block Patterns

Block Patterns are a collection of predefined blocks that you can insert into posts and pages. You can then customize them further. WordPress comes with a set of standard Block Patterns. You can also find Block Patterns bundled with the block themes.

Learn more about Block Patterns in this support article: Block Pattern..

Copy and paste styles

With WordPress 6.2, a new option was added to allow you to copy and paste block styles, making it easy to reuse designs you’ve created. You can find this from the three dot menu in any block and it’s meant to be used to copy and paste between the same type of block:

Apply style changes globally

If you’re more comfortable with more advanced options when creating a design or customizing individual blocks, as of WordPress 6.2, you can take changes made to an individual block and apply it to all blocks of the same type. For example, you could apply a single design for an individual block to all blocks in your site with a new option under the Advanced section of block settings.

Resize the preview of the Site Editor

When you’re in the Site Editor, you might want to change the preview of the template or template part you’re viewing. You can do this by selecting the handles of the dark gray sidebar and moving it to your liking.

Resource Links

  • Additional guide to using Site Editor
  • Simple Site Design with Full Site Editing
  • Intro into the Site Editor and Template Editor

Changelog

  • Updated 2023-03-27
    • Updated content and screenshots for 6.2
  • Updated 2022-10-17
    • Updated content and screenshots/video for 6.1
  • Updated 2022-05-17
    • Reworking the content & updating videos/screenshots for 6.0
  • Created 2022-01-05

На чтение 8 мин Просмотров 7.9к. Обновлено 1 сентября, 2020

Содержание

  1. Глава 1. Вход в панель управления WordPress
  2. Глава 2. Изменение пароля администратора
  3. Глава 3. Базовая настройка сайта
  4. Глава 4. Создание материалов на сайте
  5. Глава 5. Изменение страниц «Контакты» и «Реклама на сайте»
  6. Глава 6. Изменение меню сайта
  7. Глава 7. Добавление материалов в Каталог сайта
  8. Глава 8. Интеграция рекламы
  9. Глава 9. Создание и добавление счётчика посещения
  10. Глава 10. Добавление и изменение социальных ссылок
  11. Глава 11. Включение и настройка автонаполнения сайта

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

Глава 1. Вход в панель управления WordPress

Стандартные адреса для входа в админку WordPress будут такие:

  • http://ВАШ-САЙТ/admin
  • http://ВАШ-САЙТ/wp-admin
  • http://ВАШ-САЙТ/wp-login.php

1. Если вы покупали готовый сайт в нашем интернет магазине. В адресной строке, добавьте к своему домену приставку /plus (пример — http://ВАШ-САЙТ.РУ/plus), как это показано на картинке.

2. Введите логин и пароль который указан в info файле (info.txt)

Инструкция по установке купленного готового сайта WordPress на хостинг с панелью ISPmanager

3. Нажмите кнопку «Войти».

Внимание! Сайты с нашего магазина, поставляются с настроенным плагином защиты. Если вы неправильно введете данные более 5 раз, система защиты заблокирует вас на 60 минут

Решение проблемы:

Если система защиты заблокировала вас и не удаётся войти на сайт

Переименуйте папку защитного плагина, в нашем случаи это — wp-cerber, которая находится по адресу — ваш сайт/wp-content/plugins/

Для этого вам может потребоваться доступ к вашему хостингу (Через ISPmanager в менеджере файлов, или по FTP)

Внимание! Данный способ полностью выключает плагин защиты сайта, и возвращает настройки по умолчанию. Адрес панели управления, изменится на стандартный — ваш сайт/admin

Глава 2. Изменение пароля администратора

1. В левой части панели управления WordPress, нажмите на строку «Пользователи».

Инструкция по установке купленного готового сайта WordPress на хостинг с панелью ISPmanager

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

Инструкция по установке купленного готового сайта WordPress на хостинг с панелью ISPmanager

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

Инструкция по установке купленного готового сайта WordPress на хостинг с панелью ISPmanager

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

5. В нижней части профиля, нажмите кнопку «Обновить профиль».

Внимание! Обязательно смените пароли для всех пользователей, в нашем случаи это «glav-administrator» и «manager». У данных пользователей установлены общедоступные пароли.

Для справки! Пользователь «manager» создан как системный. Под его именем публикуются все записи автонаполнения (в автонаполняемых сайтах). Именно его имя отображается на сайте в теге «Автор». Это позволяет дополнительно защитить главного администратора от идентификации.

Глава 3. Базовая настройка сайта

1. В левой части панели управления WordPress, нажмите на строку «Настройки».

Инструкция по установке купленного готового сайта WordPress на хостинг с панелью ISPmanager

2. В открывшемся окне, в поле «Название сайта», придумайте и впишите своё название сайта.

3. В поле «Административный адрес email» укажите свою электронную почту.

Инструкция по установке купленного готового сайта WordPress на хостинг с панелью ISPmanager

4. По завершению, нажмите в нижней части кнопку «Сохранить изменения».

Глава 4. Создание материалов на сайте

1. В левой части панели управления WordPress, наведите на строку «Записи» и выберите подраздел «Добавить новую».

Пошаговая инструкция по управлению сайтом на WordPress

2. Далее используйте интуитивно понятный редактор текста, для изложения своего материала.

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

Пошаговая инструкция по управлению сайтом на WordPress

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

5. В верхней части, в области «Добавить заголовок» заполните название своего материала.

6. По завершению работы, в правой части нажмите кнопку «Опубликовать». Запись будет опубликована на сайте.

Глава 5. Изменение страниц «Контакты» и «Реклама на сайте»

1. В левой части панели управления WordPress, нажмите на строку «Страницы»

Пошаговая инструкция по управлению сайтом на WordPress

2. В появившемся списке, выберите нужную страницу

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

Пошаговая инструкция по управлению сайтом на WordPress

4. По завершению, в правой части нажмите «Обновить».

Глава 6. Изменение меню сайта

1. В левой части панели управления WordPress, наведите на строку «Внешний вид» и выберите подраздел «Меню».

Пошаговая инструкция по управлению сайтом на WordPress

2. В верхней части выберите меню, которое хотите отредактировать (в нашем случаи это «Главное меню» или «Верхнее меню»), и нажмите кнопку «Выбрать».

Пошаговая инструкция по управлению сайтом на WordPress

3. Используйте интуитивно понятный интерфейс, для изменения кнопок меню.

Пошаговая инструкция по управлению сайтом на WordPress

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

Глава 7. Добавление материалов в Каталог сайта

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

Пошаговая инструкция по управлению сайтом на WordPress

1. В левой части панели управления WordPress, нажмите на строку «Записи».

Пошаговая инструкция по управлению сайтом на WordPress

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

Пошаговая инструкция по управлению сайтом на WordPress

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

Пошаговая инструкция по управлению сайтом на WordPress

При вводе названия объекта, система сама будет предлагать существующие варианты.

Вот как должно получиться

Пошаговая инструкция по управлению сайтом на WordPress

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

4. По завершению работы, нажмите кнопку «Обновить».

Пошаговая инструкция по управлению сайтом на WordPress

Внимание! Что бы запись попала в каталог, вам нужно ввести точное название метки!

5. Что бы получить точные названия меток каталога, перейдите в «каталог» на лицевой части сайта и выберите необходимый вам объект.

Пошаговая инструкция по управлению сайтом на WordPress

6. После перехода, в адресной строке сайта можно увидеть и скопировать нужную вам метку.

Пошаговая инструкция по управлению сайтом на WordPress

Глава 8. Интеграция рекламы

Установка и изменение рекламы в статьях

1. В левой части панели управления WordPress, нажмите на строку «Quick Adsense».

Пошаговая инструкция по управлению сайтом на WordPress

Внимание! Если у вас не стоит плагин Quick Adsense, то обязательно установите его в разделе «Плагины — Добавить новый». Он позволит интегрировать рекламу, в любые части ваших материалов.

2. Во вкладке «Ads on Post Body» измените коды баннеров по вашему желанию.

Пошаговая инструкция по управлению сайтом на WordPress

3. Во вкладке «Settings измените позиции баннеров по вашему желанию.

Пошаговая инструкция по управлению сайтом на WordPress

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

4. После завершения, в нижней части нажмите кнопку «Save Changes».

Установка и изменение рекламы в колонке (липкий баннер)

1. В левой части панели управления WordPress, наведите на строку «Внешний вид» и выберите подраздел «Виджеты».

Пошаговая инструкция по управлению сайтом на WordPress

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

Пошаговая инструкция по управлению сайтом на WordPress

3. В окне виджетов «Sidebar», нажмите на виджет «HTML-код», что бы раскрыть его, как показано на фото.

Пошаговая инструкция по управлению сайтом на WordPress

Пошаговая инструкция по управлению сайтом на WordPress

4. Добавьте или измените код баннера по вашему желанию.

Что бы виджет стал липким, поставьте галку «Зафиксировать виджет».

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

Глава 9. Создание и добавление счётчика посещения

1. Пройтиде по адресу — metrika.yandex.ru (ссылка на официальный сайт)

Пошаговая инструкция по управлению сайтом на WordPress

2. Зайдите в свой аккаунт Яндекса или создайте новый.

Пошаговая инструкция по управлению сайтом на WordPress

3. В меню интерфейса Яндекс Метрика, нажмите на кнопку «Добавить счётчик».

Пошаговая инструкция по управлению сайтом на WordPress

4. Заполните обязательные поля:

  • Имя счётчика — любое название, по желанию
  • Адрес сайта — впишите URL адрес вашего сайта (без http и прочего), как показано на фото.
  • Поставьте галку «Я принимаю условия», перед этим прочитав «Пользовательское соглашение».
  • Нажмите на кнопку «Создать счетчик» в нижней части.

Пошаговая инструкция по управлению сайтом на WordPress

5. После создания счётчика, в нижней части появится окно, где можно скопировать счётчик. Нажмите на кнопку «Скопировать код».

Пошаговая инструкция по управлению сайтом на WordPress

6. Вернитесь в панель управления WordPress.

7. В левой части панели управления WordPress, наведите на строку «Настройки» и выберите подраздел «Header and Footer».

Пошаговая инструкция по управлению сайтом на WordPress

Внимание! Если у вас не стоит плагин Header and Footer, то обязательно установите его в разделе «Плагины — Добавить новый». Он позволит интегрировать счётчики и любые другие коды (например рекламу), в любые части вашего сайта.

8. Вставьте свой код счётчика в левое верхнее окно, с названием «<HEAD> PAGE SECTION INJECTION».

Пошаговая инструкция по управлению сайтом на WordPress

9. Нажмите кнопку «сохранить», в нижней или верхней части экрана.

Просмотр статистики вашего сайта, будет доступен по адресу — metrika.yandex.ru/list

Пошаговая инструкция по управлению сайтом на WordPress

10. Что бы просмотреть статистику подробно, в интерфейсе Яндекс Метрики, нажмите на название вашего счётчика.

Глава 10. Добавление и изменение социальных ссылок

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

Пошаговая инструкция по управлению сайтом на WordPress

1. В левой части панели управления WordPress, наведите на строку «Внешний вид» и выберите подраздел «Настроить».

Пошаговая инструкция по управлению сайтом на WordPress

2. Далее выберите раздел «Profits-Blog Параметры».

Пошаговая инструкция по управлению сайтом на WordPress

3. Далее выберите раздел «Область социальных ссылок»

Пошаговая инструкция по управлению сайтом на WordPress

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

Пошаговая инструкция по управлению сайтом на WordPress

Самый верхний флажок, отвечает за полное включение или отключение социального меню.

5. После завершения, в верхней части нажмите кнопку «Опубликовать», и крестик в верхнем левом углу.

Глава 11. Включение и настройка автонаполнения сайта

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

Включение автонаполнения сайта

1. В левой части панели управления WordPress, наведите на строку «WPGrabber» и выберите подраздел «Настройки»

Пошаговая инструкция по управлению сайтом на WordPress

2. Далее выберите вкладку «Автообновление»

Пошаговая инструкция по управлению сайтом на WordPress

3. Установите функцию «Включить автообновление лент» в режим «Да» и нажмите на кнопку внизу «Сохранить изменения».

Пошаговая инструкция по управлению сайтом на WordPress

После этого, материалы будут автоматически публиковаться каждые 2 часа.

Установка ссылки на источник автонаполнения

Пошаговая инструкция по управлению сайтом на WordPress

1. В левой части панели управления WordPress, наведите на строку «WPGrabber» и выберите подраздел «Список лент».

Пошаговая инструкция по управлению сайтом на WordPress

2. В списке лент, наведите курсором на нужную ленту и выберите «Изменить».

Пошаговая инструкция по управлению сайтом на WordPress

3. Далее выберите вкладку «Вид».

Пошаговая инструкция по управлению сайтом на WordPress

4. В окно «Текст», ниже значения %FULL_TEXT%, добавьте значение %SOURCE_SITE%. Перед этим значением, можно указать любую надпись (Пример: Источник материала — %SOURCE_SITE%). Смотрите, как это сделано на фото.

Пошаговая инструкция по управлению сайтом на WordPress

5. После завершения, нажмите на кнопку внизу «Сохранить изменения».

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

Если у вас появились дополнительные вопросы, или вы нашли некорректные данные в инструкции, пишите ниже в комментариях, мы исправим неверную информацию, либо добавим новую.

Понравилась статья? Поделить с друзьями:
  • Редми эирдотс 2 инструкция по применению
  • Редми ноут 9 про инструкция на русском
  • Редми инструкция по эксплуатации для чайников
  • Редми вотч 2 лайт инструкция по применению
  • Редми будс 3 про наушники инструкция