[vc_row content_placement = "middle" css = ". vc_custom_1508940533685 {background-color: # f8f6f6! important;}" el_id = "themeforestpro"] [vc_column width = "3/4" css = ". vc_custom_1502759058885 {margin-bottom: 0p ! viktigt; gräns-botten-bredd: 0px! viktigt; padding-botten: 0px! viktigt;} "] [vc_column_text]

Divi: det enklaste WordPress-temat att använda

[/vc_column_text][/vc_column][vc_column width="1/4"][vcex_button url="https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&tid1=divibeforepostmobile" target="blank" size="small" align="center" color="green" font_family="Raleway" font_weight="600" style="flat" custom_color="#ffffff" custom_hover_color="#ffffff"] LADDA NER [/vcex_button][/ vc_column][/vc_row]

Divi: Det bästa WordPress-temat hela tiden!

mer 901.000-nedladdningar, Divi är det mest populära WordPress-temat i världen. Den är komplett, lätt att använda och levereras med mer än 62 gratis mallar.

Vill du kategorisera olika kategorier på WordPress?

De flesta WordPress-teman använder samma stil för alla arkivsidor. Men om du har en innehållsrik webbplats kan du välja att visa varje kategori på ett annat sätt för att maximera deras potential.

I den här tutorialen visar vi dig hur du kan visa kategorier annorlunda på din WordPress-blogg.

Utan vidare uppmaning inbjuder vi dig att upptäcka vår lista. Men först, om du aldrig har installerat WordPress, ta reda på det Hur man installerar en Wordpress-blogg 7 steg et Hur man hittar, installera och aktivera en Wordpress tema på din blogg 

Tillbaka till varför vi är här.

Varför ge en annan stil till kategorier på WordPress

Som vi sa tidigare använder de flesta WordPress-teman samma mall för varje kategoris arkivsida. Detta beror på att WordPress-temautvecklare inte vet hur du ska använda kategorier på din webbplats.

Läs också: Så här visar RSS-innehåll endast till abonnenter på Wordpress

Men om du har en innehållsrik webbplats, ändra layout på en arkivsida kategori kan ha en dramatisk inverkan på hur användare engagerar sig med innehållet på den sidan.

Om du till exempel hanterar en nyhets- eller tidningswebbplats kan du visa lokala meddelanden i den lokala nyhetskategorin. Du kan visa väderinformation, se de mest populära berättelserna i den här kategorin och så vidare.

Som sagt, låt oss se hur man enkelt kan anpassa enskilda kategorier på WordPress.

Hur man ger en stil till kategorier

Det finns flera sätt att kategorisera kategorier på WordPress. Vi visar dig två olika metoder för att ge kategorierna en annan stil och du kan välja de som bäst passar dina behov och kompetensnivå.

Med en enda kategorimall på ett WordPress-tema

WordPress-teman följer en standardmallhierarki. Enligt en mallfilnamn kan WordPress automatiskt välja rätt mall för att visa en sida.

Till exempel ser det efter filen kategori.php för att visa arkivsidor med kategorier.

Skapa enkelt din webbplats med Elementor

Elementor låter dig skapa Enkelt och gratis vilken webb- eller bloggdesign som helst med ett professionellt utseende. Sluta betala mycket för en webbplats du kan göra själv.

Med WordPress kan du också skapa modeller för enskilda kategorier. Anta att du vill klassificera kategorin "Apple"Annorlunda. Du kan göra detta genom att lägga till en ny mallfil till ditt WordPress-tema och namnge det kategori-apple.php.

Anslut till din WordPress-webbplats med en FTP-klient och navigera sedan till / wp-innehåll / teman / ditt tema / och skapa en ny fil med namnet category-apple.php. Kom ihåg att ersätta "Apple" med namnet på din kategori.

Lägg till en ny wordpress-kategori

Du kan använda filen " category.php Av ditt WordPress-tema som utgångspunkt. Redigera och kopiera bara allt innehåll. Byt namn på din nya fil till " kategori-apple.php Och klistra in koden inuti.

Då kan du börja göra ändringar i din individuella kategorimodell. Du kan skapa och använda en annan sidfält för den här kategorin, göra den till en sida med full bredd, lägg till ett välkomstmeddelande eller vad du vill.

Ge en stil till kategorier med CSS-kod

WordPress lägger automatiskt CSS-klasser till olika element på din webbplats. Dessa inkluderar både kroppsklassen och publikationsklassen.

Om du till exempel tittar på en kategoris arkivsida och sedan använder verktyget Inspektera kommer du att märka CSS-klasserna "kategorier" och kategorinamnet i "body" -taggen.

Tagg för kategori wordpress-kategori

Vill du sälja dina produkter på internet?

Ladda ner WooCommerce gratis, de bästa plugins för e-handel för att sälja dina fysiska och digitala produkter på WordPress och enkelt skapa din onlinebutik. Perfekt för nybörjare.

Du kan använda denna CSS-klass för varje olika enskild kategori efter lägga till anpassad CSS.

Här är ett exempel på CSS som du kan använda som utgångspunkt.

body.category-apple {background-color: #EEE; bakgrund: url ("http://example.com/wp-content/uploads/2017/background.jpg") no-repeat fixed; färg: #FFFFFF; } .category-apple .site {background: #232323; } .category-apple a {color: #CCCCCC; }

Glöm inte att ändra kategorinamnet i CSS-klassen med namnet på din kategori.

Redigera en wordpress-css-kodkategori

Nu kan du lägga till anpassad CSS-kod till WordPress. Men om du behöver en premiumlösning för att lägga till en anpassad CSS-kod, erbjuder vi nedan två premium WordPress-plugins som hjälper dig i den här uppgiften.

1. Easy Custom JS och CSS 

Detta premium WordPress-plugin är en kraftfull CSS- och Javascript-kodredigerare som låter dig lägga till dessa i valfri del av din webbplats. Det låter dig behålla dina anpassningar även efter en större uppdatering av ditt WordPress-tema. Enkel anpassad js och css extra anpassning wordpress plugin

Du har möjlighet att begränsa användningsområdet för din personliga kod. Du kan till exempel bara använda din kod för en artikel med videoformat.

Se våra artiklar om Hur man kräver godkännande av användarvillkoren på WordPress

Eller så kan du begränsa din kod till ett specifikt WordPress-tema; Vilket är praktiskt om du för närvarande ändrar teman för din WordPress-blogg.

Ladda ner | demo | webbhotell

2. Anpassad JavaScript och CSS på sidor!

Tack vare detta WordPress-plugin har du möjlighet att lägga till CSS-stilar och anpassad JavaScript på specifika sidor. Det låter dig också definiera regler för flera sidor. På det här sättet kan du ha fördefinierade eller unika stilar för specifika avsnitt.

Anpassat javascript css på sidorna wordpress plugin e1558356028853

Som alla andra funktioner som erbjuds av detta WordPress-plugin kan du enkelt inkludera olika skript på olika sidor på din webbplats.

Ladda ner | demo | webbhotell

Rekommenderade resurser

Ta reda på om andra rekommenderade resurser som hjälper dig att bygga och hantera din webbplats.

Slutsats

Här! Det är det för den här guiden, jag hoppas att du kan lägga till anpassad CSS-kod på WordPress. Känn dig fri att dela den här artikeln med dina vänner på dina favorit sociala nätverk

Du kommer dock också att kunna konsultera vår medel, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blogg skapande.

Om du har förslag eller kommentarer, lämna dem i vårt avsnitt commentaires.

.  

7 aktier
del4
tweet1
Enregistrer2