Как редактировать страницы в WordPress - освоите редактор WordPress

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

См. Также: Как изменить имя страницы>

Примеры, которые я здесь использовал, относятся к системе WordPress.org , но WordPress.com очень похож по способу изменения страниц. Сообщение будет полезно для двоих.

ОБНОВИТЬ. Этот пост относится к классическому редактору WordPress, а не к блокам WordPress, также известным как редактор WordPress Glutenberg, которые используются с 2018 года. Тем не менее, этот пост все равно будет полезен для некоторых.

Посмотрим, что вы узнаете.

К концу этого поста вы должны понять, как форматировать и редактировать страницы в WordPress:

• Редактирование и сохранение в админке,
• просмотр изменений в интерфейсе,
• и с помощью инструментов форматирования в редакторе WordPress.

Перед обновлением любого сообщения или страницы сделайте резервную копию базы данных WordPress. Я использую DB Migrate, плагин для резервного копирования и миграции, доступный бесплатно.

Что нужно для редактирования страниц в WordPress

• Имя пользователя и пароль WordPress от вашего веб-разработчика.
• URL-адрес области администрирования (также известный как веб-адрес или, возможно, ссылка).

Получив их, перейдите к своему URL-адресу, набрав его в браузере или щелкнув ссылку.

Введите имя пользователя и пароль и нажмите « Войти» . Вы попадете в панель управления WordPress.

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

Первое, что я делаю, это открываю общедоступную часть веб-сайта в новой вкладке браузера. Затем у меня есть область администрирования (бэкэнд), видимая на одной вкладке, и общественное пространство (передняя часть), видимое на другой. Таким образом, я могу переключаться между ними.

Самый простой способ открыть интерфейс вашего веб-сайта WordPress в новой вкладке:

• В админке - наведите указатель мыши на значок дома в левом верхнем углу экрана.
• В раскрывающемся меню ЩЕЛКНИТЕ ПРАВОЙ кнопкой "Посетить сайт".
• Нажмите «Открыть ссылку в новой вкладке». Я подчеркнул это ниже красным.

NB. В зависимости от используемого вами браузера могут быть разные слова.

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

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

С другой стороны, вы будете просматривать интерфейс вашего веб-сайта, чтобы проверять каждое внесенное вами изменение.

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

Редактирование содержимого страницы в WordPress

Теперь вы настроили свою рабочую область, давайте начнем в админке. Здесь вы найдете редактор WordPress.

Щелкните СТРАНИЦЫ в меню слева. Перечислены страницы вашего сайта.

Дополнительные параметры появляются при наведении курсора на название страницы.

EDIT перенесет вас на полный экран редактирования.

БЫСТРОЕ РЕДАКТИРОВАНИЕ позволит вам изменить заголовок, заголовок, дату, конфиденциальность, родителя, порядок, шаблон и статус на этом экране.

БИН отправит страницу в корзину. Страница больше не будет видна на сайте.

VIEW позволит вам увидеть эту конкретную страницу - переднюю (или общедоступную).

Чтобы отредактировать страницу, выберите первый вариант - ИЗМЕНИТЬ. Или щелкните по названию страницы.

Вы попадете на экран редактирования страницы WordPress.

Редактирование страниц в WordPress учебник

Сначала я должен обратить ваше внимание на темы и плагины в WordPress, которые иногда настраивают экран редактирования страницы.

Например, DIVI использует интерфейс под названием DIVI Builder; Avada's называется Fusion Builder.

Какую версию вы используете?

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

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

Если вы не используете специальный конструктор, мы можем начать.

Объяснение значков кнопок редактора WordPress

В классическом редакторе первый значок кнопки - это значок ПЕРЕКЛЮЧЕНИЕ ПАНЕЛИ ИНСТРУМЕНТОВ, который когда-то называли «кухонной раковиной». На изображении выше вы можете видеть, что он активирован, потому что он перевернут.

Значок переключения панели инструментов выглядит так:

Этот значок кнопки показывает или скрывает дополнительные параметры форматирования. Держите его активным.

Форматирование текста в WordPress

Как и в большинстве редакторов WordPress, вы можете выделить текст и отформатировать его.

Слева направо на главной панели редактирования:

B - делает текст жирным или сильным.
I - выделенный текст выделить курсивом.
ABC - это добавит зачеркивание текста, как если бы вы его зачеркивали. Удобно для проданных товаров.

Значок кнопки для неупорядоченного списка в веб-разговоре, но WordPress называет его маркированным списком. Используйте это для создания списков. Например:

• Это первое.
• Это второй вопрос по порядку ведения заседания.

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

Подсказка: нажатие SHIFT-ENTER создает разрыв строки, что полезно в маркированных списках, так как вы можете выпустить одну строку, не создавая нового маркера.

• Это название моего первого пункта.
  Я немного расскажу об этом ниже, нажав SHIFT-ENTER.
• Теперь у меня есть вторая точка зрения.
  Немного об этом.

Чтобы прервать список, просто дважды нажмите return после последней строки. Или нажмите значок во второй раз. WordPress вернется к обычным абзацам.

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

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

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

