WordPress най-накрая възстанови възможността за добавяне на персонализиран CSS към вашия уебсайт с пускането на WordPress 6.2! В тази помощна статия ви показвам как бързо да добавите персонализиран CSS към всеки уебсайт, като използвате тази последна версия на WordPress, безплатната CMS платформа и уеб дизайнер с отворен код.

Този метод работи и с по-нови версии, включително WordPress 6.3 и 6.4.

Съдържание

Стъпка 1: Отидете до редактора на сайта

Можете да получите достъп до персонализираната CSS функция от Редактор на сайтове, където редактирате Шаблони намлява Части от шаблони на вашия уебсайт. Редакторът на сайта е мястото, където изпълнявате това, което е известно като „Пълна редакция на сайта."

От таблото за управление на WordPress (първата страница, на която сте отведени, след като влезете), задръжте курсора на мишката върху елемента от менюто „Външен вид“ и щракнете върху „Редактор“ (червена стрелка на изображението по-горе). Това ще ви отведе до редактора на сайта.

След като влезете в Редактора на сайт, можете да щракнете където и да е от дясната страна на екрана (областта, показваща визуализация на вашия уебсайт – очертана в зелено на изображението по-горе), за да изведете Горното меню на Редактора на сайт.

Опростен WordPress: Как да изградим мощни уебсайтове Курс от Davies Media Design

Стъпка 2: Влезте в менюто „Стилове“.

В горното меню щракнете върху иконата „Стилове“ (иконата е наполовина черен, наполовина бял кръг), за да изведете страничната лента на стиловете.

Стъпка 3: Достъп до „Допълнителен CSS“

Кликнете върху менюто „Действия със стилове“ в горната част на страничната лента (малката икона с три точки – червена стрелка в горното изображение).

Щракнете върху опцията „Допълнителен CSS“ от падащото меню (червена стрелка).

Сега ще видите дълго текстово поле с надпис „Допълнителен CSS“, където можете да добавите своя персонализиран CSS код (очертан в зелено на изображението по-горе). В горната част на полето пише „Добавете свой собствен CSS, за да персонализирате външния вид и оформлението на вашия сайт“ (червена стрелка). Ще видите също връзка, където можете да научите повече за CSS кодирането, което може да се използва за персонализирани стилови елементи на вашия WordPress сайт.

След като добавите своя персонализиран CSS (зелена стрелка), щракнете върху бутона „Запазване“ в горното меню, за да запазите промените си (червена стрелка).

Това е! Вече знаете къде да добавите персонализиран CSS към вашия WordPress сайт в WordPress 6.2. Искате ли да овладеете WordPress? Вижте моите Майсторски клас по WordPress на Udemy!

Имейл бюлетин за безплатни креативни приложения на Davies Media Design

Абонирайте се за бюлетина на DMD

Регистрирайте се, за да получавате нови уроци, актуализации на курсове и най-новите новини за любимите ви безплатни творчески приложения!

Абонирахте се успешно!

Тя ПИН на Pinterest