Як редагувати HTML у WordPress: рішення без стресу

Є багато причин популярності 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.