Indigo Webstudio

info@indigowebstudio.nl (070) 427 92 92 Inloggen
  • Home
  • Over Indigo
  • WordPress
    • WordPress website
    • WordPress webshop
    • WordPress thema
    • WordPress onderhoud
    • WordPress hack
  • Magento
    • Magento webshop
    • Magento thema
    • Migratie Magento naar WordPress WooCommerce
    • Magento onderhoudscontract
    • Magento beveiligingspakket
  • Nieuws en tips
  • Portfolio
  • Contact
Je bent hier: Home / WordPress / Plugin tip: Custom CSS Manager

Plugin tip: Custom CSS Manager

Gepubliceerd: 22 mei 2012 door Petra Blankwaard 4 Reacties
Laatst bewerkt op: 11 september 2018

De in dit artikel besproken WordPress plugin is ideaal in de volgende situaties:

  1. Je hebt een WordPress template gedownload of gekocht, je wilt wat aan de styling veranderen maar je wilt ook toekomstige updates voor je template kunnen installeren zonder dat je aanpassingen verloren gaan
  2. Je zou graag wat oefenen of experimenteren met CSS aanpassingen, maar wilt geen enkel risico: je wilt CSS aan kunnen passen zonder dat template bestanden per ongeluk verprutst worden.
Veel templates hebben een speciaal veld voor de invoer van custom CSS, maar als die optie niet wordt geboden zul je op zoek moeten naar een andere oplossing. Normaal gesproken is de meest voor de hand liggende oplossing het aanmaken van een nieuw CSS bestand in de map van je template, bv custom.css, en die te laten laden in de header.php en daarin je aanpassingen / toevoegingen te verwerken. Maar…waarom moeilijk doen als het makkelijk kan?

De oplossing: Custom CSS Manager plugin

Met de Custom CSS Manager plugin kun je CSS code invoeren in je WordPress Dashboard die samen met de CSS bestanden van je template worden geladen. Voor zover je code invoert die (met andere waarden) al bestaat in je template zelf, zal de door jou ingevoerde code de oorspronkelijke waarden overrulen.

Dat ziet er dan bijvoorbeeld zo uit:

custom css

Voordelen

De belangrijkste voordelen van deze plugin zijn:

  1. De ingevoerde CSS wordt bewaard in de WordPress database
  2. Als je met dit hulpmiddel je template ongemoeid laat, kun je je template zorgeloos updaten als dat nodig is
  3. Ook correcties op de styling van plugins kun je in deze plugin kwijt, daarmee zijn ook je plugins te updaten zonder dat je aanpassingen verloren gaan.

Gerelateerde berichten

  • Plugin tip: van WordPress naar Twitter, met scheduled tweets
    Twitter widget

    Plaats WordPress berichten automatisch op Twitter, gebruik scheduled tweets vanuit je bericht en stel zelf de tijden in. Veel extra functies.

  • Related Posts for Genesis – custom WordPress plugin
    Related Posts for Genesis

    Related Posts for Genesis - als je er met bestaande WordPress plugins niet uit komt dan maak je zelf een WordPress plugin voor gerelateerde berichten.

4
Reageer op dit artikel

avatar
2 Reactie draadjes
2 Totaal aantal reacties
0 Volgers
 
Reactie met meeste respons
Populairste reactie draadje
3 Aantal reageerders
AnitaPetra BlankwaardAndrea Beets Recente
avatar
  Abonneren  
nieuwste oudste meest gestemd
Abonneren op
Andrea Beets
Gast
Andrea Beets

Hoi, Deze loopt dood en hij leek me juist geweldig. Child weg en wel de updates. Heb je nog een suggestie?

Alvast dank,
Andrea

Stem omhoog0Stem omlaag  Reageren
6 jaren geleden
Petra Blankwaard
Gast
Petra Blankwaard

Bij mij loopt ie niet dood 🙂 Probeer het nog eens?

Stem omhoog0Stem omlaag  Reageren
6 jaren geleden
Anita
Gast
Anita

Hoi Petra
Bedankt voor de info. Heb de plugin geinstalleerd en wil de kleur van het menu veranderen maar hoe doe je dat dan? moet ik de code opzoeken van menu.php en daar een andere kleur van maken want die zie ik niet bij bewerker?

alvast ebdankt
gr Anita

Stem omhoog0Stem omlaag  Reageren
6 jaren geleden
Petra Blankwaard
Gast
Petra Blankwaard

Hoi Anita, alle CSS codes staan in bestand style.css. Dan is de hamvraag natuurlijk op welke regel je de kleur van je menu vindt 🙂 Ik zie dat je op dit moment alleen een topmenu hebt. Ik zal je de code geven die je in het veld van de nieuwe CSS plugin kunt zetten. Vervang de huidige kleur door de kleur die je wilt gebruiken:

#topmenu a {color: #154A7F;}

Kun je hier wat mee?

Stem omhoog0Stem omlaag  Reageren
6 jaren geleden

Recente berichten

Wuunder

Pakket versturen nu nog makkelijker met Wuunder

wordpress specialist den haag

Vacature – (aankomend) WordPress specialist gezocht!

beste alternatief yoast seo

Is SEOPress het beste alternatief voor Yoast SEO?

Maandelijks tips in je mailbox?

Wij werken oa voor:

C. Groenenboom Containers
ImpactCity
Design District
Talpa
Corsa Group

Kiwa
BSGR
GGzE
Consumentenbond
TimeTell

Richard Korver Advocaten

Laatste berichten

Wuunder

Pakket versturen nu nog makkelijker met Wuunder

wordpress specialist den haag

Vacature – (aankomend) WordPress specialist gezocht!

Meest bezocht:

  • Overstap Magento naar WordPress
  • WordPress webshop
  • WordPress thema
  • WordPress onderhoud
  • Magento webshop
  • Magento onderhoud
  • Zoekmachineoptimalisatie

Wij steunen

Indigo sponsoractie Fonds SlachtofferhulpDoneer

Eerder gesteund

Indigo sponsoractie RHWW

Indigo Webstudio Ronald McDonald Huis Den Haag

Indigo Webstudio op Alvarum

Vraag of bericht?

  • Dit veld is bedoeld voor validatiedoeleinden en moet niet worden gewijzigd.
© 2009 - 2019 Indigo Privacy Policy - Algemene Voorwaarden
Protected by Copyscape Unique Content Check
wpDiscuz