Как отредактировать код WordPress страницы html
Я не могу получить редактируемый код html за страницей. Я хочу внести некоторые изменения в страницу. Веб-сайт размещается на удаленном сервере. Кто-то поручил эту задачу. Существует пустой редактор при открытии страницы редактирования, как показано ниже изображения.
Кроме того, я добавил плагин и активировал его, но не могу получить результат.
html wordpressПоделиться Источник cmit 05 февраля 2015 в 07:19
2 ответа
- Как отредактировать HTML на странице сообщения WordPress?
Я использую WordPress и сделал несколько постов. Какой файл мне нужно отредактировать, чтобы тот же HTML отображался внизу всех сообщений?
- Как отредактировать код html в теме wordpress
У меня есть блог wordpress, и я хочу немного настроить его. Я знаю CSS и HTML, но не php. из того, что я понял, php должен вызывать код html, поэтому, если я смогу найти код html, мне будет легко настроить свой блог. Дело в том, что я не могу найти код html. Я посмотрел на внешний вид — >…
7
На картинке, которую вы разместили, изображен редактор WYSIWYG, который предназначен только для добавления контента на страницу.
Если вы хотите отредактировать макет самой страницы у вас есть 2 варианта —
Незначительные правки страниц, чтобы появиться на всех страницах сайта-перейдите в раздел Внешний вид — > Редактор — > page.php, а затем отредактируйте код в соответствии с вашими потребностями.
Большие правки страниц появляются на одной или двух страницах —
- Получить доступ к файлам
- Дубликат page.php с другим именем
- Редактирование кода
Когда вы переходите к добавлению новой страницы, у вас должна быть возможность выбрать шаблон страницы. Выберите шаблон страницы, который вы только что создали.
Поделиться Phil Nind 05 февраля 2015 в 07:45
2
Если вы точно знаете, что делаете, вы можете использовать функцию Chrome «Inspect» и изменить HTML содержимого внутри редактора WordPress WYSIWYG. После введения HTML нажмите кнопку предварительный просмотр или публикация, и ваши изменения будут сохранены правильно.
Поделиться user1032613 10 февраля 2017 в 22:59
Похожие вопросы:
Как отредактировать код сайта WordPress?
Я помогаю члену семьи с их блогом WordPress, и он / она хотел, чтобы комментарии были показаны на главной странице. Таким образом, пользователям не нужно нажимать на заголовок, чтобы добавить…
Как отредактировать код WordPress для конкретной страницы?
Я чувствую себя немного глупо, спрашивая об этом, но … .. У меня на сайте есть три страницы. Есть одна из них, которую я хочу отредактировать. Как получить доступ к коду этой страницы? Мне нужно…
Изменить код страницы на WordPress
Я хочу отредактировать код HTML моей страницы WordPress. Именно, я хочу создать страницу, а не посты, на моей странице WordPress , где я хочу выставить свой CV и вставить свою фотографию, которая…
Как отредактировать HTML на странице сообщения WordPress?
Я использую WordPress и сделал несколько постов. Какой файл мне нужно отредактировать, чтобы тот же HTML отображался внизу всех сообщений?
Как отредактировать код html в теме wordpress
У меня есть блог wordpress, и я хочу немного настроить его. Я знаю CSS и HTML, но не php. из того, что я понял, php должен вызывать код html, поэтому, если я смогу найти код html, мне будет легко…
как найти исходный код файла главной страницы темы WordPress
мой сайт использует шаблон wordpress, и я хочу отредактировать домашнюю страницу, но я не могу найти исходный файл homepage…i перейти к источнику chrome — view, но не могу найти index.php, который…
Как отредактировать topbar HTML в wordpress?
Я использую эту тему http://demo.themeum.com/wordpress/ educon / И нужно отредактировать красную верхнюю панель так, чтобы она выглядела как изображение Я попытался отредактировать его в классе…
Как отредактировать содержимое страницы контактов темы wordpress
Нужна некоторая помощь с содержимым контактной страницы темы wordpress. Я пытаюсь отредактировать его непосредственно из исходного кода, он, кажется, отображается как файл html. Я понимаю, что…
Невозможно добавить или отредактировать текущие страницы в WordPress
Я продолжаю получать эту страницу всякий раз, когда пытаюсь отредактировать или добавить новую страницу. Я ничего не могу сделать, чтобы отредактировать мои WordPress страницы. Мой сайт в настоящее…
Как отредактировать HTML в бэкэнде wordpress
Я использую тему Avada в WordPress. Я хотел бы внести небольшие изменения в мобильное меню, любые идеи о том, как я могу его отредактировать. Я знаю, что в бэкэнде WordPress я могу найти только…
Как заносить данные, добавлять новости, фотографии, редактировать страницы и т.д.
18 августа 2011,23:15
Как заносить данные, добавлять новости, фотографии, редактировать страницы и т.д.
Ниже мы рассмотрим, основные моменты связанные с тем как пользоваться WordPress для тестового сайта. Схема работы с wordpress везде примерно одинаковая,но если у вас отличный случай, вы можете Задать свой вопрос
FAQ. Часто Задаваемые Вопросы по пользованию WordPress.
- Как попасть в систему управление сайтом?
- С чего начать?Что может менять администратор, а что программист?
- Создание и редактирование меню на главной и других страницах?
- Пост новостей на главной странице?
- Добавление новых страниц и создание ссылок на них с главной страницы?
- Размещение объектов (заголовков, текста, фото, видео, слайд-шоу) в определенном месте?
- Задать свой вопрос
Ответы:
1. Как попасть в систему управление сайтом? к вопросам
Для того, чтобы попасть в систему управления WORDPRESS, нужно дописать слово «/wp-login.php» к адресу вашего сайта:
http://www.yoursite.ru/wp-login.php
После прохождения по данному адресу вы попадете на страницу авторизации, где нужно будет ввести свой логин/пароль.
Вход в систему
После авторизации вы автоматически перейдете в систему управления.
Система Управления Контентом
2. С чего начать?Что может менять администратор, а что программистк вопросам
Взглянем на рисунок ниже. Оранжевой рамкой выделена та область которую может менять администратор сайта. Синий рамкой выделенная статичная часть, которую можно менять только программист
Главная страница
1) Верхняя навигация
2) Навигация «контакты»
3) Боковая навигация
4) Навигация в подвале сайта
Для того что бы изменить меню:
- Раскройте вкладку Внешний вид
- Выберите Меню
- button — Боковая навигация
- contacts — Навигация «контакты»
- footer — Навигация в подвале сайта
- top — Верхняя навигация
Административная панель WordPress
- Добавлять ссылки на существующие страницы
- Добавлять ссылки на произвольный адрес
Подробнее о том как редактировать меню на главной и других страницах WORDPRESS
2) Новости сайта
Для того добавить/изменить/удалить/вывести из публикации новость:
- Раскройте вкладку Записи
Административная панель WordPress
Подробнее о том как редактировать новости на главной и других страницах WORDPRESS
3) Содержимое сайта или его страницы
Для того добавить/изменить/удалить/вывести из публикации страницы:
- Раскройте вкладку Страницы
- Выберите Страницы
Административная панель WordPress
Подробнее о том как редактировать/удалять/добавлять/выводить из публикации
Страницы3. Создание и редактирование меню на главной и других страницах?к вопросам
Меню сайта делиться на 4 раздела:
1) Верхняя навигация
2) Навигация «контакты»
3) Боковая навигация
4) Навигация в подвале сайта
Для того что бы добавить/редактировать/удалить разделы в этих меню:
- Раскройте вкладку
Внешний вид - Выберите Меню
- Справа сверху выберите Меню которое хотите редактировать:
- button — Боковая навигация
- contacts — Навигация «контакты»
- footer — Навигация в подвале сайта
- top — Верхняя навигация
Разберем пример, как добавлять пункт в навигацию:
Выберем вкладку button.Оно является хорошо масштабируемой ,т.к. её элементы находятся по вертикали.
Изменение меню в wordpress
Перед нами две возможности , добавить произвольную ссылку и ссылку на нашу страницу
Добавим произвольную ссылку:
- В блоке «Произвольные ссылки» в поле «URL» введем адрес страницы на которую будет переходить пользователь
- В поле «Текст» напишем название кнопки который увидит пользователь
- Нажмем «Добавить в меню»
Добавление ссылки в меню wordpress
Не забудьте нажать «Сохранить Меню», если хотите что бы оно отобразилось на сайте
Добавление ссылки в меню wordpress
Добавим ссылку на страницу:
- В блоке «Страницы» поставить галочку на «Open art»
- Нажмем «Добавить в меню»
Добавление ссылки в меню wordpress
Так же ,не забудьте нажать «Сохранить Меню», если хотите что бы оно отобразилось на сайте
После этих действий на главной странице в боковом вы увидите две дополнительные кнопки:
Добавление ссылки в меню wordpress
Если вы хотите удалить пункт навигации , нажмите на стрелочку с ненужным пунктом. Раскроется подробная информация. Нажмите «Удалить». После этого нажмите «сохранить меню»
Удалить ссылку из wordpress
Для того добавить/изменить/удалить/вывести из публикации новость:
- Раскройте вкладку Записи
- Выберите Записи
Добавление новостей в wordpress
Для добавление свежей «Новости» нажмите Добавить новую рядом с заголовком «Заметки»
Заполните форму как на картинке
Добавление свежей новости в wordpress
- Введите название «Новости»
- Задайте логичной название в URL, в качестве разделителя используйте «-«
- Напишите сам текст новости, с помощью ярлычков выше форматируйте его, а также вставляйте изображения
- Раскрой вкладку «Видимость», установите галочку «Прилепить на главную страницу»
- Нажмите «Опубликовать»
В итоге ваша новость окажется наверху. Т.к максимальное количество новостей на странице равно 3, то последняя «Новость» в списке исчезнет.
Добавление свежей новости в wordpress
5. Добавление новых страниц и создание ссылок на них с главной страницы?к вопросам
Для того добавить/изменить/удалить/вывести из публикации страницы:
- Раскройте вкладку Страницы
- Выберите Страницы
Добавление статей в wordpress
Нажмите «Добавить новую» рядом с заголовком «Страницы»
Добавление статей в wordpress
- Введите название «Статьи»
- Задайте логичной название в URL, в качестве разделителя используйте «-«
- Напишите сам текст статьи, с помощью ярлычков выше форматируйте его, а также вставляйте изображения
- Выберите robotsmeta и впишите index,follow. Это нужно что поисковики индексировали страницу
- !Раскрой вкладку «Статус», установите «На утверждение» если вы хотите поместить статью на Главную страницу. Если вы хотите просто сохранить страницу, оставьте «Черновик»
- Нажмите «Опубликовать»
Добавление статей в wordpress
После этого статья появиться на главной странице
Для того что бы создать ссылку на только что созданную страницу , перейдите в раздел «Меню». Следуя инструкции 3 , добавьте ссылку в меню , выбрав из списка «Моя новая страница»
6. Размещение объектов (заголовков, текста, фото, видео, слайд-шоу) в определенном месте?к вопросам
Размещать разного рода контент можно только в поле «Страницы»
Зайдите в любую страницу или создайте новую. Вы увидите следующие
Редактирование, добавление объектов и заголовках в WordPress
- Добавить «Изображение»
- Добавить «Видеофильм»
- Добавить «Аудиофайл»
- Добавить «Медиафайл»
- Для выбора размера заголовков используйте выкидной список: «Абзац»
1) Добавить изображение
Редактирование, добавление объектов и заголовках в WordPress
1)Добавить изображение с компьютера
1.1)Для этого нажмите «Выберите файл».Выберите изображение на вашем компьютере формата JPEG,GIF,PNG
1.2)Нажмите «Вставить в запись»
2)Добавить из библиотеке на сайте
2.1)Выберите нужное изображение из списка, нажмите «Показать»Для добавление файлов в этот раздел, зайдите в «медиафалы» в основном меню
2.2)Нажмите «Вставить в запись»
2.3)Если вы что то редактировали, нажмите «Сохранить все изменения»
3)Добавить изображение с другого сайта
3.1)Введите URL до файла , например: http://www.dispsoft.ru/logo.jpg
3.2)Нажмите «Вставить в запись»
По аналогии добавляются видео, аудио, медиа файлы. Различие лишь в разрешениях
Write a comment
- Required fields are marked with *.
Массовое редактирование вашего сайта на WordPress
И снова здравствуйте!
С вами на связи ваш друг и немного наставник — Юрич!
Сегодня я бы хотел рассказать о массовом редактировании страниц, постов, картинок, комментариев и т. д. Это хорошо когда у вас маленький блог с 10-20 страниц, ну а если вы ведете свой блог уже не один год и у вас накопилось постов 300, 500 или 1000.
И тут вы решаете что пора сменить тему на более продвинутую и современную. Вы ставите тему и видите что все выглядит не так как нужно вам. Миниатюры маленькие или наоборот большие, комментарии везде запрещены, а все посты не показываеют мета-данные.
Вот когда вам понадобится массовое редактирование, чтобы не сидеть по одной статье не перебивать все вручную.
Если вам когда-либо приходилось вносить изменения в число опубликованных постов на вашем веб-сайте WordPress, вы, вероятно, знаете, что надо редактировать пост за постом. К счастью, есть более простой способ! Массовое редактирование в WordPress позволяет одновременно вносить множество изменений в свой сайт — будь то обновление статуса ваших публикаций и страниц, изменение URL-адресов, изменение размера изображений или улучшение СЕО.
Хотя это не совсем продвинутые функции уровня, они спрятаны и не обязательно являются простейшими настройками для поиска. Продолжайте читать, чтобы узнать, как выполнять массовое редактирование в WordPress.
Почему массовое редактирование в WordPress?
Как я привел пример выше, если на вашем сайте всего несколько страниц, массовое редактирование может показаться не очень полезным. Конечно, перебирать десять страниц и менять одно и то же десять раз — это не похоже на прогулку по парку, но это, конечно, не самая трудоемкая задача.
Тем не менее, когда вы увеличиваете масштаб своего сайта, то теперь у вас есть огромная проблема. Задача, которая казалась не очень тяжелой на десяти или даже двадцати страницах, может казаться непреодолимым тупиком на протяжении тысячи. К счастью, это не является совсем непреодолимым благодаря массовому редактированию WordPress.
Просмотр большего количества элементов на странице
По умолчанию WordPress отображает 20 элементов на странице, например, в списке «Редактировать сообщения» или «Редактировать теги». Если существует более 20 элементов, WordPress будет разбивать на страницы, создавая несколько страниц в списке.
Для редактирования большого количества элементов в этих списках полезно начать с отображения как можно большего количества элементов. Нажмите на вкладку «Параметры экрана» в правом верхнем углу страницы, чтобы развернуть ее. Затем, рядом с «Количество элементов на странице:» введите 999, максимальное значение. Если у вас есть тысяча или более элементов для редактирования, по крайней мере, вы можете вносить эти изменения большими партиями.
Массовое редактирование сообщений и страниц
После установки достаточного количества элементов, чтобы увидеть большинство или все ваши сообщения или страницы, вы можете выбрать все, используя флажок в верхней части левого столбца. Затем выберите «Изменить» в раскрывающемся списке «Массовые действия» и нажмите «Применить».
Такое меню должно появиться в верхней части списка:
Из этих опций вы можете щелкнуть символ X (крестик) рядом с названием любого сообщения или страницы, чтобы удалить его из массового действия.
На странице редактирования сообщений вы можете сделать следующее:
- Добавить категории и теги
- Сменить автора
- Включить или выключить комментарии
- Изменить статус сообщения
- Изменить формат сообщения
- Разрешить или запретить пингбэки
- Делать посты прикрепленными или нет
В списке «Редактировать страницы» вы можете сделать следующее:
- Сменить автора
- Добавить родительскую страницу
- Изменить шаблон
- Включить или выключить комментарии
- Изменить статус страницы
Вы можете комбинировать эти действия с панелью поиска. Например, если вы решили создать новую категорию, вы можете использовать панель поиска в списке «Редактировать сообщения», чтобы найти старые сообщения, которые соответствуют новой категории и добавить их в нее.
Для страниц или сообщений вы также можете выбрать «Переместить в корзину» из выпадающего списка «Массовые действия», чтобы удалить сразу большое количество страниц или сообщений.
Массовое редактирование категорий и тегов
Выше вы видели, что редактируя свои сообщения, вы можете массово добавлять их в категории или теги. Однако, часто очистка этих таксономий включает удаление из них постов или их удаление полностью. Это происходит, когда вы получаете много категорий или, особенно, тегов, в которых есть только одна или две записи. Вы можете обсудить лучший способ сгруппировать контент по своему усмотрению, но общепринято, что чем больше, тем больше категорий и тегов.
По умолчанию единственное массовое действие, к которому у вас есть доступ на страницах «Редактировать теги» или «Редактировать категории» — это удаление:
Тем не менее, удобный бесплатный плагин под названием Term Management Tools изменит это (правда плагин не обновлялся уже очень долгое время). Используя этот плагин, у вас есть возможность:
- Объединить две или более категории или тега в один
- Массовый набор родительских категорий для создания иерархии
- Изменить таксономии (т. е. вы можете изменить тег на категорию или наоборот)
Установка и активация плагина просто добавляет эти действия в выпадающий список на страницах «Редактировать категории» и «Редактировать теги».
Массовое редактирование комментариев
Если ваш блог привлекает много внимания (поздравляю!), в какой-то момент вам может понадобиться массовое редактирование ваших комментариев.
Одной вещью, для которой полезно массовое редактирование WordPress, является отключение комментариев на многих страницах одновременно. Используя приведенные выше инструкции для массового редактирования всех своих страниц, просто измените поле «Комментарии» на «Не разрешать».
Другим распространенным явлением является необходимость отмечать многие ожидающие комментарии как спам. Плагин фильтрации спама, такой как Akismet, практически необходим для больших сайтов, которые получают много спам-комментариев. Иногда, однако, спам все еще проскальзывает. Вы можете использовать панель поиска в верхнем правом углу для поиска общих слов или имен комментаторов, которые указывают на спам-контент, и массово отправлять их в спам.
Массовое редактирование изображений
Редактирование изображений — это то, что должно быть сделано пакетом (то есть кучей), чтобы быть практичным. Даже небольшие сайты быстро достигают большого количества загруженных изображений, потому что вы часто добавляете более одного изображения в публикацию. Кроме того, это даже не учитывая тот факт, что WordPress создает несколько эскизов каждого изображения, которое вы загружаете в разных размерах.
Если вы измените свою тему на тему, в которой используется изображение другого размера, рекомендуется восстановить эскизы. Для этого вы можете использовать бесплатный плагин Regenerate Thumbnails. Чтобы использовать плагин, сначала измените размеры миниатюр в разделе «Настройки — Медиа». (Если вы изменили тему, это следует сделать автоматически.) После установки и активации плагина просмотрите медиатеку в виде списка. Затем выберите все и выберите «Регенерировать миниатюры» под выпадающим списком массовых действий.
Может быть, вам не нужно восстанавливать эскизы изображений, но вам нужно сэкономить место. Вы можете использовать плагин EWWW Image Optimizer для массовой оптимизации ваших изображений. Просто установите и активируйте плагин, настройте параметры, если это необходимо, а затем перейдите к «Media — Bulk Optimize» (Медиа — Массовая оптимизация).
Массовое редактирование Yoast СЕО заголовков и описаний
Если вы используете Yoast СЕО, у меня есть еще один козырь в рукаве. Yoast включает в себя мощный инструмент для редактирования заголовков и описаний СЕО для каждого поста или страницы на вашем сайте.
В панели управления WordPress перейдите к «СЕО — Инструменты» и нажмите «Массовый редактор». В верхней части редактора находятся вкладки для переключения между редактированием заголовков и описаний СЕО.
К сожалению, нет возможности увеличить количество элементов на странице, и нет панели поиска, поэтому параметры фильтрации немного неуклюжи. Однако использование этого инструмента намного быстрее, чем индивидуальное редактирование каждого сообщения для изменения заголовка и мета-данных.
А теперь подведем итог
Независимо от того, редактируете ли вы посты, изображения или даже СЕО-заголовки, править один за другим утомительно, да это и не нужно. К счастью, существует множество инструментов для ускорения массового редактирования WordPress, как встроенных, так и доступных через репозиторий плагинов.
Этот пост покажет вам, как массово редактировать посты, страницы, категории, теги, комментарии, изображения, СЕО-заголовки и мета-описания. Однако это также должно помочь расширить ваш кругозор. Если вы когда-нибудь обнаружите, что выполняете какую-то скучную и повторяющуюся задачу в WordPress, скорее всего, кто-то написал плагин для решения вашей проблемы. Массовое редактирование WordPress — это мощная функция производительности, которая необходима для больших сайтов.
Вот такая вот статейка! Но на этом все и до скорых встреч!
Теперь вопрос к вам: какие еще замечательные инструменты существуют для массового редактирования WordPress? Поделитесь своими любимыми советами и рекомендациями в комментариях ниже!
Навигация по записям
Юрич:
Занимаюсь созданием сайтов на WordPress более 6 лет. Ранее работал в нескольких веб-студиях и решил делиться своим опытом на данном сайте. Пишите комментарии, буду рад общению.
Не забудьте подписаться на обновления:
Похожие записи
Оставить свой комментарий
Как настроить тему с помощью редактора внешнего вида WordPress
До сих пор у вас была возможность настроить WordPress CMS с помощью различных удобных редакторов. Настройщик позволяет вам предлагать различные варианты внешнего вида, поддерживаемые вашей темой. Но когда вы решите персонализировать свой сайт сверх указанных параметров, вам следует знать о редакторе внешнего вида WordPress.
Среди множества файлов в WordPress, которые можно изменять, есть два особенно интересных. Речь идет о файлах шаблонов и таблиц стилей темы, которые вы можете редактировать прямо из WordPress.
Прежде чем вы даже начнете думать об изменении кода самостоятельно, мы должны предупредить вас, что WordPress не создает резервные копии затронутых файлов. Так что любые изменения постоянны.
Как редактировать темы с помощью редактора внешнего вида
Когда вы будете готовы узнать больше о WordPress и запачкать руки, набрав произвольный код, перейдите в Внешний вид -> Редактор. Этот встроенный редактор позволяет вам изменять код, хранящийся в файлах шаблона и таблицы стилей темы. Как только вы откроете его, файл style.css, который использует ваша текущая тема, будет автоматически отображаться перед вами.
В зависимости от настроек вашего сайта у вас может не быть доступа к некоторым файлам. Если это так, WordPress отобразит предупреждающее сообщение о том, что вам нужно изменить права доступа к этому конкретному файлу. Чтобы узнать больше, посмотрите, как изменить права доступа к файлам в WordPress.
Как выбрать файлы для редактирования
Как только вы откроете редактор, WordPress покажет вам все доступные файлы шаблонов и таблиц стилей активной темы. Если вы хотите отредактировать неактивную тему, перейдите в начало списка, выберите элемент из раскрывающегося меню и нажмите кнопку «Выбрать». Затем WordPress загрузит все файлы, связанные с выбранной темой.
Чтобы выбрать файл, просмотрите список в правой части окна. У каждого из них есть имя и имя файла, указанные в скобках ниже. Чтобы отредактировать любой из файлов, просто нажмите на него, и код появится в редакторе слева.
Быть осторожен
Хотя редактирование файлов таблиц стилей относительно безопасно, редактирование файлов PHP может вызвать ошибки, которые могут сделать ваш сайт непригодным для использования. Будьте очень осторожны, если решите редактировать файлы PHP из редактора внешнего вида.
Пример: как изменить размер шрифта с помощью редактора внешнего вида
Чтобы показать вам, как работает редактор, мы собираемся изменить размер шрифта текста в сообщениях в теме Twenty Seventeen.
Прежде чем мы продолжим, мы хотели бы ненадолго отвлечь ваше внимание. В версии 4.7 WordPress представил новую функцию, которая позволяет быстрее добавлять собственный CSS. Вместо того, чтобы редактировать код через редактор внешнего вида, мы предлагаем открыть Внешний вид -> Настроить -> Дополнительный CSS, где вы можете написать любой собственный код CSS, который хотите, без прямого воздействия на таблицу стилей.
Осмотрите элементы
Если вы все еще хотите редактировать таблицу стилей напрямую через редактор внешнего вида, вот что нужно сделать:
- Откройте любой пост из своего блога
- Выделите текст сообщения
- Щелкните выделенный фрагмент правой кнопкой мыши и выберите «Проверить» или «Проверить элемент» (в зависимости от используемого браузера).
- В открывшемся новом разделе или окне найдите выделенный элемент
Класс также должен быть виден на вкладке «Стили». Если вы щелкните стиль, ваш браузер должен открыть таблицу стилей и позволить вам редактировать CSS прямо из браузера. Вы можете использовать эту функцию для тестирования собственного кода CSS перед фактическим применением изменений на вашем сайте. Поскольку мы хотели изменить размер шрифта текста в сообщениях, в наших интересах следующий код CSS:
Применить изменения
После тестирования нескольких размеров шрифта в браузере выберите тот, который вам больше всего понравился. Затем вы можете перейти в редактор и изменить шрифт:
- Перейдите в Внешний вид -> Редактор
- Если он еще не выбран, выберите файл таблицы стилей (style.css) из списка справа.
- Найдите класс “p”
- Добавьте «font-size: 50px;» (весь код должен выглядеть как тот, который мы написали выше)
- Нажмите кнопку «Обновить файл».
Новый стиль сохранен, и вы готовы перезагрузить сайт. Откройте любое сообщение, чтобы увидеть, как изменился размер текста. Если вы не видите разницы и уверены, что правильно настроили код, очистите кеш браузера или нажмите CTRL + F5, чтобы обновить страницу.
Будьте осторожны при работе с редактором внешнего вида
Редактор внешнего вида – отличный инструмент для быстрого внесения изменений в файлы шаблонов и таблиц стилей. Но чтобы извлечь из этого максимальную пользу, важно быть полностью уверенным в вносимых изменениях. Любое изменение файлов PHP может заблокировать ваш сайт до тех пор, пока вы не исправите их через FTP. Таким образом, при работе с файлами PHP мы рекомендуем вам работать с локальным файлом, который вы можете передать через FTP, всегда сохраняя исходную резервную копию. Если вы вносите изменения в таблицы стилей, не забывайте о дополнительных функциях CSS, которые были представлены несколько месяцев назад.
Источник записи: https://firstsiteguide.com
Нельзя редактировать темы wordpress из админки
Нельзя редактировать темы wordpress из админки
Недавно возникла надоедливая проблема нельзя было редактировать темы wordpress из админки.
Так же всплывало страшное сообщение. Ранее при попытке редактировать тему, но я успел заскриншотить только сообщение о редактировании плагина.
WordPress Берегитесь!
Берегитесь!
Похоже вы пытаетесь напрямую редактировать плагин из консоли WordPress. Мы не рекомендуем делать этого! Это может внести несовместимости ломающие ваш сайт, также изменения могут не сохраниться при будущих обновлениях.Если вам абсолютно нужно внести прямые правки в этот плагин, используйте файловый менеджер для создания копии под новым именем перед изменением оригинала. Таким способом вы сможете снова включить функциональную версию, если что-то пойдет не так.
о боже мой да всем насрать
Мда, очередные разработчики заботясь о нашей безопасности, и о безопасности наших детей защищают нас от (педофилов и террористов) непреднамеренных ошибок в коде. Спасибо вам конечно и поклон крестьянский до земли. Но что бы отредактировать 2 строчки по надо пол часа бродить по папкам, перекидывать их на раб. стол потом опять закидывать. Постойте! А вдруг я через ftp редактор ошибусь и закину файл не в ту папку, ой нехорошо, разработчики ftp клиентов не позаботились о нашей с вами безопасности и не предусмотрели столь важную деталь.
Ладушки, я выразил своё гневное отношение к подобной «заботе», гимор да и только.
Пора найти решение проблемы и редактировать код шаблонов по настоящему, на «живуху». В дебрях говносайтов топа от 2014 года я всё таки решил обратиться к первоисточнику и нашёл тему на официальном сайте поддержи WordPress. Редактирование файлов темы.
Мда, спама там развели немерено, особенно модераторы. Начали сваливать всё на хостеров и плагины, и мол правильно и с наименьшими рисками надо редактировать через ftp. Эээ слушай дорогой, я рисковый чувак, безбашенный, отмороженный, самый крутой на этом *банном куске камня, я хочу редактировать код темы прямо из cms, даа детка!
Не подумайте только, я не хочу задеть разрабов и тем более русскоязычных модераторов. Мне и недовольной толпе нужно решение. Действительно если разрабы услышали голоса недовольных модеров о том что юзеры постоянно ломают шаблоны и просят помощи, и после этого решили ввести ограничения. То оставьте кнопочку, лазеечку для опытных юзеров что бы включив её они наслаждались столь полюбившимся функционалом. Редактировать код из админки, это удобно, быстро, современно, прекрасно.
Но в моём случае хочу поблагодарить модератора «Yui (@fierevere)» в моём случае произошла блокировка петлевых запросов для проверки кода. Виной тому послужил плагин для форм «Contact Form by BestWebSoft».
Так же порекомендовала плагин Health Check плагин производит проверку для поиска общих ошибок в конфигурации.
Пока, на этот момент проблема решена. Но если канитель с редактором продолжиться то я загружу бекап версию 4.8.5. И останусь на ней. И на поддомене загружу и буду тестировать joomla, а потом перейду на неё (в скобочках нет, потому что геморно переносить базу данных).
Версии можно скачать тут Версии wordpress.
Количество просмотров: 968
| Категория: WordPress
Инструкция по выставлению контента: WordPress — Lemarbet
WordPress является одной из самых популярных CMS в мире, система вышла в 2003 году и до сих пор постоянно поддерживается и развивается. И хотя сначала продукт разрабатывался в первую очередь для создания и ведения собственных блогов, сегодня благодаря дополнению woocommerce пользуется огромной популярностью при создании интернет магазинов.
В рамках этой инструкции вы сможете ознакомиться с тем как быстро и просто разместить контент в WordPress. Благодаря статье вы узнаете как создавать и редактировать категории и добавлять или изменять товары в интернет-магазине. Что же с вступлением завершено, переходим к делу.
Содержание
Создание категории в WordPress
- Вход в панель администратора
- «Консоль» WordPress
- Создание новой категории WordPress
- Заполнение названия и URL
- Описание и подражания
- Выбор изображения и завершения
Создание товара в WordPress
- Вход в панель администратора
- Создание нового товара в WordPress
- Название и описание
- Yoast SEO
- Данные о товаре
- Краткое описание
- Привязка к категории и метки в WordPress
- Изображение товара и галерея
- Сохранение товара
Редактирования категории
- Подготовительные шаги
- Начало редактирования
- Редактирование основных полей
- Меняем мета-теги
- Завершение редактирования
Редактирования товара
- Начало редактирования товара
- Выбор товара для редактирования
- Редактирования. «Свойства»
- Страница редактирования товара
- Обновление товара
Выводы
Создание категории в WordPress
1. Вход в панель администратора
Для того чтобы попасть на страницу администратора для начала следует дописать к адресу интернет-магазина / admin, как показано на примере http://example.com/admin
. И ввести логин и пароль. В случае если вы не можете вспомнить пароль нажмите на соответствующую ссылку под формой.
2. «Консоль» WordPress
После корректного входа в систему мы попадаем на главную страницу админки WordPress, которая называется «Консоль». Здесь мы можем увидеть основные сведения о нашем сайте и отсюда мы будем переходить к нужным нам пунктам.
3. Создание новой категории WordPress
Теперь нам нужно перейти в боковое меню и выбрать пункт «Товары» -> «Категории». Мы попадем на страницу отображения категорий где увидим информацию по уже существующим категориям так и сможем создать новую.
4. Заполнение названия и URL
Для начала заполняем название категории. После этого по желанию можем самостоятельно задать URL будущей страницы. Для этого его нужно внести в поле «Ярлык», соблюдая формат указанный в подсказке к этому полю. Если мы этого не сделаем в URL попадет транслитерированное название категории.
5. Описание и подражания
Теперь, если это нужно, выбираем родительскую категорию, если это не нужно оставляем поле пустым. После этого вносим текст в поле описание, при необходимости мы сможем отредактировать его позже.
6. Выбор изображения и завершения
Последним шагом в создании новой категории на WordPress является выбор типа отображения. Если его не задавать, то категория отобразится по умолчанию, то есть согласно настроек шаблона. После этого мы можем задать изображение нашей категории. Для этого необходимо нажать на кнопку: «Скачать / добавить изображение», после этого или выбрать изображение которое уже было на сервере или загрузить новое. И нажать кнопку «Добавить новую категорию”. Поздравляю, только что вы успешно создали категорию в интернет-магазине под WordPress.
Содержание
Создание товара в WordPress
1. Вход в панель администратора
Для того чтобы осуществить вход в консоль, так в WordPress называют панель администратора, нужно сразу после url сайта дописать / admin. Например http://example.com/admin
. После того как вы введете правильную комбинацию логин / пароль и нажать «Вход», вы сможете перейти к следующим шагам.
2. Создание нового товара в WordPress
Для создания нового товара нам следует перейти в Меню -> «Товары» -> «Добавить новый» после чего мы попадем на страницу создания товара. Также есть альтернативный путь. Вместо меню «Добавить меню» выбираем все товары. Когда загрузится страница со всеми товарами в верхнем левом углу мы увидим кнопку «добавить новый». Также по соседству находится кнопка «Импорт» с помощью которой мы можем добавить сразу большое количество товаров с .CSV файлов.
3. Название и описание
При создании нового товара для начала мы выбираем языковую версию. После этого прописываем название для нашего товара и переходим к редактированию описания товара. В окне описания мы можем использовать все стандартные функции текстового редактора. Также кроме форматирования мы можем добавлять различные медиа файлы.
4. Yoast SEO
С помощью плагина Yoast SEO мы можем прописать мата-теги и Title. Для этого нужно нажать на кнопку «Изменить сниппет» и в соответствующих полях заполнить «Заголовок», «Цель описание» и «Фокусное ключевое слово». Дополнительно мы можем заполнить поле «Ярлык» с помощью которого мы можем самостоятельно задать будущий URL адрес товара.
5. Данные о товаре
Следующим шагом будет изменение данных товара. В рамках этого пункта WordPress позволяет задать такие необходимые свойства как: цена, размеры и наличие товара, также есть возможность проведения скидок и акций.
6. Краткое описание
В рамках этого пункта мы задаем краткое описание товара. Текст который мы внесем в поле будет отображаться сразу под ценой товара у его изображение.
7. Привязка к категории и метки в WordPress
После завершения предыдущих шагов самое время перейти к присвоению нашего товара к определенной категории. В правом боковом меню мы можем увидеть пункт «Категории товаров» в котором мы задаем в пределах какой категории будет отображаться товар. Под этим пунктом находится меню для меток товара. Метки является ни чем иным как тегами, по которым удобно искать схожие товары. После того как мы написали слово, которое по нашему мнению хорошо характеризует товар, нажимаем кнопку «Добавить».
8. Изображение товара и галерея
Один из последних пунктов — это закрепление изображения товара и создания галереи изображений. Для того чтобы задать главное изображение товара нужно нажать на соответствующую ссылку в меню, которое нам откроется, и мы сможем выбрать как уже имеющееся изображение, так и загрузить новое, подобно тому как мы делали в пункте 6 с «создания категории в WordPress». По галерее товара, с помощью ссылки «Добавить картинки галереи товара» мы попадаем в аналогичное меню, где можем задать изображения для галереи. Эти изображения дополнительно отображаться в карточке товара.
9. Сохранение товара
После выполнения всех этих шагов выполняем аналогичные действия для другой языковой версии при ее наличии. Выбрать другой язык мы можем нажав на флажок над соответствующим полем. После этого нажимаем на кнопку «Опубликовать». Поздравляю, только вы создали карточку товара в WordPress.
Содержание
Редактирования категории
1. Подготовительные шаги
Для начала нам нужно войти в панель администратора и перейти на вкладку «Категории» в пункте «Товары» бокового меню. Как это сделать вы можете ознакомиться в пределах шагов 1-3 с «Создание новой категории WordPress».
2. Начало редактирования
После того как мы попали на страницу категорий мы видим список всех уже существующих категорий. Над каждой из них мы можем выполнить следующие действия: «Изменить» — перейти к редактированию категории, «Удалить» — безвозвратно стереть категорию, «Перейти» — перейти на страницу категории в интернет-магазине. Поскольку сейчас нас интересует редактирования мы нажимаем на название категории или на «Изменить».
3. Редактирование основных полей
В рамках этого шага мы сможем с легкостью изменить данные, которые мы заполняли в пределах шагов 3-6 с «Создание категории в WordPress» используя соответствующие поля.
4. Меняем мета-теги
Также в рамках изменения категории мы можем изменить Title и мета-теги с помощью плагина Yoast SEO. Для этого нужно лишь заполнить соответствующие поля и нажать кнопку «Закрыть редактор сниппета».
5. Завершение редактирования
После завершения редактирования категории нам нужно пролистать вниз страницы и нажать на кнопку обновить.
Содержание
Редактирование товара
1. Начало редактирования товара
Для того чтобы начать редактировать уже созданный товар нам следует повторить шаги с пункта 1 в разделе «Создание товара». После этого нам нужно перейти в «Меню» -> «Товары» -> «Все товары».
2. Выбор товара для редактирования
В рамках этой страницы мы видим список всех имеющихся товаров и можем сортировать их, удалить ненужный, изменить или дублировать товар. Есть два способа редактировать товар. Мы можем перейти на редактирование всей информации о товаре или не покидая эту страницу изменить определенные его свойства. В первом случае следует нажать на название товара или на ссылку «Изменить» и перейти на страницу редактирования. Или же мы можем нажать на ссылку «Свойства».
3. Редактирования. «Свойства»
WordPress предоставляет нам прекрасную возможность заняться редактированием товара не переходя на другую страницу. Для этого на странице товаров следует привести указатель на название товара, и в появившемся меню выбрать пункт «Свойства». После этого нам откроется меню, в котором мы сможем изменить название, ссылки, метки, привязку к категории и свойства товара. После всех изменений необходимо нажать кнопку «Обновить».
4. Страница редактирования товара
В рамках этой страницы мы можем делать все то же самое что и в рамках «Создание товара в WordPress». Если коротко то вы можете изменить название, описание, изображение, свойства, мета-теги и привязку товар в категорию. С подробным порядком действий вы можете ознакомиться в шагах 3-8.
5. Обновление товара
После того как вы завершите все работы по редактированию товара Вам останется только нажать кнопку «Обновить». Все, товар изменены.
Содержание
Выводы
Что же вот и завершилась наша инструкция по выставлению контента на сайтах под управлением CMS WordPress. Следуя этим простым шагам вы сможете легко и быстро создать товар или категорию и заняться их редактированием. Держа статью под рукой вы всегда сможете вернуться к тому моменту который Вам нужен благодаря навигации.
В случае если у Вас нет времени на прочтение статьи всегда можно посмотреть видео. Оно наглядно повторяет основные моменты которые нужно знать. Надеемся, что эта информация пригодится Вам. Подписывайтесь на нашу e-mail рассылку, впереди еще много интересного!
Как редактировать темы в WordPress?
Найти идеальную тему для вашего сайта WordPress — непростая задача. С одной стороны, у вас будут тяжелые темы, интегрированные с шорткодами и плагинами для построения страниц. С другой стороны, вы можете получить легкие темы с невероятной скоростью. Какую бы тему вы ни выбрали, маловероятно, что вы получите все функции в одной теме. В этой статье мы объясним, как отредактировать тему WordPress и добавить свои настройки.
Файлы тем WordPress
В зависимости от структуры ваша тема может иметь разный набор файлов. Однако есть некоторые файлы шаблонов, которые чаще всего используются во всех темах WordPress. Например, ниже приведены некоторые из важных файлов, доступных в двадцать двадцать одной теме WordPress.
- Style.css — содержит все определения стилей CSS для вашей темы.
- Functions.php — здесь вы можете добавлять функции и вызывать основные функции WordPress, чтобы ваша тема работала. Этот файл действует как плагин, расширяющий возможности ядра WordPress.
- Single.php — файл шаблона для одного сообщения
- Page.php — файл шаблона для одной страницы
- Archive.php — файл шаблона для страниц архива, таких как категории и теги
- Header.php и footer.php — файлы шаблонов верхнего и нижнего колонтитула
Какие функции вы можете добавить в файлы темы?
Есть много причин, по которым вам нужно редактировать файлы тем WordPress. Вот несколько примеров:
- Если вы используете плагин Yoast SEO, вам необходимо добавить функцию для включения хлебных крошек.
- Вставьте AdSense или другие рекламные коды.
- Добавьте код отслеживания Google Analytics в заголовок.
Как редактировать файлы темы WordPress?
Прежде чем пытаться редактировать файлы, убедитесь, что вы правильно поняли файл, который хотите отредактировать. В большинстве случаев вам может потребоваться отредактировать файл functions.php для добавления дополнительных функций в вашу тему. Также распространено добавлять PHP-код в отдельные шаблоны, шаблоны верхнего, нижнего колонтитула или страницы. Если вы не уверены, какой файл редактировать,
Есть три разных способа редактировать файлы тем WordPress.
1. Редактирование из панели администратора WordPress.
Следуйте приведенным ниже инструкциям, чтобы редактировать файлы темы из панели администратора WordPress.
- Войдите в свою административную панель WordPress и перейдите в меню «Внешний вид> Редактор тем».
- WordPress покажет вам предупреждающее сообщение и нажмите кнопку «Я понимаю», чтобы продолжить.
- Выберите свою активную тему из раскрывающегося списка «Выбрать тему для редактирования» :.
- Выберите файл в разделе «Файлы темы» и отредактируйте его в области содержимого.
- Нажмите кнопку «Загрузить файлы», чтобы сохранить изменения.
2. Использование приложения «Диспетчер файлов» из учетной записи хостинга.
Если вам не нравится редактировать файл в панели администратора, альтернативным вариантом является редактирование из учетной записи хостинга.
- Войдите в свою учетную запись хостинга и найдите приложение File Manager.
- Приложение может находиться в разных категориях в зависимости от интерфейса, который вы используете в своей учетной записи хостинга.
- Перейдите в папку «wp-content» и перейдите в раздел «Темы».
- Щелкните имя своей активной темы, чтобы найти все файлы шаблона темы.
- Отредактируйте необходимые файлы и обновите содержимое.
3. Удаленное редактирование с помощью FTP
Последний вариант — удаленно редактировать файлы темы с помощью программного обеспечения FTP-клиента, такого как FileZilla. Преимущество здесь в том, что вы можете использовать свой любимый текстовый редактор для редактирования содержимого. Например, мы используем скобки от Adobe. Он покажет вам подсветку синтаксиса и поможет нам избежать пропуска тегов.
- Запустите свой FTP-клиент и подключитесь к своему веб-серверу.
- Перейдите в папку «/ wp-content / themes /» и найдите папку с активной темой.
- Найдя нужный файл, щелкните его правой кнопкой мыши и выберите опцию «Редактировать».
- Измените содержимое и повторно загрузите файл на сервер.
Риски при редактировании файлов темы
Редактирование файлов темы на вашем сайте сопряжено с множеством рисков.
Обновление темы
Хотя вы можете редактировать тему разными методами, у вас одинаковый риск для всех методов. Каждый раз, когда вы обновляете тему до следующей версии, все ваши изменения стираются. Например, вы могли изменить цвет заголовка с красного на синий в файле style.css. После обновления темы заголовок на вашем сайте вернется к исходному красному цвету. Это причина, по которой WordPress предупредит вас, когда вы попытаетесь получить доступ к файлам темы в панели администратора.
Предупреждение в редакторе темНеустранимые ошибки PHP
Неправильное добавление содержимого в файлы шаблонов может нарушить макет вашего сайта. Например, такие ошибки, как оставление закрывающего тега PHP, забывание запятой или точки с запятой и добавление точки в файле functions.php, покажут вам белый экран смерти. Поэтому при редактировании PHP-кода следите за правильным синтаксисом.
Альтернативные варианты добавления функций
Лучший и рекомендуемый способ добавления функций на сайт WordPress — использовать дочернюю тему. Однако это не поможет вам в редактировании существующей функции в файле шаблона вашей родительской темы. Другой вариант — использовать WordPress Hook API и вставлять настраиваемые разделы на свой сайт, что непросто для обычных пользователей. Однако такие темы, как GeneratePress и Astra, предлагают это как часть темы, так что вы можете вставлять собственные функции.
Как редактировать контент вашего сайта WordPress
13 августа 2014 г. Тим Советы и полезная информация, WordPress
В предыдущем посте я рассказал о настройке и настройке веб-сайта WordPress с помощью виртуального хостинга XMission. В этой статье я расскажу, как редактировать контент вашего сайта WordPress. Хорошие новости! Редактировать текст и изображения очень просто! Вот как это сделать:
ПРИМЕЧАНИЕ. В этом сообщении используются скриншоты и терминология из WordPress версии 3.9.1. Другие версии WordPress могут иметь небольшие отличия по внешнему виду или формулировкам, но ключевые концепции идентичны.
Войдите в свой сервер WordPress
Серверная часть или «область администрирования» вашего сайта WordPress — это место, где происходит создание и редактирование контента. Расположение по умолчанию для вашей серверной части — http://yourWebsite.com/wp-admin (замените yourWebsite.com адресом своего веб-сайта).
Введите имя пользователя и пароль, указанные при настройке WordPress или предоставленные вашим веб-разработчиком.
Перейти в раздел Страницы
После входа в систему вы увидите панель управления и меню в левом столбце.Контент должен быть организован по страниц или, для блогов, по сообщений . Сообщения и страницы практически одинаковы в отношении редактирования; в этой статье изображения и обсуждение сосредоточены на страницах.
Щелкните Pages или подменю All Pages , чтобы просмотреть список существующих страниц. Щелкните подменю Добавить новый , чтобы создать новую страницу.
Редактировать страницу
Если вы создали новую страницу, вы можете пропустить этот шаг.
Чтобы отредактировать существующую страницу, наведите указатель мыши на заголовок страницы (e.грамм. Home на образце изображения слева) в списке страниц, чтобы увидеть ссылки для редактирования. Щелкните Изменить , чтобы изменить указанную страницу.
Вкладка визуального режима
Существует два режима редактирования содержимого WordPress: текстовый и визуальный. Визуальный режим является приблизительным представлением того, как будет выглядеть опубликованный контент, и включает кнопки форматирования для полужирным шрифтом , курсивом , strikethru и т. Д. Крайняя правая кнопка Toolbar Toggle показывает дополнительный ряд кнопок.Выделите содержимое и нажмите кнопку, чтобы применить этот стиль к выделению. Не стесняйтесь экспериментировать с этими элементами управления — вы ничего не сломаете, и вы всегда можете удалить или не сохранять свои истечения.
Вкладка текстового просмотра
Текстовый режим показывает весь HTML-код, который управляет макетом, стилями, медиаресурсами и т. Д. Это расширенный режим редактирования, и если вы не знакомы с HTML, это представление может сбивать с толку. Если вы хотите изучить HTML, ознакомьтесь с такими ресурсами, как «Введение в HTML» от w3school.
Добавление изображения / мультимедиа
Чтобы добавить изображение к содержимому, нажмите кнопку Добавить мультимедиа над элементами управления форматированием, и появится диалоговое окно «Вставить мультимедиа». Вы можете просмотреть существующие изображения, которые были загружены, на вкладке «Медиа-библиотека» или щелкнуть Загрузить файлы , чтобы добавить новое изображение. WordPress имеет удобный интерфейс перетаскивания, или нажмите Select Files , чтобы открыть диалог просмотра файлов. Вы можете удобно перетаскивать несколько файлов одновременно.
Настройки изображения
Диалоговое окно ДЕТАЛИ ПРИЛОЖЕНИЯ появляется справа для каждого загруженного изображения. Здесь вы можете установить заголовок (текст, который появляется, когда вы щелкаете изображение, чтобы просмотреть его как полноразмерный), замещающий текст (текст, который появляется, если изображение не полностью загружено или не загружается) и описание. Эти поля являются необязательными, и лично я редко использую их за пределами галерей изображений, которые заслуживают дополнительной информации.
НАСТРОЙКИ ДИСПЛЕЯ ПРИЛОЖЕНИЯ управляют тем, как ваше изображение будет отображаться на странице.Выравнивание говорит само за себя, текст будет обтекать изображение, если на нем достаточно места. «Ссылка на» устанавливает поведение, когда пользователь щелкает изображение. Это удобно для использования уменьшенного эскиза, который перетекает вместе с контентом, но позволяет пользователю просматривать изображение с полным разрешением по мере необходимости. Размер определяет размер миниатюры, создаваемой для содержимого. Если вы выберете «Полный размер», изображение не будет масштабировано. Если вы выберете «Полный размер», имейте в виду, что он может не поместиться на странице. Я рекомендую установить Link To на None при вставке полноразмерных изображений, поскольку это избыточно.
Когда закончите, нажмите Вставить на страницу , чтобы сделать именно это.
Сохраните изменения
После завершения редактирования сохраните изменения в разделе . Опубликуйте в правом верхнем углу. Сохранить черновик сохранит ваш прогресс, не делая его видимым во внешнем интерфейсе, чтобы вы могли вернуться и закончить позже. Нажмите Опубликовать , чтобы внести изменения.
Для получения дополнительной информации о редактировании содержимого вашего сайта WordPress, обратитесь к этим полезным ресурсам:
лучший блог на wordpress, лучшие советы по wordpress, ведение блога, редактирование wordpress, профессиональные услуги, веб-дизайн, ресурсы веб-сайтов, WordPress, настройка WordPress, ресурсы wordpress
Как добавить или обновить контент на своем веб-сайте WordPress
Чтобы добавлять или обновлять контент на веб-сайте WordPress, у вас должны быть права администратора, редактора, автора или участника.
Фон:
Контент может быть добавлен на сайт WordPress в одном из двух форматов: как Page или как Post .
- страница предназначена для контента, который не зависит от времени, например. Страницы «О нас» или «Контакты»
- Сообщение предназначено для контента, актуального по времени и обычно отображаемого в обратном хронологическом порядке. Сообщения могут иметь комментарии и связанный RSS-канал. Примерами содержания, подходящего для публикации, могут быть «Новости» или «События».
И страницы, и сообщения имеют связанные заголовки и контент, и внешний вид веб-сайта не будет меняться между ними.
Прежде чем начать работу с WordPress, оцените свой контент
Решите, нуждается ли ваш текущий контент в редактировании или вам нужно добавить новый контент на ваш сайт.
Как редактировать текущий контент:
- Войдите на свой сайт WordPress
- Если вы редактируете сообщение:
- Нажмите «Опубликовать»> «Все сообщения»
- Найдите сообщение, которое вы хотите отредактировать, и нажмите на заголовок или на «Изменить» (который появляется, когда заголовок наведен мышкой)
- Внесите желаемые изменения
- Либо:
- нажмите «Сохранить черновик», если хотите вернуться позже, чтобы поработать над публикацией, или
- , если вы готовы опубликовать сообщение, нажмите «Опубликовать», если вы готовы к немедленному размещению его на вашем веб-сайте, или
- , если вы готовы опубликовать сообщение, но хотите, чтобы оно было опубликовано позже, нажмите «Изменить» рядом с «Опубликовать немедленно» и выберите, когда вы хотите, чтобы сообщение было опубликовано.
- Если вы редактируете страницу:
- Нажмите «Опубликовать»> «Все страницы»
- Выберите страницу, которую вы хотите отредактировать, и либо щелкните заголовок, либо «Редактировать» (который появляется при наведении на заголовок указателя мыши)
- Внесите желаемые изменения
- Либо
- нажмите «Сохранить черновик», если хотите вернуться позже, чтобы поработать над страницей, или
- , если вы готовы опубликовать страницу, нажмите «Опубликовать», если вы готовы к немедленной публикации страницы на вашем веб-сайте, или
- , если вы готовы опубликовать страницу, но хотите, чтобы она была опубликована позже, нажмите «Изменить» рядом с «Опубликовать немедленно» и выберите, когда вы хотите опубликовать публикацию.
Примечание. Когда вы добавляете или редактируете контент и нажимаете «Return», вы начинаете новый абзац; когда вы нажмете «Shift + Return», вы начнете со следующей строки.
Как добавить новый контент:
- Войдите на свой сайт WordPress
- Если вы добавляете свой контент через новое сообщение:
- Нажмите «Опубликовать»> «Добавить новый»
- Добавьте новый контент, включая заголовок
- Если применимо, в разделе «Категории» (правый столбец) выберите соответствующие категории для сообщения.
- Либо:
- нажмите «Сохранить черновик», если хотите вернуться позже, чтобы поработать над публикацией, или
- , если вы готовы опубликовать сообщение, нажмите «Опубликовать», если вы готовы к немедленному размещению его на вашем веб-сайте, или
- , если вы готовы опубликовать сообщение, но хотите, чтобы оно было опубликовано позже, нажмите «Изменить» рядом с «Опубликовать немедленно» и выберите, когда вы хотите, чтобы сообщение было опубликовано.
- Если вы добавляете свой контент через новую страницу:
- Нажмите на страницу> Добавить новый
- Добавьте новый контент, включая заголовок
- Либо:
- нажмите «Сохранить черновик», если хотите вернуться позже, чтобы поработать над страницей, или
- , если вы готовы опубликовать сообщение, нажмите «Опубликовать», если вы готовы к немедленному размещению его на вашем веб-сайте, или
- , если вы готовы опубликовать страницу, но хотите, чтобы она была опубликована позже, нажмите «Изменить» рядом с «Опубликовать немедленно» и выберите, когда вы хотите, чтобы страница была опубликована.
Примечание. Когда вы добавляете или редактируете контент и нажимаете «Return», вы начинаете новый абзац; когда вы нажмете «Shift + Return», вы начнете со следующей строки.
Редактировать страницы, плагины и файлы WordPress: 110% Руководство для начинающих
Когда вы создаете веб-сайт WordPress, и клиент говорит, что «все идеально, как есть», нет ничего лучше этого ощущения, верно? Вы провели исследование, вы потратили время и точно предвидели и учли их потребности.
Затем, где-то в конце, кто-то просит вас отредактировать их сайт WordPress. Фу.
Но когда слово «редактировать» стало таким негативным?
В некоторых сферах работы редактирование является естественной ее частью.Возьмем, к примеру, The Digital Inkwell, друга WP Buffs. Они производят и редактируют контент для клиентов. И поскольку многое из того, что они пишут, вращается вокруг WordPress, нередко пишут о том, как и почему правки важны для поддержания должного уровня обслуживания.
Вместо того, чтобы смотреть на редактирование как на рутинную работу, посмотрите на него как на способ гарантировать, что ваша работа останется сильной. И чтобы ваши клиенты остались довольны тем, что вы создали для их бизнеса.
Единственная часть редактирования сайта WordPress, которая может показаться утомительной, — это когда вам нужно выяснить, куда перейти, чтобы отредактировать его.Это потому, что нет единого центрального редактора. Например, редактирование веб-страницы происходит в WordPress, когда редактирование основного файла, такого как .htaccess, происходит в вашей панели управления.
Итак, считайте это своим кратким руководством, которое поможет вам более эффективно редактировать WordPress.
Вы научитесь редактировать:
Наша команда в WP Buffs посвящена тому, чтобы помогать владельцам веб-сайтов, партнерам агентств и партнерам-фрилансерам редактировать свои страницы WordPress, сообщения и многое другое 24/7. Если вам нужно, чтобы мы управляли 1 веб-сайтом или поддерживали 1000 клиентских сайтов, мы готовы помочь.Прежде чем что-либо редактировать в WordPress 📝
В WordPress есть некоторые типы правок, которые с меньшей вероятностью приведут к безвозвратному ущербу. Например, редактирование страницы требует минимального риска. Это потому, что WordPress хранит старые версии в базе данных и предоставляет к ним быстрый доступ для восстановления прямо на странице или в публикации, над которой вы работаете.
Каждый раз, когда вы нажимаете кнопки «Сохранить черновик» или «Обновить», WordPress сохраняет там новый. Так что, если вы решите серьезную проблему, переписав или переделав страницу, не беспокойтесь, если вы уже сохранили свои шансы.Еще не все потеряно, просто откройте «Редакции» и верните страницу в желаемое состояние.
Тем не менее, есть и другие виды правок WordPress, которые вы можете сделать с невероятно высоким риском. Как редактирование таблицы стилей темы или файла WordPress .htaccess.
Прежде чем вы начнете серьезно редактировать WordPress — способ, который может повредить веб-сайт или вообще нарушить доступ к нему — не забудьте вручную создать резервную копию своего веб-сайта. BlogVault — это сверхнадежный плагин WordPress, который обеспечит бесперебойное резервное копирование вашего сайта (и возможное восстановление после редактирования).
Редактировать страницы и сообщения WordPress ✍️
Примерно в начале каждого года публикации о веб-дизайне публикуют сообщения, в которых объявляются новые тенденции наступающего года. Писательница WordPress Сюзанна Скакка, однако, предположила, что 2019 год должен стать годом, когда веб-дизайнеры редактируют материал из веб-сайтов своих клиентов:
Хотите улучшить дизайн своего сайта в 2019 году? Перестаньте беспокоиться о том, какие будут самые горячие тенденции. Пришло время сократить расходы, чтобы получить больше удовольствия от работы на мобильных устройствах.https://t.co/PruNxA02S7 #webdesign #website #mobiledesign #webdesigntrends pic.twitter.com/7ymBbRfCw7
— Сюзанна Скакка (@SEScacca) 13 декабря 2018 г.
Независимо от того, какой путь вы выберете, новый год — это всегда отличная возможность отредактировать веб-сайт, чтобы придать ему новый вид. Это может быть изменение слов на ваших страницах, как предлагает Джон Хьюз, или улучшение визуальных элементов.
В любом случае вы собираетесь редактировать страницы и сообщения WordPress в одном и том же месте:
Чтобы отредактировать страницу или сообщение, которое вы создали, перейдите в соответствующее меню администратора и найдите тот, который нужно обновить.Обратите внимание, что здесь нельзя редактировать заголовок, нижний колонтитул или другие базовые стили темы. Это только для контента, который находится на странице или в публикации.
С точки зрения редактирования страницы это сделать достаточно просто. Но что усложняет, так это редактор WordPress.
✍️ Редактор #WordPress предлагает так много возможностей! Выбор неправильного для вашего личного стиля работы может повлиять на то, насколько хорошо и какую часть страницы вы можете редактировать. Будьте в курсе, друзья мои. Нажмите, чтобы твитнутьКлассический редактор
До конца 2018 года редактор WordPress — теперь известный как «классический редактор» — был по умолчанию для каждой новой установки WordPress.
Вот как это редактировать страницы WordPress с помощью классического редактора:
Как видите, классический редактор использует окно редактора WYSIWYG. Затем весь контент создается и редактируется с этой единой панели. Для пользователей, которые знакомы с редактированием контента в текстовых документах или тех, которые просто использовали WordPress в течение длительного времени, это (или было ) простой редактор, к которому можно адаптироваться.
Однако у классического редактора есть ограничения, поэтому WordPress недавно перешел на него.
Редактор WordPress (Гутенберг)
Начиная с декабря 2018 года, WordPress перешел на новый редактор (также известный как «Gutenberg»). Пользователям WordPress пришлось ко многому привыкнуть с редактором Гутенберга, включая новый способ создания и редактирования контента WordPress.
Тем не менее, Ник Адамс считает, что пора внести изменения в редактор WordPress:
«Гутенберг представляет будущее WordPress и, следовательно, треть Интернета.Хотя конструкторы страниц не новы, наличие конструктора визуального контента в качестве стандартного средства редактирования для WordPress представляет собой сдвиг в опыте, который ожидает новых владельцев веб-сайтов и создателей контента в мире, который быстро становится все более связанным с препятствиями для обмена информацией ниже, чем они когда-либо были в истории. Хотя Гутенбергу предстоит пройти долгий путь, это также показывает, как далеко мы продвинулись ».
Вот как это редактировать страницы WordPress с помощью редактора Гутенберга:
В центре — сам редактор.Справа находится то место, где пользователи могут детализировать и выполнять дальнейшие настройки на уровне страницы или блока.
Как вы можете видеть в этом примере, вы должны быть осторожны с редактированием в Gutenberg. Имея возможность настраивать такие элементы, как размер шрифта и цвета, вы рискуете позволить пользователям легко вносить изменения, которые отклоняются от согласованного брендинга, установленного вокруг веб-сайта.
Если вы настроите это с помощью заранее разработанных и одобренных блочных элементов, вы сможете сократить время, которое ваши клиенты и другие пользователи тратят на редактирование WordPress.Как рекомендует SiteGround:
«Сохраняйте пользовательские сборки, чтобы ускорить создание контента в будущем и обеспечить единообразный вид на всех страницах».
Строители страниц как редакторы
Есть еще один способ редактировать страницы и сообщения WordPress, и это с помощью плагина для построения страниц, такого как Beaver Builder или Elementor. Многие предпочитают эти инструменты визуального редактора, которые обладают множеством функций перетаскивания и позволяют редактировать столько, сколько нужно.
Beaver Builder — отличный выбор для веб-разработчиков, которые предпочитают упрощенные варианты дизайна и больше места для пользовательского кода.
Вот каково редактировать страницы WordPress с помощью плагина Beaver Builder page Builder:
Beaver Builder предлагает отличные возможности редактирования для разработчиков, которые хотят сократить ненужные отвлекающие факторы или огромное количество вариантов дизайна.
Возьмем, к примеру, модуль редактора слева.Редактирование текстовых элементов происходит в WYSIWYG, что очень удобно, поскольку пользователи WordPress привыкли к этому стилю редактирования с момента его создания. Остальная часть редактора аккуратно выложена, разделены разделы на «Общие», «Стиль» и «Расширенный».
С другой стороны,Elementor — отличный выбор конструктора страниц для веб-дизайнеров, которым требуется множество вариантов дизайна для настройки.
Вот каково редактировать страницы WordPress с помощью плагина Elementor page Builder:
Elementor добавляет множество дополнительных опций для редактирования вашего контента, его стиля и применения расширенных настроек.Интуитивно понятная компоновка инструмента построения также позволяет значительно ускорить редактирование. Кроме того, вы можете наблюдать за обновлением своей страницы в режиме реального времени по мере внесения изменений, что означает меньше времени, которое вам нужно тратить на вход и выход из режима предварительного просмотра.
Реактивный ранец для помощи при редактировании
Для дизайнеров и разработчиков WordPress самостоятельное редактирование текста может быть трудным. Вы мастер визуализации и кода, а не слов. Хотя вы можете нанять корректора, который поможет вам с этой частью, сначала подумайте о добавлении Jetpack на свои сайты, как предлагает Боб Данн из BobWP.
Боб знает лучше! У нас была возможность пообщаться с ним в подкасте WPMRR WordPress, настроиться и услышать, как он бросает бомбу мудрости Боба на контент, увеличивая трафик и никогда не бывает слишком стар, чтобы что-либо начинать.
Хотя Jetpack не сможет перефразировать или реструктурировать контент для улучшения читабельности или SEO (т. Е. Редактирования), он может обнаруживать орфографические и вопиющие грамматические ошибки (т. Е. Корректуру).
После установки Jetpack на панели инструментов WYSIWYG появится значок проверки орфографии:
При нажатии Jetpack просканирует текст и подчеркнет красным все слова, требующие вашего внимания.Чтобы просмотреть рекомендуемые предложения, просто щелкните выделенные слова и позвольте Jetpack предложить вам несколько вариантов.
Просто будь осторожен. Как и автозамена, программа проверки орфографии Jetpack имеет строгий словарный запас, на основе которого она работает. Если на вашем веб-сайте используется отраслевой жаргон или ваш писатель использует сленг, Jetpack может с трудом его очистить. Так что не принимайте его предложения автоматически как евангелие, если вы не уверены.
Редактировать изображения 🖼️
Изображения технически являются частью контента, который вы редактируете на своих страницах и в сообщениях.Однако фактический процесс редактирования происходит в отдельном рабочем пространстве.
УProblogger есть подробное руководство по всему, что вы можете делать с изображениями в WordPress. Если вы ищете советы по улучшению рабочего процесса управления изображениями, ознакомьтесь с ними. А пока давайте сосредоточимся на редактировании.
Редактирование изображений
Экран начальной загрузки изображения — не единственное, что вы можете сделать для редактирования изображений в WordPress.
Видите кнопку с надписью «Редактировать изображение»? Здесь вы можете управлять изображением, помимо добавления подписи или альтернативного текста.
Вот как выглядит редактор изображений WordPress:
Это не такой надежный инструмент для редактирования изображений, как Photoshop, но здесь вы можете сделать несколько вещей:
- Измените размеры.
- Обрежьте изображение.
- Поверните его.
- Переверните.
Вы также можете редактировать заголовок, замещающий текст и создавать описание.
Вот пример того, как редактировать изображение в WordPress:
Здесь вы не сможете поиграть с насыщенностью цвета, слоями или другими расширенными параметрами редактирования, но это, по крайней мере, поможет вам сделать основы.Таким образом, вам не придется переключаться между WordPress и вашим инструментом редактирования изображений, если изменение достаточно просто для выполнения.
Оптимизация изображения
Оптимизация изображений — чрезвычайно важная часть процесса ускорения работы сайта WordPress. И один из способов сделать это — редактировать размеры файлов изображений из WordPress. Уменьшая размер и вес файла, вы уменьшите сопротивление, которое они оказывают на скорость обработки вашего сервера.
Существует ряд инструментов сжатия изображений, которые вы можете использовать в Интернете для этих целей.Однако, если вы пытаетесь выполнить все редактирование в одном месте, лучше всего использовать для этой работы плагин WordPress. В случае оптимизации изображений EWWW Image Optimizer — отличный выбор.
Вы можете не только сжимать и изменять размер изображений, но и обрабатывать их одновременно.
Когда вы устанавливаете новую тему WordPress, она автоматически заполняет веб-сайт заголовком. Поскольку большинство веб-сайтов придерживаются традиционного макета заголовка, т. Е. Логотип слева, навигация справа, это не такая уж большая проблема.
Однако, если вы когда-нибудь хотели сделать с заголовком больше, вы должны знать, какие у вас есть варианты его редактирования.
Внешний вид> Настроить
В административном меню «Внешний вид» вы можете настроить дизайн своей темы.
Изучите доступные модули, и вы откроете для себя множество вариантов редактирования заголовков.
Доступные параметры зависят от того, какую тему вы используете. Тем не менее, вот предварительный просмотр того, что позволяет тема Astra:
Вы также можете редактировать брендинг, отображаемый в заголовке.
Header.php
Редактор тем WordPress позволяет также вносить изменения в заголовок. Вы можете найти это в разделе «Внешний вид »> «Редактор тем ».
Внутри вы найдете несколько таблиц стилей и файлов, которые позволяют редактировать настройки темы. Найдите файл header.php .
Если вы умеете писать код, попробуйте. Если нет, посмотрите, какие параметры шаблона доступны для вашей темы или конструктора страниц.Elementor Pro, например, предлагает пользователям небольшое количество шаблонов блоков заголовков:
Если в вашей теме есть что-то подобное, вы можете обнаружить, что разработчик уже создал макет или дизайн, который вы надеялись создать самостоятельно. Это избавит вас от необходимости редактировать файл заголовка самостоятельно.
Редактировать нижние колонтитулы 📮
Вы редактируете нижние колонтитулы так же, как редактируете заголовки в WordPress.
Первый вариант — пройти Внешний вид> Настроить .
Другой вариант — отредактировать файл footer.php в редакторе тем.
Честно говоря, лучший вариант — использовать инструмент «Настройка» или создать дочернюю тему, чтобы можно было применить свои изменения. Подробнее об этом дальше.
Редактировать темы WordPress 💻
Во многих случаях тема WordPress, которую вы выбрали для веб-сайта своего клиента, будет работать без изменений, особенно если это тема премиум-класса со всеми наворотами.
В других случаях вас может заинтересовать только использование простой структуры темы и последующее применение ваших собственных настроек поверх нее.Замечательно! Однако вы должны помнить, что при обновлении темы WordPress любые изменения, внесенные непосредственно в файлы темы, будут отменены.
Чтобы избежать проблем с повторением этих изменений после каждого обновления, вы можете либо придерживаться параметров редактирования, доступных в разделе «Настроить», либо создать дочернюю тему WordPress.
С дочерней темой вы по-прежнему используете родительскую тему. Однако вы можете безопасно изменить его на расстоянии. Затем ваш веб-сайт отображает изменения поверх веб-сайта, и никто во внешнем интерфейсе не знает другого.
Теперь создать дочернюю тему достаточно просто. Однако редактирование темы (дочерней или иной) требует знания CSS. Blogging Wizard рекомендует инструмент под названием CSS Hero именно для этой цели:
«Если вы обычный пользователь, вы можете придерживаться графического интерфейса, в котором вы сможете применять стили с помощью простых раскрывающихся списков и палитр цветов — никаких фактических знаний CSS не требуется. А если вы разработчик, вы также можете воспользоваться редактором кода на панели инструментов, чтобы быстро применить свои собственные настройки.”
Если вы собираетесь часто редактировать свою тему WordPress или делать то же самое для множества клиентских веб-сайтов, этот инструмент может быть ценным активом. Это гарантирует, что вы используете хорошие методы кодирования, а также сократите время, необходимое для внесения изменений.
Редактировать плагины 🔌
Честно говоря, вам не нужно много редактировать плагины WordPress. Однако, если вы действительно хотите вникнуть в них, вы можете использовать вышеупомянутый инструмент CSS Hero для редактирования стоящего за ними CSS.
Хотя в WordPress есть инструмент «Редактор плагинов», вы столкнетесь с той же проблемой, что и при обновлении родительской темы. Любое обновление, внесенное в ваш плагин, отменяет ваши изменения. Итак, лучше всего отредактировать плагин с помощью такого инструмента, как CSS Hero.
Если вы предпочитаете оставить плагины WordPress как есть, ничего страшного. Одна вещь, о которой вы, возможно, захотите подумать о редактировании, — это экран контекстной справки.
Многие разработчики WordPress уже предоставляют контекстные заметки для виджета «Справка WordPress» внутри своих плагинов.Однако, если вы чувствуете, что чего-то не хватает, вы можете отредактировать информацию, расположенную на вкладке «Справка» плагина, и помочь своим пользователям в работе внутри WordPress.
Узнайте, как редактировать контекстную справку плагина здесь.
Редактировать основные файлы WordPress 📁
Содержимое вашего веб-сайта и инструменты, которые вы используете для управления им, — это не единственное, что вы можете редактировать в WordPress. Основные файлы часто необходимо редактировать, чтобы изменить конфигурацию, исправить проблемы с производительностью или обеспечить безопасность сайта.
Чтобы получить доступ к основным файлам, войдите в свою учетную запись веб-хостинга и найдите свою панель управления. Используйте FTP или файловый менеджер для редактирования файлов.
Файл wp-config.php хранит информацию о конфигурации вашего веб-сайта, а также информацию о доступе. Возможно, вы захотите отредактировать wp-config.php на:
Файл .htaccess — это еще один файл конфигурации, который позволяет вам добавлять, изменять или удалять функции и возможности вашего веб-сайта WordPress.Возможно, вы захотите отредактировать .htaccess на:
Вы также можете использовать свой FTP или файловый менеджер для редактирования или удаления файлов, помещенных в базу данных по темам, плагинам, загрузкам пользователей и так далее.
Вы можете многое сделать с редактированием файлов в серверной части веб-сайта WordPress. Просто будьте предельно осторожны при этом и всегда не забывайте сначала создавать резервную копию своего сайта!
Заключение 🎁
Как и многие другие вещи в этой системе управления контентом, процесс редактирования WordPress не всегда прост и понятен.С таким количеством различных частей веб-сайта, его интеграции и его базы данных, открытой для редактирования, может быть сложно следить за тем, куда вы переходите для редактирования каждой.
Тем не менее, вам повезло, что существует множество способов редактирования WordPress. В отличие от других систем управления контентом, которые ограничивают то, что вы можете делать с точки зрения настройки, это дает больший контроль с вашей стороны, что также означает больший контроль над результатами веб-сайта вашего клиента.
WP Buffs всегда рады помочь вам внести правки в WordPress и многое другое! Мы тебя поддержим.
Хотите оставить отзыв или присоединиться к беседе? Оставьте свои комментарии 🐦 в Твиттере .
Как создавать и редактировать страницы и сообщения в WordPress
Страницы и сообщения являются важными, основополагающими элементами для всех веб-сайтов WordPress. Независимо от цели вашего веб-сайта, у вас будет страниц, сообщений или и того, и другого, чтобы ваш сайт работал должным образом. Между страницами и сообщениями есть несколько различий, но их создание и редактирование практически одинаковы.Имейте в виду, что, редактируя или создавая страницы и сообщения, вы также вносите изменения в свой сайт WordPress.
Продолжайте читать, чтобы узнать, как создавать и редактировать страницы и сообщения в WordPress:
Наслаждайтесь быстрым и безопасным хостингом, оптимизированным для вашего сайта WordPress, с нашими планами хостинга WordPress.
Как создать страницу или сообщение WordPress
Посмотрите наши короткие видеоуроки, чтобы узнать, как создать сообщение или страницу в WordPress.
- Войдите на свой сайт WordPress
- В левом меню наведите курсор на Pages и выберите Добавить новый . Чтобы создать сообщение , выберите вместо этого Должности .
- Вы будете помещены в редактор страниц / сообщений . Новый редактор (Gutenberg) теперь использует блочную систему и заменяет классический редактор WordPress версии 5.0. Чтобы начать новую страницу, щелкните поле заголовка и дайте своей странице заголовок.
- Затем щелкните в области основного текста (под заголовком) и начните добавлять содержимое для своей страницы. Вы можете щелкнуть обведенные кружки плюсы, чтобы выбрать различные типы блоков.
- Затем нажмите Сохранить черновик , чтобы сохранить свою работу, Предварительный просмотр , чтобы увидеть, как он будет выглядеть на вашем веб-сайте, или Опубликовать , чтобы опубликовать контент в реальном времени.
- Войдите на свой веб-сайт WordPress
- В строке меню слева нажмите Страницы или Сообщения .
- Теперь вы должны увидеть список существующих страниц. Чтобы отредактировать одну из них, просто нажмите на название этой страницы.
- Отредактируйте содержимое, затем нажмите Обновить , чтобы сохранить и опубликовать изменения.
Дополнительные советы и рекомендации по работе с WordPress можно найти на нашем образовательном канале WordPress!
Сторми Скотт, писатель по контент-маркетингуСторми — писатель по контент-маркетингу в InMotion Hosting. В центре ее контента — WordPress, веб-дизайн и справочные статьи для малого бизнеса.
Другие статьи от StormyКак редактировать тему WordPress
Когда вы впервые войдете в свою новую панель управления WordPress, вы заметите, что все выглядит немного мягко. Неплохой пресный. Просто готов к веб-сайту, светится мягко.
Первый шаг в оформлении вашего веб-сайта WordPress — это перейти в раздел «Внешний вид» на панели инструментов, нажать «Темы» и выбрать тему, которая вам больше всего нравится.
Выбор предварительно закодированной темы WordPress — отличное начало для настройки вашего веб-сайта, но то, что вы действительно можете изменить на своем веб-сайте без конструктора страниц, фреймворка и дочерней темы или прямого редактирования темы, немного ограничено.
В этой статье будут рассмотрены некоторые из технических деталей того, как вы можете редактировать тему WordPress или настраивать внешний вид вашего веб-сайта WordPress, в том числе:
- Использование конструктора страниц и фреймворков
- Редактирование CSS
- Редактирование файлов темы напрямую
- Заглянем в редактор WordPress
- Попробуем программу FTP
Внимание: убедитесь, что у вас есть резервная копия.
Прежде чем вы начнете экспериментировать с редактированием темы, позвольте мне вас предостеречь? Убедитесь, что у вас есть резервная копия вашего сайта.Когда вы начинаете изменять файлы своего сайта, можно ошибиться и испортить весь сайт.
Резервное копирование веб-сайта похоже на страховой полис. Если вы попали в аварию при кодировании (мы все были в этом), ваша резервная копия — ваш выход. Другими словами, ваша резервная копия позволяет вам вернуться к старому сайту без ущерба.
Узнайте больше о CodeGuard, сервисе ежедневного автоматического резервного копирования для вашего веб-сайта.
1. Конструкторы страниц и фреймворки + дочерние темы
Если у вас вообще нет опыта программирования и вы не хотите учиться, то отличное место для настройки стиля вашего веб-сайта — использовать конструктор страниц или фреймворк и задумайтесь о том, чтобы попытаться отредактировать тему WordPress самостоятельно.
Плагины для построения страниц позволяют создавать свой сайт с помощью удобного интерфейса. Чтобы создать дизайн своей страницы с помощью этого метода, вы устанавливаете плагин компоновщика страниц с совместимой темой.
Некоторые конструкторы верхних страниц включают Elementor, Divi и Oxygen, а также несколько других.
Если вы используете плагин для построения страниц и совместимую тему, то обычно вы можете изменить внешний вид своего веб-сайта, перетаскивая различные элементы туда, где вы хотите, чтобы они отображались.
Еще один способ дальнейшей настройки темы — проверить рамки темы и совместимую дочернюю тему. Фреймворки — это родительская тема, а дочерние темы отличаются по внешнему виду и ощущениям от фреймворка, который вы можете настроить, что делает ваш сайт уникальным.
Для своего личного блога я купил фреймворк Genesis, который хорошо работает для блогеров. Я хотел изменить внешний вид сайта, но не хотел кодировать, поэтому купил дочернюю тему Magazine Pro, совместимую с Genesis.Эта дочерняя тема позволила мне настроить фреймворк без внесения изменений в CSS.
Теперь давайте поговорим о некоторых способах редактирования темы WordPress путем фактического изменения файлов темы вашего веб-сайта.
2. Редактирование CSS
Самый простой способ редактировать тему WordPress — это редактировать CSS. Хотя это самый простой из четырех других методов прямого редактирования, которые будут обсуждаться в этом посте, важно помнить, что CSS требует некоторых базовых знаний, прежде чем вы погрузитесь в голову.
После того, как вы приобретете некоторые знания CSS, вот обзор того, как вы можете выполнять редактирование CSS в WordPress:
- Войдите в WordPress со своими учетными данными
- Обратите внимание на левую панель управления WordPress, наведите курсор на «Внешний вид» и нажмите «Редактировать CSS»
- После того, как вы нажмете «Редактировать CSS», WordPress направит вас к настройщику
- Отсюда нажмите «Дополнительный CSS»
- Когда вы окажетесь здесь, вы увидите пустое поле, в котором вы можете начать вносить изменения в структуру и стиль вашей темы
То, что вы вводите в поле «Дополнительный CSS», будет зависеть от того, что вы хотите настроить, и будет варьироваться от человека к человеку и от веб-сайта. на сайт.
Если вы новичок, у WordPress есть несколько отличных руководств, которые помогут вам начать работу с CSS. Даже когда вы перейдете к разделу «Дополнительные CSS» в настройщике, вы увидите, что WordPress предлагает некоторые ценные инструкции.
Например, в левом верхнем углу экрана вы увидите гиперссылку «Подробнее о CSS».
Когда вы нажимаете ссылку, которую предоставляет WordPress, WordPress направляет вас к полезному руководству, которое предоставляет информацию и инструкции по CSS.
Вы также заметите некоторые другие полезные пункты, которые служат напоминанием о том, что делать, когда вы используете клавиатуру для навигации.
Добавление дополнительных CSS — отличный способ внести изменения в вашу тему WordPress, особенно если вы новичок. Изменения CSS сохраняются в базе данных, но фактически не изменяют файлы темы.
Перед тем, как начать вносить изменения, не забудьте ознакомиться с CSS, взяв несколько классов CSS или используя ресурсы WordPress по CSS.
3. Прямое редактирование файлов вашей темы
Следующий способ редактирования темы WordPress — это непосредственное редактирование файлов темы. Если вы хотите, чтобы эти изменения темы были постоянными, убедитесь, что вы внесли эти изменения, когда уверены, что соответствующая тема не получит обновления. Когда тема получает обновление, иногда оно стирает фрагменты кода, добавленные вами в файлы темы, удаляя ваши изменения.
Если вы все еще хотите продолжить редактирование файлов темы, даже если вы знаете, что будут обновления темы, просто сделайте пометку, чтобы сохранить настройки вашей темы, прежде чем обновлять тему.
При редактировании темы пользователи должны помнить, что WordPress является платформой с открытым исходным кодом, и не все дизайнеры будут называть файлы одинаково. Это может затруднить пользователям WordPress поиск файла темы, который они хотят отредактировать.
К счастью, есть плагин, который помогает с этой проблемой под названием What The File. Первый шаг — установить и активировать этот плагин. Затем найдите ссылку «Что за файл» на верхней панели инструментов и нажмите «Части шаблона». Это покажет вам все файлы, относящиеся к просматриваемой странице.
Вам также необходимо знать, какая тема используется на вашем сайте. Вы можете найти это, перейдя в «Внешний вид» и посмотрев название темы.
Получив эту информацию, вы готовы к редактированию.
Вот как вы редактируете файлы темы напрямую:
- Используйте cPanel для перехода к своим файлам
- Найдите файл public_html
- Щелкните содержимое WP
- Щелкните папку с надписью «Themes»
- Щелкните в каталог с названием темы, которую вы используете (тема, которую вы нашли в разделе «Внешний вид»)
- Найдите имя файла, который вы хотите отредактировать, и нажмите «Редактировать»
- Выберите предпочтительный метод редактирования и снова нажмите «Редактировать»
- Внесите изменения в код в новом поле и нажмите «Сохранить изменения».
После того, как вы выполнили эти шаги, вы должны увидеть свои изменения в реальном времени на своем веб-сайте.Опять же, прежде чем вносить какие-либо изменения, не забудьте сделать резервную копию.
4. Редактировать с помощью редактора WordPress (и почему это не лучшая идея)
Другой способ редактировать тему WordPress — использовать базовый редактор кода, встроенный в WordPress. Редактор WordPress предоставляет доступ к файлам темы, позволяя вам вносить изменения.
Если вы выберете этот метод, помните, что у вас нет доступа ко всем файлам веб-сайта, а также сложно создавать резервные копии. Кроме того, если вы внесете здесь неправильные изменения, в результате может выйти из строя весь ваш сайт.
Многие разработчики рекомендуют вместо с помощью редактора WordPress. Однако, если вы настроены, вот как вы это сделаете:
- Войдите в свою учетную запись WordPress, используя свои учетные данные
- Перейдите на вкладку «Внешний вид» и нажмите «Редактор».
- WordPress по умолчанию будет использовать текущий активный тема в своей учетной записи
- Посмотрите в правый столбец редактора и щелкните файл, который хотите отредактировать.
- Внесите необходимые корректировки кодирования на главном экране редактирования.
- Когда вы закончите, нажмите «Обновить файл» ”В левом нижнем углу экрана
Когда вы закончите, вы увидите изменения, которые вы внесли на свой сайт WordPress.
5. Используйте программу FTP для редактирования
Следующим вариантом редактирования вашей темы является использование программы FTP (протокол передачи файлов). FTP дает вам доступ к файлам вашего хостинга и позволяет вам получать доступ к файлам, которые вы хотите редактировать.
Программа, которую вы можете использовать бесплатно, называется FileZilla и поддерживает Windows, Mac и Linux. После настройки FTP нажмите «Учетные записи FTP» в cPanel, создайте подключения к веб-сайту, выберите файлы, которые хотите изменить, и внесите желаемые изменения.
Заключение
Ваша тема WordPress включает стиль и структуру вашего веб-сайта, и это то, что делает ваш веб-сайт отличным от любого другого веб-сайта.
Если вы новичок в WordPress, хороший способ настроить внешний вид вашей темы — это либо изучить конструктор страниц и совместимую тему, либо установить фреймворк и дочернюю тему. Любой из этих вариантов — отличный способ создать красивый сайт без написания кода.
Если вы хотите дополнительно настроить свой сайт, вам нужно знать, как редактировать тему WordPress.Вы можете сделать это несколькими способами, включая редактирование CSS, прямое редактирование файлов вашей темы, с помощью редактора WordPress или с помощью программы FTP.
Помните, что для создания настраиваемого веб-сайта WordPress вам потребуется надежная хостинговая платформа. Вы также захотите выбрать решение для веб-хостинга, в котором есть cPanel, к которой легко получить доступ и перемещаться. Ознакомьтесь с вариантами хостинга WordPress HostGator сегодня.
Эшли Р. Каммингс — профессиональный писатель-фрилансер, специализирующийся на SaaS, технологиях и рекламе / маркетинге.В прошлой жизни она была преподавателем русского языка в Университете Бригама Янга, корпоративным тренером и аспирантом одновременно. Когда она не пишет, вы можете увидеть, как она путешествует по миру с двумя детьми и мужем, читает стихи или глубоко погружается в сказочный мир комедии. Свяжитесь с ней в Твиттере по адресу @ashleyrcummings.
СвязанныеКак редактировать HTML в WordPress, не нарушая работу вашего сайта
Необходимо внести изменения в HTML на вашем сайте WordPress?
WordPress был разработан, чтобы сделать создание веб-сайтов простым для всех.Это устраняет необходимость знать кодирование. Но в случае, если вы хотите добавить функциональность или улучшить его функции, изменив код, WordPress позволяет сделать это по-разному.
В зависимости от типа изменения, которое вы хотите внести, оно может быть простым или очень рискованным. В этом руководстве вы узнаете:
1. Как редактировать HTML в WordPress в редакторе блоков
2. Как редактировать HTML в WordPress в классическом редакторе
3. Как редактировать HTML с помощью cPanel или FTP
Мы также даем вам советы о том, как безопасно редактировать HTML в WordPress, не нарушая работу вашего сайта.
Шаги, которые необходимо предпринять перед редактированием HTML на вашем сайте WordPressРедактирование кода на вашем веб-сайте опасно и может привести к его поломке или неисправности. Ниже приведены два предупредительных шага, которые вы можете предпринять, чтобы убедиться, что ваш действующий сайт не пострадает, если что-то пойдет не так во время редактирования HTML:
Шаг 1. Сделайте резервную копию вашего сайтаВсегда делайте резервную копию своего сайта WordPress перед редактированием кода.
Вы можете получить резервную копию с помощью такого плагина, как BlogVault.Установите плагин на панель управления wp-admin и зарегистрируйтесь:
BlogVault автоматически создаст резервную копию вашего веб-сайта. Если что-то пойдет не так, вы можете легко восстановить резервную копию, нажав кнопку Восстановить .
Если вы хотите изучить другие варианты резервного копирования вашего сайта, вы можете найти наше сравнение лучших плагинов резервного копирования WordPress и наше руководство по ручному резервному копированию вашего сайта WordPress.
Шаг 2. Создание промежуточной средыЕсли вы пробуете и тестируете HTML, мы рекомендуем вам использовать для этого промежуточный сайт — особенно если вы планируете вносить изменения в свою тему WordPress или ядро WordPress.Не пытайтесь вносить изменения непосредственно на своем действующем сайте.
Промежуточный сайт — это копия вашего действующего веб-сайта, на котором вы можете проводить тесты и эксперименты. Любые изменения, которые вы вносите на этом сайте, не повлияют на ваш действующий сайт WordPress. Поэтому, если вы сделаете ошибки или что-то пойдет не так, ваш действующий сайт останется нетронутым.
BlogVault позволяет бесплатно создать промежуточный сайт. После завершения резервного копирования вы можете перейти к разделу Staging на панели управления BlogVault и выбрать Добавить промежуточный сайт.
Плагин создаст защищенный паролем промежуточный сайт, скрытый от поисковых систем и посетителей.
Когда промежуточный сайт будет готов, запишите имя пользователя и пароль. Посетите промежуточный сайт, введите записанные вами учетные данные для входа, и появится ваш промежуточный сайт.
Чтобы войти в систему wp-admin промежуточного сайта, добавьте «/ wp-admin» к URL-адресу промежуточного сайта, например:
Учетные данные для входа такие же, как учетные данные wp-admin вашего действующего сайта.После входа в систему вы можете приступить к внесению изменений в HTML. Вы можете протестировать различные изменения, и как только вы будете довольны изменениями, вы можете перенести их с промежуточной стадии на свой действующий сайт. Это экономит ваше время и усилия при копировании изменений на ваш действующий сайт.
Ваши изменения HTML будут добавлены на ваш действующий сайт без простоев и остановок сайта. Готовы вносить правки в HTML? Давай начнем.
Редактирование HTML на вашем сайте WordPressЕсть несколько способов редактировать HTML-код на вашем сайте.Мы покажем вам, как:
- Изменить HTML-код страниц и сообщений
- Изменить исходный HTML-код темы
Вы можете легко редактировать HTML-код своих страниц и сообщений как в редакторе Гутенберга, так и в классическом редакторе.
- Редактировать HTML с помощью Гутенберга или редактора блоков
- Редактировать HTML с помощью классического редактора
Когда WordPress представил Gutenberg или редактор блоков, это разочаровало многих из нас, пользователей. Внезапно это было большим изменением, и многие старые функции — те, к которым мы так привыкли — исчезли.
Если вы перешли на Gutenberg и не можете найти параметр редактирования HTML, выполните следующие действия. Этот метод позволит вам получить доступ и редактировать исходный код для отдельных страниц WordPress, сообщений и других типов сообщений.
Есть три способа редактировать HTML в Gutenberg:
- Создать новый блок HTML
- Преобразовать существующий блок в HTML
- Преобразовать всю страницу в HTML
Этот метод подойдет, если вы просто хотите вставить фрагмент HTML-кода на страницу или разместить сообщение на своем сайте WordPress.Например, если вы хотите использовать HTML для добавления тега перехода, заголовка и т. Д. Здесь вы создадите новый блок на своей странице, а затем вставите HTML-код.
Шаг 1: Войдите в свою панель управления WordPress и перейдите на страницу или сообщение , которое вы хотите изменить.
Шаг 2: В том месте, куда вы хотите вставить фрагмент HTML, щелкните значок + , чтобы создать новый блок.
Шаг 3: Найдите ‘Custom HTML’ и выберите его.
Шаг 4: Вы увидите вариант для ввода кода, например:
После этого вы можете просмотреть его, чтобы увидеть, как он выглядит. Сохраните его как черновик или опубликуйте , чтобы увидеть изменения на своем сайте.
2. Преобразование существующего блока в HTML (с помощью «Редактировать как HTML»)Этот метод подойдет, если вы хотите добавить HTML-код в существующий блок. Вместо создания нового блока вы можете преобразовать уже существующий блок в HTML.
Шаг 1: Войдите в свою панель управления WordPress и перейдите на страницу или сообщение , которое вы хотите изменить.
Шаг 2: Выберите блок, который нужно отредактировать, и над блоком появится меню. Нажмите на три точки справа.
Шаг 3: Выберите «Редактировать как HTML» , и вы сможете добавить свой код.
Шаг 4: После того, как вы нажмете клавишу ввода, вы, скорее всего, увидите эту ошибку:
Выберите Resolve , и вы увидите, что ваши изменения реализованы в редакторе блоков.
3. Преобразование всей страницы или публикации в HTML (с помощью редактора кода)Этот метод позволяет редактировать HTML всего вашего сообщения.
Шаг 1: Войдите в свою панель управления WordPress и перейдите на страницу или сообщение , которое вы хотите изменить.
Шаг 2: В правом верхнем углу выберите три точки, что даст вам Дополнительные инструменты и параметры .
Шаг 3: Выберите «Редактор кода» , и вы увидите, что весь ваш пост теперь преобразован в HTML.
Если у вас есть собственная HTML-страница и вы хотите вставить ее на свой сайт WordPress, вы можете использовать для этого редактор кода .
Редактировать HTML с помощью редактора Гутенберга так просто. Теперь давайте покажем вам, как использовать классический редактор.
B. Как редактировать HTML в WordPress в классическом редакторе (редактор HTML)Если вы используете классический редактор в WordPress, редактировать HTML очень просто.
Шаг 1: Войдите в свою панель управления WordPress и перейдите на страницу или сообщение , которое вы хотите изменить.
Шаг 2: В правом верхнем углу вы увидите две вкладки с названиями Visual и Text. Перейти в текстовый редактор (редактор HTML).
Шаг 3: Вся страница преобразуется в HTML. Здесь вы можете редактировать код или добавлять свои собственные фрагменты кода.
Вот и все. Вы успешно нашли опцию HTML в классическом редакторе.
2. Как отредактировать исходный код в вашей теме WordPressВозможно, вы захотите отредактировать HTML в своей теме WordPress.Риск здесь намного выше, поэтому мы настоятельно рекомендуем сделать резервную копию вашего веб-сайта и использовать промежуточный сайт для внесения этих изменений.
PRO TIP: Всегда используйте дочернюю тему для внесения изменений в вашу тему. Это связано с тем, что, когда вы вносите изменения в свою тему напрямую, после обновления темы вы потеряете все изменения, так как старая версия будет заменена новой.
Но если вы создаете дочернюю тему, вы можете продолжать обновлять родительскую тему, не теряя никаких изменений, которые вы вносите в дочернюю тему.Вы можете узнать больше о дочерних темах в нашем руководстве по обновлению тем без потери изменений.
Есть два способа внести изменения HTML в вашу тему WordPress:
1. Использование редактора файлов панели инструментов
2. Использование cPanel или FTP-клиента
1. Использование редактора файлов панели инструментовШаг 1: Войдите в свою панель управления WordPress и перейдите в раздел «Внешний вид ».
Шаг 2: Выберите редактор тем .
Шаг 3: Когда вы откроете редактор тем, вы увидите окно с предупреждением. Это говорит о том, что WordPress не рекомендует вносить здесь изменения. Если вы хотите обойти это, выберите Я понимаю.
Шаг 4: Здесь вы можете вносить всевозможные изменения, включая редактирование HTML-кода вашего верхнего и нижнего колонтитула.
Вы можете использовать боковую панель для навигации по различным файлам тем.Когда вы вносите здесь изменения, вы вносите изменения непосредственно в свою тему.
2. Использование cPanel или FTPЕсли у вас нет доступа к редактору тем или вам нужен альтернативный метод, вы можете использовать FTP или cPanel для доступа к файлам тем и внесения в них изменений.
- Использование cPanel
Панель управления или cPanel является встроенной функцией большинства провайдеров веб-хостинга. Вы сможете найти cPanel на панели управления своей учетной записи хостинга.Он дает вам доступ к файлам и папкам вашего сайта.
Шаг 1: Войдите в свою учетную запись веб-хостинга и получите доступ к cPanel.
Шаг 2: Перейдите в диспетчер файлов и откройте папку с именем public_html. Здесь находятся файлы и папки вашего сайта. Если вы назвали свою папку другим именем, выберите эту папку.
Шаг 3: Внутри папки wp-contents вы найдете папку «Темы», в которой хранятся все установленные на вашем сайте темы.
Шаг 4: Выберите текущую тему . Внутри этой папки вы найдете все файлы, которые вы можете редактировать и вносить индивидуальные изменения кодировки.
- Использование FTP
Протокол FTP или протокол передачи файлов, который представляет собой стороннее программное обеспечение, которое позволяет вам подключаться к вашему веб-серверу, на котором находятся файлы и папки вашего веб-сайта.
Шаг 1: Загрузите и установите FTP-клиент, например Filezilla, на свой компьютер.
Шаг 2: Откройте FileZilla и введите свои учетные данные FTP, которые включают имя хоста, имя пользователя, пароль и номер порта. Щелкните QuickConnect.
Примечание. Вы можете найти свои учетные данные FTP в своей учетной записи веб-хостинга. Если вам нужны дополнительные инструкции, чтобы найти эту информацию, следуйте нашему руководству по учетным данным FTP.
Шаг 3: После установления соединения вы увидите, что папки заполняются на правой панели.Это ваш веб-сервер.
Шаг 4: Откройте папку с именем public_html. Здесь находятся файлы и папки вашего сайта. Если вы назвали свою папку другим именем, выберите эту папку.
Шаг 5: Внутри папки wp-contents вы найдете папку «Темы», в которой хранятся все установленные на вашем сайте темы.
Вы можете загружать и редактировать эти файлы. Вам нужно будет загрузить их обратно в ту же папку — перезаписав старые файлы.
Бонус: плагины для редактирования HTML в WordPressЕсли все это слишком технически для вас, вы можете попробовать пару плагинов, которые позволят вам редактировать HTML. Обратите внимание на эти плагины, которые позволяют редактировать HTML в различных областях вашего веб-сайта:
Эти плагины избавляют вас от необходимости вручную вносить изменения в файлы вашего сайта. Вы можете продолжить редактировать HTML-код в интерфейсе вашего веб-сайта. Это менее рискованно, но мы все же рекомендуем сначала протестировать эти плагины на пробном сайте.
Стоит ли редактировать HTML-код на своем сайте WordPress?HTML означает язык разметки гипертекста и управляет структурой содержимого вашего сайта.
Как мы уже упоминали, WordPress был разработан, чтобы избавиться от необходимости редактировать такой код. В передней части панели инструментов WordPress есть множество функций, которые позволяют вам запускать свой сайт, не затрагивая внутреннюю кодировку вашего сайта. Также существует множество тем и плагинов, которые решают техническую часть за вас.
Редактирование HTML-кода — серьезное дело. Малейшая ошибка может привести к тому, что ваш сайт WordPress сломается или даже станет полностью пустым.
Итак, прежде чем мы закончим, мы хотим быстро коснуться того, когда нужно редактировать HTML.
Когда редактировать HTML-кодПодумайте, почему вы хотите редактировать HTML и каковы ваши мотивы. Вы хотите настроить свой сайт? Существуют ли плагины, которые могут позаботиться об этом за вас? Вы хотите протестировать или просто научиться редактировать HTML? Вот основные причины, по которым вы должны редактировать HTML на своем сайте:
- Добавьте текст, изображения и видео с помощью HTML, но это также можно сделать с панели инструментов.
- Добавьте функциональные возможности на свои страницы и сообщения с помощью HTML. Вы можете добавлять настраиваемые списки, заголовки, теги перехода, стили шрифтов и многое другое.
- Настройте или персонализируйте свой сайт WordPress.
- Вы потеряли доступ к wp-admin и вам нужно отредактировать код, чтобы исправить это.
- Не могу найти плагин, который мог бы выполнить эту задачу за вас.
- Обеспечьте лучший контроль и гибкость на своем сайте.
WordPress построен на комбинации языков, включая CSS, PHP и HTML.Поэтому внесение изменений в HTML может работать не во всех случаях. Существует длинный список случаев, когда редактирование HTML не работает. К ним относятся:
- Если вы хотите управлять макетом нескольких веб-страниц одновременно.
- Когда нужно написать код для оптимизации под разные устройства.
- Если вы хотите изменить стиль своей темы.
Некоторые изменения можно внести с помощью CSS, например, управлять цветом, шрифтом и размером текста на страницах.Вы можете определить, как элементы расположены и расположены, расстояние между элементами, какие цвета фона и изображения используются. Вы также можете установить разные дисплеи для разных размеров экрана и устройств. Вы можете многое сделать с помощью CSS.
Подводя итоги…Редактирование HTML на страницах и в сообщениях менее рискованно. Вы всегда можете предварительно просмотреть свои изменения, прежде чем опубликовать их.
Но когда вы вносите прямые изменения HTML в тему своего веб-сайта или ядро WordPress, это чрезвычайно рискованно.Мы советуем вам по возможности использовать панель управления WP. Или попробуйте найти плагин, который позволит вам редактировать HTML, не касаясь внутренних файлов.
Если вам нужно отредактировать HTML-код на своем сайте вручную, всегда делайте резервную копию своего сайта и настраивайте промежуточную среду. Используйте промежуточный сайт для тестирования изменений, прежде чем внедрять их на свой действующий сайт. Это гарантирует, что ваш действующий сайт никогда не будет нарушен.
Резервное копирование и подготовка вашего веб-сайта С BlogVault!
Как редактировать код WordPress
Хотя WordPress позволяет не кодировщикам легко управлять веб-сайтом, вероятно, наступит время, когда вы захотите отредактировать код в WordPress, чтобы получить немного больше контроля над тем, как ваш сайт выглядит или функционирует.
Чтобы помочь вам в этом, этот пост покажет вам, как безопасно редактировать код в WordPress несколькими различными способами:
Если вы уже знаете, что хотите сделать, вы можете щелкнуть одну из приведенных выше ссылок, чтобы перейти прямо к этому конкретному разделу. В противном случае приступим к редактированию!
Как вы можете редактировать код WordPress:
Чтобы получить больший контроль над внешним видом и функциями вашего сайта WordPress, вы можете редактировать код WordPress для настройки различных областей:
- Новый редактор блоков и классический редактор позволяют редактировать HTML-код для отдельных сообщений или страниц.
- Если вы хотите отредактировать исходный код своей темы WordPress, используйте дочернюю тему.
- Рассмотрите возможность использования подключаемого модуля для управления фрагментами кода, которые вы добавляете в файл или functions.php вашей темы.
- Если вы просто хотите добавить собственный CSS, вы можете использовать область «Дополнительный CSS» в настройщике WordPress или такой плагин, как «Простой CSS».
Как редактировать HTML в WordPress для отдельных сообщений / страниц
Давайте начнем с простейшего способа редактирования HTML в WordPress — доступа к исходному коду отдельных сообщений, страниц или других типов сообщений WordPress.
Вы можете сделать это как в новом редакторе блоков WordPress (Gutenberg), так и в старом классическом редакторе TinyMCE.
Как редактировать HTML в WordPress в редакторе блоков (Гутенберг)
Есть несколько способов работы с HTML в Gutenberg.
Во-первых, если вы просто хотите добавить свой собственный HTML-код к части контента, я бы рекомендовал , а не , пытаясь отредактировать весь исходный код вашего сообщения, поскольку это делает вещи излишне сложными.
Вместо этого вы можете просто использовать специальный блок Custom HTML и вставить туда HTML-код, который вы хотите использовать:
Пользовательский блок HTML Гутенберга
Однако может наступить время, когда вам потребуется напрямую отредактировать HTML другого блока.Например, если вы хотите добавить тег nofollow к ссылке в редакторе блоков, вам нужно будет отредактировать HTML этого блока.
Это можно сделать двумя способами…
Во-первых, вы можете щелкнуть по параметрам отдельного блока и выбрать вариант Редактировать как HTML :
Как редактировать отдельный блок как HTML
Это позволит вам редактировать HTML только для этого отдельного блока:
Пример редактирования HTML-кода блока
Или, если вы хотите отредактировать HTML для всего сообщения , вы можете получить доступ к редактору кода из основного раскрывающегося списка Инструменты и параметры .Или вы также можете просто использовать это сочетание клавиш для переключения между кодом и визуальным редактированием — Ctrl + Shift + Alt + M :
Как получить доступ к полному редактору кода в Gutenberg
Имейте в виду, что в полном редакторе кода вам придется обходить всю эту разметку для блоков — например,
.
Как редактировать HTML в WordPress в классическом редакторе (TinyMCE)
Если вы все еще используете классический редактор WordPress (TinyMCE), вы можете редактировать HTML для всего сообщения, перейдя на вкладку Текст :
Как редактировать HTML в классическом редакторе WordPress
Как отредактировать исходный код в вашей теме WordPress
Теперь давайте перейдем к более широкой теме — как редактировать код в вашей теме WordPress.Ставки немного выше, поэтому нам нужно ответить на несколько предварительных вопросов, прежде чем мы перейдем к практическим рекомендациям.
Почему ставки выше? Проще говоря, это потому, что вы можете сломать свой сайт, если здесь что-то напутаете!
В последних выпусках WordPress значительно усложнил вам возможность случайно сделать это, но редактирование исходного кода вашего сайта всегда открывает дверь для проблем, поэтому вы должны быть уверены, что делаете это безопасно.
Используйте дочернюю тему для любых изменений прямого кода
Если вы планируете напрямую редактировать какой-либо код в файлах вашей темы, вам нужно использовать дочернюю тему, а не редактировать «родительскую» тему.
Без дочерней темы любые внесенные вами изменения кода будут перезаписаны при следующем обновлении темы. Однако при использовании дочерней темы вы сможете быстро обновить родительскую тему, не теряя изменений, внесенных в дочернюю тему.
Если вы хотите узнать больше о преимуществах дочерних тем, а также о том, как их создать, ознакомьтесь с нашим полным руководством по дочерним темам WordPress.
Рассмотрите возможность использования подключаемого модуля вместо редактирования кода в дочерней теме
Если вы планируете изменить способ работы своей темы, вам, вероятно, придется работать, напрямую редактируя исходный код дочерней темы.
Однако, если вы хотите отредактировать код в WordPress по другой причине — например, добавив сценарий отслеживания в раздел
вашего сайта или добавив фрагмент в файл functions.php вашей темы — вам может быть лучше использовать вместо этого плагин.Подпишитесь на информационный бюллетень
Мы увеличили наш трафик на 1187% с помощью WordPress.
Присоединяйтесь к более чем 20 000 других людей, которые получают нашу еженедельную рассылку с инсайдерскими советами по WordPress!
Подпишись сейчасНапример, инъекции заголовка, нижнего колонтитула и поста упрощают внедрение фрагментов кода там, где это необходимо.А поскольку все эти фрагменты кода отделены в интерфейсе плагина, управлять ими в будущем будет проще.
Точно так же, если вы добавляете фрагмент кода, который может быть помещен в файл functions.php вашей дочерней темы, бесплатный плагин Code Snippets станет отличным вариантом.
Таким образом, если вы хотите отредактировать код в WordPress, чтобы добавить фрагменты в свою тему…
-
- Файл Functions.php
… тогда вам следует подумать об использовании плагина вместо прямого редактирования файлов вашей темы, так как это упростит управление этими фрагментами и гарантирует, что они не будут перезаписаны при обновлении темы.
Если вам нужно внести другие правки, давайте разберемся, как редактировать исходный код вашей темы.
Используйте встроенный редактор кода WordPress
Если вы планируете напрямую редактировать код своей темы, мы настоятельно рекомендуем вам сделать резервную копию своего сайта перед этим (либо всего сайта, либо файла, который вы редактируете).
Как только вы это сделаете, вы можете получить доступ к редактору кода темы на панели инструментов, перейдя в Внешний вид → Редактор темы . Здесь WordPress сначала выдаст предупреждение, подобное тому, что вы узнали выше:
Предупреждение перед доступом к редактору кода на приборной панели
Затем вы сможете использовать боковую панель справа для перехода между различными файлами тем и самим редактором кода для внесения фактических изменений:
Встроенный редактор кода WordPress
Использование SFTP для редактирования кода в WordPress
В качестве альтернативы редактору кода на панели инструментов вы также можете редактировать файлы темы через SFTP.У этого подхода есть два преимущества:
- Вы можете использовать предпочитаемый редактор кода.
- Если вы случайно что-то сломали, вы можете сразу исправить проблему. Напротив, если вы редактируете код через панель управления WordPress, всегда есть вероятность, что вы можете сломать что-то, что блокирует вас из панели управления WordPress, что означает, что вам нужно будет подключиться через SFTP, чтобы решить проблему (хотя, опять же, это менее вероятно благодаря недавним изменениям).
Вот как подключиться к вашему сайту через FTP.
После этого перейдите в папку своей темы — … / wp-content / themes / child-theme-name . Найдите файл, который хотите отредактировать, и щелкните его правой кнопкой мыши. Большинство программ FTP предоставляют вам возможность редактировать файл и автоматически повторно загружают файл после внесения изменений.
Однако мы настоятельно рекомендуем вам загрузить исходную версию файла на рабочий стол, прежде чем вносить какие-либо изменения. Таким образом, вы можете просто повторно загрузить исходную версию, если случайно что-то сломаете:
Как редактировать HTML в WordPress через SFTP
Как добавить собственный CSS в WordPress
Если вы хотите добавить в WordPress только собственный CSS, а не редактировать HTML или PHP-код WordPress, вам не нужно использовать редактор кода на панели инструментов или методы SFTP.
Вместо этого вы можете использовать настройщик WordPress. Помимо более простого варианта, еще одним преимуществом этого подхода является то, что вы сможете предварительно просмотреть свои изменения в режиме реального времени.
Чтобы начать, перейдите в Внешний вид → Настройте на панели инструментов WordPress:
Как получить доступ к настройщику WordPress
Затем найдите параметр Additional CSS в настройщике WordPress:
Где найти дополнительную опцию CSS в настройщике WordPress
Это откроет редактор кода, в который вы можете добавить желаемый CSS.Когда вы добавляете CSS, предварительный просмотр вашего сайта будет автоматически обновляться в соответствии с этими изменениями:
Как редактировать CSS в настройщике WordPress
Еще один хороший вариант для добавления CSS — плагин Simple CSS от Tom Usborne. Он дает вам аналогичную опцию в настройщике WordPress, а также позволяет добавлять настраиваемый CSS к отдельным сообщениям или страницам через мета-поле.
Наконец, если вы хотите добавить тонну настраиваемого CSS — например, сотни или тысячи строк — другой вариант — создать свою собственную таблицу стилей CSS и использовать wp_enqueue_scripts, чтобы добавить ее в свою тему.