Ondersteuning » Algemeen WordPress » Volledige pagina site

  • Opgelost 3lles

    (@3lles)


    Hallo

    Ik heb mijn eigen blog en ben de laatste tijd de puntjes op de I aan het zetten. Ik zou graag mijn site op de gehele pagina willen hebben. Ik bedoel hiermee dat mijn site net zo groot is als je scherm. Het rijtje met de home, over mij en contact knop houd ineens op, maar ik zou graag willen dat dit doorgetrokken wordt zodat je een full-page site hebt. Kan dit geregeld worden op 1 of andere manier, of is hier een bepaalde plugin voor.

    Groetjes,
    Elles

    http://www.3lles.nl

10 reacties aan het bekijken - 1 tot 10 (van in totaal 10)
  • Moderator Mike

    (@mike_vl)

    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?

    Moderator Mike

    (@mike_vl)

    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.

    Moderator Mike

    (@mike_vl)

    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?

    Moderator Mike

    (@mike_vl)

    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?

    Moderator Mike

    (@mike_vl)

    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?)

10 reacties aan het bekijken - 1 tot 10 (van in totaal 10)
  • Het onderwerp ‘Volledige pagina site’ is gesloten voor nieuwe reacties.