Lettertype homepage veranderen.

Hi Margot,

WP doet niet wat ik wil.

Computers en websites zijn -gelukkig- ‘domme dingen’. Ze doen alleen -en precies- wat je ze opdraagt. Gaat het niet zoals je wilt, dan moet je op zoek naar ‘de juiste opdracht’.
Dat gaat soms niet in één keer goed [helaas], maar gelukkig mopperen PC’s en websites niet; ook geven ze geen ‘ongewenst commentaar’op fouten en blunders 😉

== == ==

ik wil graag hetzelfde lettertype overal

Da’s vast niet wat je PRECIES bedoelt… maar… zoiets moet werken.
Vervang font naar keuze.

*,body, button, input, select, textarea, .entry-content, p, div.entry-content span   {
    font-family: "Arial Black",arial, sans !important;
    font-weight: 700;
}

== == == WAT NU TE DOEN MET DEZE CODE…

Als je theme een optie heeft om de CSS aan te passen, bijvoorbeeld in een ‘custom css’-veld, plaats dan de aanpassing[en] aan je css hierin.
Ontbreekt een dergelijke optie in je theme? Volg dan de instructies hieronder.

Alternatief: Voeg bovenstaande code toe aan style.css van je CHILDtheme.
Zo voorkom je dat al je aanpassingen worden overschreven als de makers van je theme een update installeren.
Verder heeft het als voordeel dat alle aanpassingen overzichtelijk bij elkaar staan. Dat is makkelijk, overzichtelijk en eenvoudiger te onderhouden.

Kies je ooit een ander theme, dan dien je een nieuw childtheme te maken.

== == == ik wil echt GEEN childtheme [en begrijp het probleem van het aanpassen van het originele theme…]
Zet de bovenstaande code dan ONDERAAN het bestand ‘style.css’ van je thema. Ververs je browser <CTRL-F5>.
== == ==

== == == Heb je nog geen childtheme?

1. installeer en activeer ‘one click childtheme’-plug-in
2. activeer de originele theme
3. Dashboard > weergave > child theme
4. beantwoordt de vragen op het scherm
   >> er wordt een child theme aangemaakt in een map met bestanden zoals style.css;
5. Activeer het childtheme.

==

6. 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;

• Gebruik een FTP-programma bijvoorbeeld filezilla om je site te benaderen
• open de map van je childtheme
• gebruik een code-editor bijv. ‘NOTEPAD++’ [gratis] om het bestand ‘style.css’ van je childtheme te bewerken
• voeg bovenstaande code toe aan ‘style.css’ van je childtheme > sla alle wijzigingen op
• UPload de aangepaste ‘style.css’ naar de map van je childtheme [en overschrijf]
• browser: druk <CTRL-F5> om je browser te verversen
• bekijk het resultaat

– 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.

== == == leesvoer
http://www.w3schools.com/css/default.asp
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
http://codex.wordpress.org/Backing_Up_Your_Database
Natuurlijk zijn er ook trainingen op het internet te vinden…
bijv. [engels, betaald] Lynda.com:
http://www.lynda.com/WordPress-tutorials/WordPress-Essential-Training/154417-2.html
Natuurlijk zijn we op dit forum bereid je verder te helpen met je vragen / keuzes…

..en verder..
Geef even wat meer info over wat je wilt en waar het mis ging.
Het maken van bovenstaande aanpassing in het CSS gaat doorgaans niet zo spectaculair mis 😉 Er moet dus ergens iets ‘uit de klauw zijn gelopen’??

meer info = beter…

Hi,

img.logo-height-constrain {
    max-height:<strong>700px</strong> !important;
}

Bovenstaande geeft een logo over de hele breedte van je site [probeer maar…]
Verander vervolgens de hoogte [=waarde] naar wens…

== == == wat je moet weten over fonts // lettertypes en websites…
Als website bouwer kan je opgeven welke lettertypen je wilt gebruiken voor je site. Dat betekent echter niet automatisch dat BEZOEKERS van je site altijd dat lettertype ook ZIEN.
Dat komt omdat websites de lettertypen gebruiken die bij de bezoeker van je site op de PC staan. staat het lettertype van jouw site niet op de PC, dan wordt een vervangend lettertype gebruikt.
Daarom ook is het goede gewoonte om bij de bouw van je site een ‘font-family’ op te geven. Heeft de bezoeker het eerst opgegeven lettertype niet, dan wordt het volgende gebruikt of het daarop volgende etc. Het meest algemene lettertype staat als laatste genoemd; Zoek dus een lijst van fonts bij elkaar dat op elkaar / acceptabel lijkt.
Bijvoorbeeld:

