Есть много причин, по которым WordPress популярен; он прост в использовании и поставляется с широким спектром плагинов, таких как wpDataTables, которые предлагают расширенные функции с очень простой настройкой. Тем не менее, бывают ситуации, когда вам нужно знать, как редактировать HTML в WordPress.
Однако время от времени вам необходимо получить доступ к исходному коду вашего сайта. Например, когда ваш сайт подвергается атаке вредоносного ПО, это может привести к сбою всего вашего сайта, и нет другого способа исправить ситуацию, кроме как немного поиграть с кодом.
С другой стороны, могут быть ситуации, когда вы просто хотите внести некоторые расширенные индивидуальные изменения, и вам нужно знать, как редактировать HTML в WordPress.
Знайте, что вы хотите изменить
Прежде чем приступить к редактированию HTML-кода для веб-сайта, вы должны знать, что именно вы хотите изменить. Решите, какие результаты вы хотите получить, узнайте, как настроить тему WordPress, как загрузить файл HTML в WordPress, как закомментировать CSS и т. д.
Может быть, вы просто хотите поэкспериментировать, чтобы узнать больше, или, может быть, вы просто хотите изменить какой-то текст или отредактировать макет сайта. Однако, какой бы ни была ваша цель, точно узнайте, что вы хотите сделать, прежде чем приступить к редактированию кода.
Кроме того, не забудьте спросить себя, действительно ли это стоит вашего времени. Если вам не хочется тратить много своего драгоценного времени на редактирование HTML, подумайте о том, чтобы нанять профессионала, который сделает всю тяжелую работу за вас.
Соберите свои инструменты
Хорошей новостью является то, что существует не так много инструментов, которые вам нужны для редактирования HTML WordPress. Вы можете найти их все ниже, и, что еще лучше, все они бесплатны.
- FTP – клиент, такой как Filezilla или WinSCP, чтобы получить прямой доступ к вашим файлам на вашем веб-сервере; чтобы скачать и загрузить их легко.
- Редактор для внесения изменений в загруженный файл, такой как Notepad++, который предоставляется бесплатно и имеет подсветку синтаксиса для наиболее распространенных языков программирования.
Делайте резервные копии
Прежде чем вы начнете вмешиваться в исходный код HTML, убедитесь, что вы знаете, где находятся ваши резервные копии и как их немедленно восстановить, если это необходимо. Вы можете создать файлы резервных копий через cPanel хостинг-провайдера, если вам не нравится создавать собственные резервные копии.
Изменение обычной записи или страницы WordPress
Если вы хотите изменить исходный код HTML на обычной странице WordPress, все, что вам нужно сделать, это использовать HTML-редактор WordPress. Изменить код WordPress таким образом на самом деле довольно просто. Просто отредактируйте страницу, и вы заметите, что при нажатии на вкладку «Текст » вы увидите HTML-код того, что отображается на этой вкладке «Визуальные».
Редактирование HTML в WordPress
Чтобы объяснить, как редактировать HTML в WordPress, нам сначала нужно узнать, как получить к нему доступ.
Вам нужно будет получить доступ к исходному коду веб-сайта, прежде чем перейти к HTML-редактору WordPress.
Но как редактировать HTML-код WordPress на домашней странице?
Если вы не знаете, как редактировать домашнюю страницу WordPress, не волнуйтесь. Обычно вы можете сделать это в разделе «Внешний вид »> «Виджеты» , где вы можете просто настроить содержимое в отдельных областях виджетов.
Однако в некоторых случаях вы заметите, что домашняя страница действует как отдельная страница, и вы не сможете редактировать ее в области виджетов. Если это произойдет, вы можете найти содержимое домашней страницы в разделе «Страницы» или щелкнуть параметр «Редактировать страницу» в верхней панели администратора на главной странице.
Если эти два варианта вам не подходят, возможно, вы используете конструктор страниц или тему со встроенным редактором домашней страницы. Если это так, вы можете редактировать HTML-код определенными способами, описанными в документации, прилагаемой к компоновщику страниц или рассматриваемой теме.
Как редактировать темы WordPress
Теперь мы собираемся объяснить, как настроить тему WP. Просто перейдите в «Внешний вид» → «Редактор» на панели инструментов WordPress и найдите нужную тему.
Не смущайтесь, если вы видите только один или два файла; обычно style.css и functions.php. В этом нет ничего необычного, не волнуйтесь.
К сожалению, изменение файла шаблона невозможно сделать из редактора панели инструментов. Вам нужно будет скопировать файл в вашу дочернюю тему с помощью FTP-приложения.
Например, если вы хотите отредактировать HTML-файл в теме Twenty Eighteen, скажем, нижний колонтитул, вам сначала нужно будет скопировать файл footer.php в нашу дочернюю тему с помощью FTP-приложения.
Просто скопируйте его на свой компьютер, а затем снова скопируйте в папку с темой. Как только это будет сделано, перейдите в «Внешний вид» → «Редактор» на панели управления WordPress, выберите дочернюю тему и имя файла footer.php на правой боковой панели.
Обновите свой код, а затем нажмите большую синюю кнопку «Обновить файл» под редактором.
В некоторых случаях вы не сразу увидите кнопку «Обновить файл». В этом случае вам, вероятно, придется изменить права доступа к файлу с помощью вашего FTP-приложения. Просто щелкните правой кнопкой мыши имя файла в приложении FTP и выберите вариант изменения разрешений.
Тест
Теперь, когда вы знаете, как редактировать WordPress, вы можете протестировать изменения, внесенные в браузере, перезагрузив веб-сайт (нажмите F5 ). Если все работает гладко, вы отлично поработали над редактированием своих HTML-кодов.
Если все не совсем так, как вы ожидали, не волнуйтесь. Вы всегда можете отменить изменения или просто переустановить резервную копию и повторить попытку.
Завершение мыслей о том, как редактировать HTML в WordPress
Научиться кодировать HTML непросто, но научиться редактировать HTML в WordPress не так уж и плохо, не так ли?
В этом уроке мы рассмотрели некоторые из самых основных изменений, которые являются отличным началом, если вы только учитесь использовать HTML. Знание того, как кодировать свой собственный веб-сайт, может быть очень полезным, но вам не нужно быть экспертом по кодированию, чтобы самостоятельно внести несколько простых изменений.
Имейте в виду, что если что-то пойдет не так, как планировалось, вы всегда можете отменить изменения или переустановить резервную копию.
Если вам понравилось читать эту статью о том, как редактировать HTML в WordPress, вы должны прочитать эту о том, как сбросить настройки WordPress.
Мы также написали о нескольких связанных темах, таких как встраивание видео в WordPress, как изменить URL-адрес WordPress, как добавить JavaScript в WordPress, как дублировать страницу в WordPress, как редактировать роли пользователей WordPress и как добавить избранное изображение WordPress..