Ondersteuning » Thema en CSS/opmaak » Aanpassen lettertype

  • tocotronics

    (@tocotronics)


    Hoi,

    Vraagje, ik ben een webshop aan het maken met wordpress. Ik maak ook gebruik van Woocommerce en Flexishop2.
    Nu wil ik het lettertype over de gehele shop aanpassen. Ik ben nog een beginneling, en hebt dit ergens een x aangepast via het menu (en niet via style.css). Weet iemand waar ik kan vinden? Ik kan het echt niet meer vinden :(.

    wie kan mij verder helpen??

    alvast bedankt!

    gr Lenny

1 reactie aan het bekijken (van in totaal 1)
  • Lenny,

    Veel themes bieden de mogelijkheid om in de theme-options zaken als het lettertype, kleuren etc. aan te passen.
    Begin daar met zoeken / verkennen.
    Heeft jouw theme die opties niet?
    == == ==
    Om dit soort dingen te doen [en nog heel veel meer] moet je het css-bestand / of php-bestanden aanpassen naar je wensen.
    == == ==
    ‘Heel simpel’ wordt het antwoord op je vragen niet, maar als wat computer-basisvaardigheden hebt en je de instructies volgt, kom je hier vast uit.

    == == == Maak eerst een back-up == == ==
    Gebruik je eigen FTP of download en installeer een FTP-programma:
    bv. http://filezilla-project.org/download.php
    Maak een FTP-instelling voor een ‘niewe site’
    Gebruik de gegevens van de webhost
    Verbind met de site
    Download / Kopieer alle bestanden naar de PC.

    Back-up Database:

    1. Dashboard > Extra > Exporteren
    2. Gehele Inhoud
    3. Desgevraagd: Installeer en Run Export plugin
    4. Sla exportbestand op de PC op

    == == == Gebruik / Maak een ChildTheme
    Maak altijd alle aanpassingen van je site, in een ‘childtheme’ van jouw Theme!!
    Zo voorkom je dat al je aanpassingen worden overschreven als de makers van je theme een update installeren.
    Tip: Gebruik plugin ‘one click childtheme’ om een child theme te maken. (instructies hieronder)

    • om je site aan te passen, maak je nu alle wijzigingen in de map en bestanden van je child theme.
      – Maak je aanpassingen in style.css van het childtheme;
      – mocht je aanpassingen willen maken in de originele php-bestanden, kopieer de betreffende php-file uit het originele theme naar de map van het childtheme. Maak hierin dan de gewenste aanpassingen.
    • !!EINDELIJK AAN DE SLAG!!
      Afhankelijk van het gebruikte theme kan de code verschillen.
      Installeer Tools zoals FIREBUG in je webbrowser om je site [en andere sites] te onderzoeken en veranderingen uit te proberen..

      Onderzoek mbv Firebug welke elementen de font van je site controleren en pas het nar wens aan.

      !!VOORBEELD!!
      Voeg onderstaande code toe aan style.css van je childtheme.

      *,body, p, h1,h2,h3{
              font-family: Arial, Helvetica,sans-serif;
              font-size: 1.5em;
              font-color:#666666;
              }

      Lees meer:
      http://codex.wordpress.org/Using_FileZilla
      http://codex.wordpress.org/nl:WordPress_Lessen
      http://www.w3.org/Style/Examples/011/firstcss.nl.html
      http://codex.wordpress.org/Getting_Started_with_WordPress
      http://codex.wordpress.org/CSS
      http://codex.wordpress.org/Finding_Your_CSS_Styles
      http://codex.wordpress.org/FAQ_Troubleshooting

      == == == Gedetailleerde uitleg
      == == == Childtheme
      1. installeer en activeer ‘one click childtheme’-plug-in
      Dashboard > Plugins > Nieuwe plugin
      Type zoekterm ‘one click childtheme’
      Installeer de plugin
      Activeer de plugin

      2. activeer de originele theme
      Dashboard > Weergave > thema’s
      Controleer of jouw originele theme actief is. Zo nodig activeer het.

      3. Dashboard > weergave > child theme

      4. beantwoordt de vragen op het scherm: Geef het childtheme een naam; bv childTwentyEleven
      >> er wordt een child theme aangemaakt map en bestanden zoals style.css;

      5. Activeer het childtheme:
      Dashboard > weergave Thema’s>

      6.Klik en activeer je CHILDtheme
      ==
      Er lijkt niets veranderd, maar je hebt nu de basis voor meer controle over je site.
      ==
      Aanpassen ‘code’:
      Gebruik voor het aanpassen van code een ‘EDITOR’ zoals NOTEPAD++, in plaats van MSWord of een wordprocessor!!
      http://notepad-plus-plus.org/download/v6.3.1.html
      == == ==

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