Руководства/Редактор/Предварительный просмотр контента

Предварительный просмотр контента

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

Предварительный просмотр страницы или записи

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

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

  1. Откройте консоль вашего сайта.
  2. Нажмите Страницы или Записи.
  3. Нажмите на заголовок нужной страницы или записи, чтобы открыть её в редакторе.
  4. Нажмите значок «Просмотр» (он выглядит как открытый портативный компьютер) в верхней части экрана, рядом с кнопкой «Опубликовать» (или кнопкой «Сохранить», если страница или запись уже опубликована).
  5. Выберите опцию «Предварительный просмотр в новой вкладке».
An arrow from the "View" icon to the "Preview in new tab" menu item.
Предварительный просмотр в новой вкладке

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

Как изменить формат представления в редакторе

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

  1. Откройте консоль вашего сайта.
  2. Нажмите Страницы или Записи.
  3. Нажмите на заголовок нужной страницы или записи, чтобы открыть её в редакторе.
  4. Нажмите на значок «Просмотр» (выглядит как открытый портативный компьютер) в верхней части экрана, рядом с кнопкой «Опубликовать».
  5. В меню «Вид» выберите нужный вариант: «ПК», «Планшет» или «Мобильное устройство».

Просмотр контента в шаблоне

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

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

  1. Откройте консоль вашего сайта.
  2. Нажмите Страницы или Записи.
  3. Нажмите на заголовок нужной страницы или записи, чтобы открыть её в редакторе.
  4. Нажмите значок «Просмотр» (он выглядит как открытый портативный компьютер) в верхней части экрана, рядом с кнопкой «Опубликовать» (или кнопкой «Сохранить», если страница или запись уже опубликована).
  5. Выберите «Показать шаблон».

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

An arrow pointing from the "View" icon to the "Show template" menu item.
Показать шаблон

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

Обучающее видео

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

Замедлите или ускорьте видео с помощью элементов управления в правом нижнем углу после нажатия кнопки «Воспроизвести»
Copied to clipboard!