Бихте ли искали да категоризирате категориите по различен начин в WordPress?

Повечето теми на WordPress използват един и същ стил за всички страници с архиви на категории. Ако обаче имате уебсайт, богат на съдържание, можете да изберете да показвате всяка категория по различен начин, за да увеличите максимално потенциала ѝ.

В този урок ще ви покажем как да показвате различно категории във вашия блог на WordPress.

Без повече шум ви каним да откриете нашия списък. Но първо, ако никога не сте инсталирали WordPress, разберете Как да инсталирате WordPress Блог в 7 Стъпки et Как да се намери, инсталиране и активиране на WordPress тема на вашия блог 

След това обратно към защо сме тук.

Защо да давате различен стил на категории в WordPress

Както споменахме по-рано, повечето WordPress теми използват един и същ шаблон за всяка страница с архив с категории. Това е така, защото разработчиците на WordPress теми не знаят как ще използвате категориите на вашия уебсайт.

Прочетете още: Как да се покаже RSS съдържание само за абонати на WordPress

Ако обаче имате богат на съдържание уебсайт, промяна на оформлението на архивна страница категорията може да окаже драматично въздействие върху начина, по който потребителите се ангажират със съдържанието на тази страница.

Например, ако управлявате уебсайт за новини или списания, можете да покажете местни съобщения в категорията местни новини. Можете да видите информация за времето, да видите най-популярните истории в тази категория и т.н.

Това каза, нека да видим как лесно да персонализирате отделни категории в WordPress.

Как да дадете стил на категории

Има няколко начина за категоризиране на категории в WordPress. Ще ви покажем два различни метода, за да придадете на категориите различен стил и можете да изберете тези, които най-добре отговарят на вашите нужди и ниво на умения.

Използване на шаблон за една категория на тема WordPress

Темите на WordPress следват стандартна йерархия на шаблоните. Според името на шаблонния файл WordPress може автоматично да избере правилния шаблон за показване на страница.

Например, той търси файла category.php, за да показва страниците с архив на категорията.

WordPress също ви позволява да създайте модели за отделни категории. Да предположим, че искате да класифицирате категорията "iPhone"По различен начин. Можете да направите това, като добавите нов файл с шаблон към вашата WordPress тема и го назовете категория-apple.php.

Свържете се с вашия уеб сайт на WordPress с помощта на FTP клиент, след което отидете до / wp-content / themes / твоята тема / и създайте нов файл с име категория-apple.php. Не забравяйте да замените "Apple" с името на вашата категория.

Можете да използвате файла " category.php От вашата WordPress тема като отправна точка. Просто редактирайте и копирайте цялото му съдържание. Сега преименувайте новия си файл на „ категория-apple.php И поставете кода вътре.

След това можете да започнете да правите промени в модела на вашата индивидуална категория. Можете да създадете и използвате различна странична лента за тази категория, да я направите страница с пълна ширина, добавете поздравително съобщение или каквото искате.

Дайте стил на категории, използващи CSS код

WordPress автоматично добавя CSS класове към различни елементи на вашия уебсайт. Те включват както телесния клас, така и класа за публикуване.

Например, ако прегледате страница за архив на категория, след това използвайте инструмента за проверка, ще забележите CSS класовете "категории" и името на категорията в маркера "body".

Можете да използвате този клас CSS за всяка отделна категория от добавяне на персонализиран CSS.

Ето пример за CSS, който можете да използвате като отправна точка.

body.category-apple { background-color:#EEE; background:url("https://example.com/wp-content/uploads/2017/background.jpg") без повторение фиксирано; цвят:#FFFFFF; } .category-apple .site { фон:#232323; } .category-apple a { цвят:#CCCCCC; }

Не забравяйте да промените името на категорията в CSS класа с името на вашата категория.

Сега можете да добавяте персонализиран CSS код към WordPress. Но ако имате нужда от първокласно решение за добавяне на персонализиран CSS код, ние ви предлагаме по-долу два първокласни WordPress плъгина, които ще ви помогнат с тази задача.

1. Easy Custom JS и CSS 

Тази първокласна приставка за WordPress е мощен CSS и Javascript кодов редактор, който ви позволява да добавяте такива към всяка секция на вашия уебсайт. Тя ви позволява да запазите вашите персонализации дори след голяма актуализация на вашата тема на WordPress.

Имате възможност да ограничите полето на използване на вашия персонализиран код. Например можете да използвате кода си само за статия с видео формат.

Вижте нашите статии на Как да изисквате приемане на условията за ползване в WordPress

Или можете да ограничите кода си до конкретна тема на WordPress; Кое е полезно, ако в момента променяте теми за вашия блог на WordPress.

Изтегляне | демонстрация | уеб хостинг

2. Персонализиран JavaScript и CSS в страници!

Благодарение на тази приставка за WordPress имате възможност да добавяте CSS стилове и персонализиран JavaScript на конкретни страници. Също така ви позволява да дефинирате правила за няколко страници. По този начин можете да имате предварително определени или уникални стилове за конкретни секции.

Както всяка друга функция, предлагана от този плъгин за WordPress, лесно можете да включвате различни скриптове на различни страници на вашия уебсайт.

Изтегляне | демонстрация | уеб хостинг

Препоръчителни ресурси

Научете за други препоръчани ресурси, които да ви помогнат да изградите и управлявате вашия уебсайт.

• 8 WordPress приставки за добавяне на система за превод в блог
• 5 WordPress приставки за създаване на календар в блог
• Ръководството в 4 стъпки за изграждане на вашия авторитет чрез вашия блог
• Някои приставки за WordPress за пренасочване

Заключение

Тук ! Това е всичко за този урок, надявам се да ви позволи да добавите персонализиран CSS код на WordPress. Не се колебайте да го направите споделете тази статия с приятелите си в любимите си социални мрежи. 

Ще можете обаче да се консултирате с нас грабене на ресурси, ако имате нужда от повече елементи, за да осъществите вашите проекти за създаване на интернет сайтове, като се консултирате с нашето ръководство за Създаване на блог на WordPress.

Ако имате предложения или забележки, оставете ги в нашия раздел Връзка.

...