WordPress пропонує своїм користувачам кілька цікавих функцій. Нещодавно один з наших користувачів попросив нас змінити бічну панель свого веб-сайту, це було легко, але проблема виникла, коли користувач не знайшов редактор для редагування таблиці стилів.


Ну, ви повинні знати, що для зміни дизайну вашого веб-сайту вам потрібен користувальницький CSS, щоб замінити існуючий код дизайну в темі WordPress.

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

У цьому підручнику ви збираєтеся дізнатися різні способи додайте спеціальний CSS на свій веб-сайт WordPress. Всім відомо, що WordPress пропонує свій вбудований налаштування, але люди нехтують ним.

Деякі веб-розробники можуть вірити в редагування файлу основного стилю. Що ж, якщо ви хочете додати спеціальний CSS, його потрібно додати деінде, ніж оригінальний файл CSS.

Я також поясню процедуру редагування основного файла style.css за допомогою cPanel.

Скористайтеся вбудованим настроювачем

WordPress ніколи не перестає дивувати своїх читачів. Якщо ви пограєте трохи за допомогою адміністраторської панелі WordPress, ви можете швидко знайти можливість додати додатковий CSS.

Якщо ні, виконайте ці кроки.

Крок 1

Йти до Зовнішній вигляд і натисніть на налаштувати варіант.

Як додати спеціальний CSS на веб-сайт WordPress різними способами

Крок 2

Ви можете побачити багато варіантів оновлення налаштувань свого веб-сайту, найкраща частина полягає в тому, що ви можете побачити домашню сторінку свого сайту.

Як додати спеціальний CSS на веб-сайт WordPress різними способами

Якщо прокрутити вниз, ви можете побачити варіант "Додатковий CSS." Клацніть, щоб відкрити.

Крок 3

Якщо ви раніше не додавали спеціальних CSS, ви можете побачити повідомлення, яке дає вам уявлення про CSS та як ви можете ним користуватися..

Закрийте його та побачите поле, щоб додати CSS, щоб змінити будь-який конкретний елемент вашого веб-сайту. Ви можете побачити демо-версію доданого коду.

Як додати спеціальний CSS на веб-сайт WordPress різними способами

Після останнього дотику натисніть Опублікувати показ у верхньому лівому куті. Ваш дизайн зберігається.

Використовуйте плагін WordPress, щоб додати спеціальний CSS

Без сумніву, що плагіни – це рятівники мільйонів користувачів WordPress, це тому, що люди, які не користуються технологією, хочуть чогось зручного для користувача, куди вони можуть скопіювати та вставити код.

Виконайте дії.

Крок 1

Йти до Плагіни>>Додати новий та шукайте простого користувацького плагіну CSS, як тільки ви знайдете його, натисніть Встановити і активувати його.

Як додати спеціальний CSS на веб-сайт WordPress різними способами

Переконайтесь; ви очистите кеш веб-сайту та браузера після активації плагіну.

Крок 2

Після активації перейдіть до Зовнішній вигляд>>Спеціальний CSS, і ви можете побачити поле для додавання спеціальних CSS на цій сторінці.

Як додати спеціальний CSS на веб-сайт WordPress різними способами

Вставте скопійований код і натисніть на Оновіть спеціальний CSS кнопка.

Не все так просто?

З повагою, ви дізналися два різні способи додати спеціальний CSS з панелі адміністратора WordPress. Тепер вам потрібно вивчити метод cPanel.

Використовуйте cPanel для редагування головного файлу CSS

Можливо, ви вже прочитали статтю про редагування таблиці стилів за допомогою cPanel. Якщо ні, то слідкуйте тут.

Щоб змінити дизайн веб-сайту WordPress, вам потрібно відредагувати style.css файл своєї теми, і ви повинні знати, де її знайти.

Вам потрібно відкрити файловий менеджер>>public_html>>wp-контент>>теми>>назва теми і шукайте style.css.

Розташування може змінюватися залежно від теми WordPress, яку ви використовуєте. У більшості тем ви можете знайти файл style.css у головній папці, проте деякі веб-розробники / дизайнери вважають за краще іншу папку CSS.

Як додати спеціальний CSS на веб-сайт WordPress різними способами

Як тільки ви знайдете файл, клацніть правою кнопкою миші редагувати.

З’явиться нова вкладка, де ви можете додати свій спеціальний CSS.

ПРИМІТКА. Я сподіваюся, що ви знаєте, що робите.

Важливо створити резервну копію всього веб-сайту та його бази даних, перш ніж вносити будь-які зміни.

Який метод найпростіший

Кожен має різний вибір для виконання одного і того ж завдання. Більшість людей можуть вибрати вбудований програму WordPress, але деякі можуть подумати про використання плагіна.

Ну, якщо ви можете щось зробити без плагіна, вам слід уникати використання будь-якого.

Можливо, у вас немає доступу до вашої панелі адміністратора WordPress, в такій ситуації вам потрібно отримати доступ до файлу таблиці стилів за допомогою cPanel.

Висновок

Ви повинні знати, що невелика зміна CSS може зірвати макет всього веб-сайту, важливо зрозуміти, перш ніж щось робити.

Я пам’ятаю, що зламав свій веб-сайт, скопіювавши та вставивши CSS-код. Ви повинні зрозуміти код CSS, який ви збираєтеся використовувати. Завжди майте резервну копію.

Ознайомтеся з цими трьома найкращими послугами хостингу WordPress:

FastComet

Стартова ціна:
2,95 дол


Надійність
9.7


Ціноутворення
9.5


Користувач
9.7


Підтримка
9.7


Особливості
9.6

Прочитайте відгуки

Відвідайте FastComet

Хостингер

Стартова ціна:
0,99 дол


Надійність
9.3


Ціноутворення
9.3


Користувач
9.4


Підтримка
9.4


Особливості
9.2

Прочитайте відгуки

Відвідайте хостинг

А2 хостинг

Стартова ціна:
3,92 дол


Надійність
9.3


Ціноутворення
9,0


Користувач
9.3


Підтримка
9.3


Особливості
9.3

Прочитайте відгуки

Відвідайте хостинг A2

Пов’язані статті “Як”

  • Як додати шрифти Google на веб-сайт WordPress без плагіна
    проміжний
  • Як змінити індексну сторінку за замовчуванням за допомогою FTP
    проміжний
  • Як відредагувати CSS для свого сайту WordPress за допомогою панелі керування хостингом cPanel
    експерт
  • Як додати спеціальний код у області заголовків та колонтитулів веб-сайту WordPress
    проміжний
  • Як збільшити швидкість веб-сайту за допомогою видалення рядків запиту зі статичних ресурсів
    проміжний
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me