p {
    font-family: "Times New Roman", Georgia, Serif;
}

Om dit probleem op te lossen kan je lettertypen in je site ‘inbakken’. Zo toont je site zoals jij bedoeld hebt, ongeacht of de bezoeker het betreffende lettertype op de PC heeft staan.
Hier vind je de info:
‘http://www.w3schools.com/css/css3_fonts.asp&#8217;
==

Hi,

Goed dat je langzaam maar zeker vorderingen maakt!

Het menu is nog niet goed, de letters zijn niet allemaal gelijk qua grootte, niet het juiste lettertype en ze ‘ dansen’ als je er overheen scrolt.

Ik heb eens in iets meer detail gekeken naar het menu.

Het klopt dat in dit geval zaken een andere opmaak = uiterlijk krijgen bij de verschillende ‘situaties van het menu’ zoals het nu is.

== == == voorbeeld algemene opmaakkenmerken links

/* link nog niet bezocht - unvisited link */
a:link {
    color: green;
}

/* bezochte link - visited link */
a:visited {
    color: green;
}

/* muis boven link - mouse over link */
a:hover {
    color: red;
}

/* geselecteerde link - selected link */
a:active {
    color: yellow;
}

== == == jouw menu
Ik heb in het voorbeeld de diverse opties andere kenmerken meegegeven. Zo zie je welke opties er zijn. Natuurlijk kan je de boel naar eigen wens aanpassen…

.main-navigation ul li, .main-navigation ul li a:link, a {
    font-size:1.23em;
    font-family:sans-serif !important;
    color:aqua;}
.main-navigation ul li a:hover {color:blue;
    font-size:1.23em;
    font-family:sans-serif !important; }
.main-navigation ul li a:active{
    font-size:1.23em;
    font-family:sans-serif !important;
    color:beige;}

Hi Margot,

’t Is net als een nieuwe taal, nieuwe hobby, een nieuwe relatie..?
Je moet nieuw vaardigheden leren, nieuwe termen leren gebruiken, elkaar leren kennen… en dat kost inspanning, maar is ook leuk [als het lukt…;-) ]

— — —
Ik heb eens verder naar je font-probleem gekeken. Het font dat jij hier noemt zit niet standaard in WINDOWS. Dat geeft zo zijn eigen problemen / uitdagingen… Hier meer info.

Lettertypen: Belangrijk om te weten…
Als website bouwer kan je opgeven welke lettertypen je wilt gebruiken voor je site. Dat betekent echter niet automatisch dat BEZOEKERS van je site altijd dat lettertype ook ZIEN.
Dat komt omdat websites de lettertypen gebruiken die bij de bezoeker van je site op de PC staan. Staat het lettertype van jouw site niet op de PC, dan wordt een vervangend lettertype gebruikt.
Daarom ook is het goede gewoonte om bij de bouw van je site een ‘font-family’ op te geven. Heeft de bezoeker het eerst opgegeven lettertype niet, dan wordt het volgende gebruikt of het daarop volgende etc. Het meest algemene lettertype staat als laatste genoemd; Zoek dus een lijst van fonts bij elkaar dat op elkaar / acceptabel lijkt.
Bijvoorbeeld:

p {
    font-family: "Times New Roman", Georgia, Serif;
}

Om dit probleem op te lossen kan je lettertypen in je site ‘inbakken’. Zo toont je site zoals jij bedoeld hebt, ongeacht of de bezoeker het betreffende lettertype op de PC heeft staan.
Hier vind je de info:
http://www.w3schools.com/css/css3_fonts.asp

Een andere oplossing [veeeeeel eenvoudiger] is, om een lettertype en font-family te kiezen die WEL standaard in WIN zit.
Hier de lijst…
https://en.wikipedia.org/wiki/List_of_typefaces_included_with_Microsoft_Windows

Er zijn tal van cursussen, ook online [wel zo makkelijk]
Hierboven noemde ik al LYNDA.COM. In het engels, maar erg goed! Kijk maar eens rond… misschien is het wat voor je.