Далее идет горизонтальная линия. Используйте горизонтальную линию для разрыва кусков текста. Тема управляет стилями. Вышеупомянутый стиль - это стиль по умолчанию - серая линия в 1 пиксель.

Выравнивание абзацев в WordPress

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

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

Щелкните строку текста, затем щелкните инструмент выравнивания - выравнивание применяется ко всему абзацу.

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

• Поместите курсор в конец первого абзаца.
• Теперь нажмите DELETE (backspace), чтобы вытянуть второй абзац вверх.
• Нажмите ENTER, чтобы закончить один абзац и начать новый.
• Два могут выровняться по отдельности.

Создание и редактирование ссылок в WordPress

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

Чтобы связать текст в WordPress, не забудьте сначала выделить текст.

Совет: дважды щелкните одно слово, чтобы выделить все слово. Удерживая нажатой клавишу Shift, щелкните второе слово, чтобы выделить и его.

Теперь щелкните значок ссылки.

Если вы ссылаетесь на страницу / сообщение на своем сайте, начните вводить заголовок.
NB. введите НАЗВАНИЕ страницы, а не заголовок.

Редактировать заголовок страницы WordPress

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

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

Значок шестеренки открывает окно, содержащее ОПЦИИ СВЯЗИ - выберите страницу, на которую вы хотите создать ссылку.

Не рекомендуется, но ссылки могут открывать новое окно (или вкладку). Просто установите флажок «Открыть ссылку в новой вкладке» на экране параметров ссылки. Google наказывает ссылки, открывающие другое окно - пользователи должны иметь возможность принять это решение.

Подсказка: в последней версии WordPress вам даже не нужно нажимать значок ссылки при связывании текста. Скопируйте ссылку в буфер обмена, выделите текст и нажмите Ctrl-v, чтобы вставить ссылку.

Чтобы связать изображение в WordPress, происходит аналогичный процесс.

Выберите изображение, затем щелкните значок ссылки. Следуйте инструкциям выше.

Как редактировать ссылку в WordPress

Чтобы ИЗМЕНИТЬ ссылки, выполните аналогичные действия.

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

Как удалить ссылку в WordPress

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

Значок «Читать дальше» я никогда не использую. WordPress позволяет помещать текст в тег READ MORE, скрывая его на странице, пока пользователь не нажмет, чтобы прочитать больше. Текст по-прежнему будет доступен для сканирования поисковыми системами, но Google не ценит скрытый контент.

Абзацы и заголовки в WordPress

На панели инструментов вы увидите раскрывающееся меню.

Чтобы отформатировать строку, щелкните текст в строке или абзаце и используйте раскрывающееся меню, чтобы выбрать абзац, заголовок 1 или заголовок 2.

Тема задает стиль для заголовков и абзацев, что обеспечивает единообразие дизайна веб-сайта.

Используйте правильные теги для заголовков, и дизайн будет продолжаться через веб-сайт.

Что такое SEO-написание?

Дополнительные инструменты форматирования в WordPress

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

Просто выделите текст и щелкните значок подчеркивания.

Инструмент выравнивания текста и создаст выровненный абзац. Расстояние между буквами и словами регулируется так, чтобы текст находился на одном уровне с правым и левым полями. Также известен как полное или полное выравнивание и отлично подходит для текста в столбцах.

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

Зачем вообще есть значок «вставить как текст» в WordPress? Текст, скопированный с веб-сайта или документа Word, также имеет этот формат. Вставьте его на страницу WordPress, и вы вставите форматирование. Страница выглядит ужасно из-за того, что код находится в бесполезных местах.

Так что в следующий раз, когда вы копируете и вставляете, скопируйте; затем поместите курсор на место и щелкните инструмент «Вставить как текст», чтобы добавить текст без форматирования. Затем отформатируйте его в WordPress.

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

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

Это значки отступов. С их помощью вы можете увеличить или уменьшить отступ абзаца или заголовка.

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

Сохранить страницу WordPress

Когда вы вносите существенные изменения в свою страницу или публикацию WordPress, нажмите кнопку ОБНОВИТЬ, чтобы сохранить страницу. Это обновит общедоступную страницу. Всегда обновляйте страницу при просмотре изменений в интерфейсе пользователя, чтобы проверить свою работу.

Автосохранение и редактирование в WordPress

WordPress часто автоматически сохраняет черновики страницы.

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

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

Редактирование постоянных ссылок в WordPress

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

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

Подсказка: если вы допустили ошибку и изменили постоянную ссылку, но не можете вспомнить исходный URL-адрес, выполните поиск страницы с помощью поиска Google. Добавьте название компании в поиск, и вы, вероятно, найдете в списке исходный URL. Измените постоянную ссылку на исходное имя.

Последнее слово

Надеюсь, вам понравился пост. WordPress может расстраивать, если вы не понимаете, с чем работаете. Я уверен, что эти инструкции помогут вам вместе с остальными руководствами по WordPress в моем блоге.