Ondersteuning » Thema en CSS/opmaak » Aanpassen theme qua kleuren

  • Hallo allemaal,

    Ik ben redelijk nieuw hier en ben eea uit aan het vogelen hoe het mooiste een website te maken met WordPress.

    Ik ben nu zo ver dat de basis staat (pagina’s moeten nog wel gevuld worden met tekst), er is een contactformulier (contact form 7), logo van de organisatie staat erin etc etc….

    Maar nu het volgende:

    – hoe pas ik de kleuren van de navigatiebalk aan? En hetzelfde geldt voor lettertype, achtergrond etc etc. Ik heb al in style.css gekeken, maar kom er niet echt uit…

    theme wat ik gebruikt heb is ” responsive”….

    Hebben jullie tips hoe dit aan te pakken, of misschien een URL waar het duidelijk beschreven staat? Youtube mag ook 😉

1 reactie aan het bekijken (van in totaal 1)
  • Begin met het maken van een childtheme. Zo blijven je aanpassingen bewaard als de maker van je originele theme een update doet!
    1. Handig: Installeer ‘one click plugin’ en activeer het
    2. Dan Dashboard > Weergave > Child theme
    3. Vul de velden in…. done
    4. Dashboard >weergave >themes
    5. activeer je nieuwe childtheme
    [zie ook: http://codex.wordpress.org/Child_Themes]
    De ‘style.css’ van het childtheme ziet er ongeveer zo uit:

    /*
    Theme Name:     your childthemenaam
    Description:    Beschrijving van het childtheme
    Author:         webmaster
    Template:       magazine-premium [mijn originele theme]
    Version:	[optioneel zelf verzinnen]	0.3 31-10-2012
    (optional values you can add: Theme URI, Author URI, Version)
    */
    
    @import url("../magazine-premium/style.css");

    Alle aanpassingen doe je nu in DIT css bestand.

    Opties:
    1. je theme [origineel en child] laten het toe kleur / opmaak aanpassingen te maken?
    > pas het uiterlijk aan door de settings van het theme te veranderen.

    2. pas zelf aan:
    – installeer een webtool / plugin voor je browser, zodat je de code van een / jouw / elke site kan bekijken en analyseren.
    Bijv. http://chrispederick.com/work/web-developer/firefox/

    – in InternetExplorer 8/9 druk [F12]
    Je ziet nu de code voor de betreffende pagina.

    == == ==
    – Open de pagina die je wilt aanpassen
    – Open de webtool
    – klik muisaanwijzer in de tool uiterst links [FFox en IE]
    – klik item in de webpagina, bijv menu
    Onderin je webtool scherm wordt nu de code getoond voor het betreffende onderdeel
    – maak een item aan voor het betreffende onderdeel in de stylesheet van je child theme met de door jouw gewenste waarden en sla op en upload naar je website.

    Heel handig werkt in dit verband:
    Notepad++ [gratis webeditor]
    in combinatie met Filezilla [gratis FTP]
    (stel notepad++ als standaard editor in van ftp)

    Voorbeeld:

    #mainMenu{
               background-color:#000000;
               }

    [zwart]
    verander in:
    #mainMenu{ background-color: #99cc66;
    }` [appeltjes groen]
    kijk eens voor meer info over css:
    http://codex.wordpress.org/CSS
    http://codex.wordpress.org/Finding_Your_CSS_Styles
    verder zijn er veel sites die je meer kunnen leren over webdesign.
    Heel goed, maar niet gratis…
    http://www.lynda.com [geen banden, wel tevreden klant…]

1 reactie aan het bekijken (van in totaal 1)
  • Het onderwerp ‘Aanpassen theme qua kleuren’ is gesloten voor nieuwe reacties.