Hoi,
het kan wel.
de breedte van de site wordt bepaald door onderstaande css:
.container {
width: 980px;
}
Als je dat wijzigt naar:
.container {
width: 100%;
}
dan is je site beeldvullend. Maar.. Je hebt links een social menu. De site vult nu 100% dus het navigatiemenu valt links net iets onder het social menu. Dus je moet dan beslissen wat je met het navigatiemenu wil doen.
Doordat je site 100% beeldvullend is is de afbeelding in de kolom waar je berichten staan nu te smal etc etc.
Dus je moet wel een aantal dingen aanpassen om het weer mooi te maken.
Ben je bekend met het hulpprogramma voor ontwikkelaars van Google chrome? daarmee kan je zelf vrij snel zien wat een aanpassing voor gevolgen heeft.
Dit is een korte video met uitleg (misschien te technisch, misschien ook niet) https://www.youtube.com/watch?v=Z3HGJsNLQ1E
Thread starter
3lles
(@3lles)
Oke, bedankt. Waar kan ik die css ongeveer vinden?
Thread starter
3lles
(@3lles)
Ik heb het gevonden! Het is gelukt maar de artikelen kwamen er inderdaad anders uit te zien. Hoe verander ik dit?
Dan kan je beter aangeven wat je precies wil:
Je wil de site 100% breed.
Wat wil je met het menu? (uitlijning)
Wat wil je met de berichten? (hoe breed, uitlijning)
Wat wil je met de sidebar? (hoe breed, uitlijning)
Thread starter
3lles
(@3lles)
Ik heb de code verander zoals u dit zei, 90% vond ik mooier. Het enige probleempje is dat mijn afbeeldingen niet meeveranderd zijn. Normaal gesproken is de breedte van mijn uitgelichte afbeelding even breed als de tekst. Ik bedoelde dat ik wilde weten wat ik nu moest doen om dat ook op de juiste formaat te maken.
Ziet er mooi uit!
Je kan de foto breder maken maar dan is de tekst ook onleesbaar breed. (probeer maar eens, je zal zien dat lange, brede zinnen lastiger lezen.)
Wat ja kan doen is deze css code toevoegen:
.hentry {
max-width: 640px;
}
Daarmee wordt de kolom van de artikelen weer even breed als de afbeelding.
Probeer maar eens.
Als je toch de foto breder wil dan komt er iets meer bij kijken.
Thread starter
3lles
(@3lles)
Het ziet er inderdaad minder mooit uit. Zou u alsnog de langere manier uit willen leggen?
Installeer de plugin simple image sizes.
Ga dan naar instellingen – media – Afmetingen van afbeeldingen, daar kan je de afmetingen van de verschillende thumbnails aanpassen.
Het gaat om thumb-featured
Ik heb hier voor een maximale breedte van 960px gekozen, je kan zelf kiezen welke maximale breedte jij wil hebben. Let op: hoe groter de afbeelding, hoe zwaarder om te downloaden voor je bezoekers.
De volgende stap is om je thumbnails op nieuw te laten maken door WordPress. Hiervoor kan je de plugin AJAX Thumbnail Rebuild gebruiken. (installeren en dan via extra -instellingen – rebuild thumbnails alle afbeeldingen opnieuw laten aanmaken)
Succes! En maak svp backups zodat je altijd eventuele fouten kan herstellen!
Thread starter
3lles
(@3lles)
Ik heb alle stappen gedaan maar het werkte niet. Zijn er meer manieren?
kan je aangeven wat niet werkte?
Heb je elke stap uitgevoerd? Welke breedte heb jij gekozen? (en heb je de hoogte leeggemaakt bij thumb-featured?
(even en tussenvraag: wat is de breedte van de oorspronkelijke afbeeldingen die je hebt geupload?)
