WordPress: как редактировать шаблоны CSS и PHP

Думаете о настройке шаблонов CSS и PHP в WordPress? Это руководство поможет вам отредактировать файлы тем, такие как functions.php или style.css, с помощью редактора скинов.

WordPress: Как настроить шаблоны CSS и PHP

Редактировать PHP через редактор тем

В WordPress инструмент Theme Editor используется для редактирования файлов шаблонов. Эта функция позволяет вам напрямую редактировать отдельные файлы CSS и PHP используемого вами шаблона. Вы можете использовать его, например, для редактирования файла functions.php .

Внешний вид темы редактора WordPress
Редактор тем — Внешний вид
💡 Tip: Choosing the right hosting is crucial for a fast website ⏱ . I recommend betting on verified quality ➡️ Bluehost or SiteGround.

Предупреждение о рисках прямого редактирования шаблона

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

Сам WordPress уведомляет вас всплывающим окном с сообщением:

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

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

Шаблон редактора уведомлений WordPress
Уведомление о прямом редактировании шаблона

Если у вас нет знаний HTML, CSS или PHP, внесенные вами изменения могут привести к полной неработоспособности страницы. Поэтому я рекомендую использовать эту функцию только при наличии необходимых знаний.

Совет: если у вас получилось скинуть сайт, войдите по ftp в отредактированный вами файл и отмените изменение.

Как редактировать шаблоны CSS WordPress

Для редактирования стиля темы лучше использовать функцию редактирования CSS , где вы также можете отслеживать изменения в реальном времени. Вы можете использовать его, например, для редактирования файла style.css .

Вы можете попасть туда, нажав « Редактировать CSS » в меню:

Шаблон WordPress — Как редактировать CSS
Шаблон WordPress — Как редактировать CSS

Нажмите, чтобы перейти непосредственно к редактору (также называемому Customizer):

CSS-редактор WordPress
WordPress: редактор CSS

Добавьте сюда свой собственный код CSS, чтобы настроить внешний вид и макет вашего веб-сайта. Узнайте больше о CSS .

Вы можете использовать клавиатуру для перемещения:

  • В области редактора клавиша Tab вставляет вкладку.
  • Чтобы выйти из области редактора, используйте клавишу Esc, а затем клавишу Tab.
  • Пользователи программ чтения с экрана: вам может потребоваться дважды нажать клавишу ESC, чтобы выйти из режима формы.

Поле редактирования автоматически выделяет синтаксис кода. Вы можете отключить это в текстовом режиме в своем профиле пользователя.

💡 Tip for themes: From premium themes, I have good experience with themes Divi, Avada and with page builder Elementor.

Редактирование CSS и PHP в WordPress — заключение

Лучше всего использовать дочернюю тему для редактирования файлов PHP , так как изменения, сделанные непосредственно в шаблоне, будут потеряны при обновлении. Кроме того, есть риск, что вы выбросите сайт.

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

💡 Do you want a faster ⏱ website? Website speed is important for both visitors and SEO. I got the best results thanks to the WP Rocket plugin, which I highly recommend.
Was this article helpful for you? Support me by sharing, please. 👍
WordPress Návod v PDF

ОСТАВЬТЕ ОТВЕТ

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