Ondersteuning » Thema en CSS/opmaak » Tabbladen verplaatsen

  • Vorige week ben ik begonnen met het bouwen van mijn website http://www.beauandthecity.nl maar ik blijk er nog minder verstand van te hebben dan ik dacht. Ik krijg het bewerken van de pagina’s echt niet onder de knie. Voor nu heb ik twee vragen:

    hoe kan ik de gehele pagina verbreden en verhogen, dus dat de sidebar meer naar de zijkanten worden verplaatst en de header meer naar boven?
    en hoe kan ik de rij met tabbladen naar ónder de header verplaatsen, in plaats van erboven?

    Ik hoop dat iemand me hier mee kan helpen!

14 reacties aan het bekijken - 1 tot 14 (van in totaal 14)
  • Hallo Beau!

    Ik denk dat het beste advies dat ik je kan geven is om een thema te zoeken die deze wijzigingen al heeft. Kleuren en secties zijn per thema aan te passen, maar toch zijn er veel mensen die hier juist naar kijken.

    Kijk dus bij het kiezen van een thema meer naar wáár bepaalde onderdelen zitten. Kleuren etc zijn met CSS aan te passen, maar het verplaatsen van de menubalk moet in de template files. Waar je liever niet in wilt rotzooien.

    Daar moet ik wel aan toevoegen dat je bij sommige thema’s wel de opties hebt om dit te veranderen, maar dat komt niet vaak voor, zeker niet bij gratis thema’s.

    Heel veel succes!

    Groetjes,

    Mathijs Lemmers
    mathijslemmers.com

    Thread starter beauatc

    (@beauatc)

    Dankjewel Mathijs!
    Is er dan wel een mogelijkheid om met de breedte van de pagina te spelen? Is slecht te zien bij de voorbeeldtemplates!

    Is wel mogelijk maar niet altijd aan te raden. Dit ligt er aan hoe het thema gebouwd is! Dat soort dingen zijn een stuk lastiger geworden sinds alles responsive moet zijn. Nogmaals, het is wel te doen, maar het is verstandiger om een thema te zoeken dat op dat gebied gewoon goed is. Scheelt veel werk en risico.

    Bij de meeste thema’s kan je echter wel zien hoe pagina’s met en zonder zijbalk er uit zien. Zo krijg je dus een goed idee hoe het is ingedeeld.

    Tip: Mocht je een website hebben gevonden die je mooi vindt, waarvan je weet dat het een WordPress website is dan kan je met WPThemeDetector erachter komen welk thema ze gebruikt hebben.

    Thread starter beauatc

    (@beauatc)

    Heb net gekeken naar de themes van de sites die ik mooi vind, maar zij gebruiken bijna allemaal zelfontworpen themes. Daar kan ik maar beter niet aan beginnen geloof ik. Ik heb nu Make als theme, want hier lijk ik wel veel kant mee op te kunnen. Het probleem dat zich helaas meteen alweer voordoet is de hoogte van de header. Ik wil graag dat mijn volledige afbeelding te zien is als kop boven de pagina, maar ik krijg hem niet hoger! Enig idee hoe ik dat voor elkaar kan krijgen?

    Ik snap dat het erg overweldigend kan zijn. Zoveel thema’s en natuurlijk het liefst een gratis optie!

    Het is niet fijn om te horen natuurlijk maar het thema dat je hebt gekozen is niet bepaald goed. Zo kan hij de header afbeelding niet aan en wanneer je deze met CSS groter maakt komt hij onder het menu te staan. Wat je nou juist niet wilde hebben.

    Als je op de WordPress pagina kijkt zie je dat er maar 14 mensen dit thema hebben beoordeeld. Mijn advies is om te kijken bij de populaire gratis Thema’s. En goed te letten op de beoordelingen en reacties die mensen hebben gegeven.

    Als je erg specifieke wensen hebt is het misschien toch het beste om een professional in te huren. Wanneer je je dit niet kan permitteren

    Thread starter beauatc

    (@beauatc)

    Pfff ja ik kom er écht niet uit. Ik heb inderdaad al eerder gekeken bij de populaire themes, maar hier vind ik niet echt iets. Ik heb geen hele specifieke wensen eigenlijk: ik wil dat de pagina breed is en dat de header goed gecentreerd te zien is, dat zijn mijn belangrijkste eisen.

    Met blogger kon ik altijd prima overweg, zelfs de css aanpassen lukte me daar nog wel, maar dit met wordpress is echt geen doen! Op het moment blog ik op http://www.ikbenbeau.blogspot.nl en zoiets moet dit eigen domein eigenlijk ook worden, niks bijzonders aan lijkt me?

    Helaas kan de overgang van Blogger naar WordPress soms wat overweldigend zijn.

    Ik kan voor je kijken of ik iets kan vinden. Beloof echter niks!

    Kom ik morgen op terug, nog een fijne avond!

    Thread starter beauatc

    (@beauatc)

    Dat zou echt super zijn! Ik ga ook nog even verder uitvogelen wat ik nog kan doen met wordpress 🙂 Fijne avond!

    Goedemorgen!

    Ik heb even rondgekeken en heb een thema gevonden waar het denk ik wel mee gaat lukken.

    Dit is Themify Base. Het aantal reviews is erg matig, maar ik ben bekend met de makers en ze maken erg goede thema’s.

    Ik heb ‘m even getest op een subdomein en alles ziet er goed uit. Je kan veel aanpassen op een simpele manier. Hier kun je zien hoe het eruit ziet zonder content.

    Er is natuurlijk geen garantie dat alles perfect is zoals je het zou willen, maar dat is iets waar je mee moet leven bij gratis thema’s. Probeer ‘m uit en laat maar weten of het goed is!

    Thread starter beauatc

    (@beauatc)

    Heel erg bedankt voor de hulp 🙂 Ziet er inderdaad uit alsof ik er wel wat mee kan! Ik ga weer een dagje knutselen!

    Thread starter beauatc

    (@beauatc)

    Het is gelukt! Inderdaad een prima theme om niet al te moeilijke websites (vooral blogs) mee te ontwerpen! Nogmaals bedankt! Ik durf het bijna niet te vragen, maar ik zit nog in de knoop met één dingetje: is het mogelijk om de hoogte van de header/logo iets aan te passen. ik vind dat er te veel witruimte zit tussen de bovenkant-header-menu-scheidingslijn. Ik heb in de html al wat geprobeerd met heights, maar ik zie niets veranderen. Is dit wel te veranderen of is dit weer hetzelfde verhaal met dat ik daar dan een theme op uit moet kiezen?

    Fijn om te horen dat het gelukt is!

    Om dit soort dingen aan te passen kan je het beste een child-theme gebruiken. Hiervoor heb je ftp toegang nodig en moet je nieuwe bestanden etc aanmaken, wat wellicht iets te lastig wordt…

    Eigenlijk is dit altijd aan te raden, maar aangezien je waarschijnlijk eenmalig een website maakt is het misschien te veel om aan te beginnen.

    Als je naar “Aanpassen” gaat, waar je je logo hebt ingevoegd en kleuren etc hebt veranderd, zie je helemaal onderaan een vlak waar je CSS in kan plakken.

    Het is me niet helemaal duidelijk welke ruimte je wilt aanpassen dus hier wat verschillende codes.

    Om de ruimte boven het logo en onder het menu aan te passen:

    #header {
        padding: 75px 0 45px;
    }

    Hierbij is de 75px de ruimte boven en 45px de ruimte onder. Deze moet je dus naar wens kleiner maken.

    Om de ruimte tussen het logo en het menu te verkleinen:

    #main-nav {
        margin: 40px 0 0;
    }

    Hierbij moet je dus de 40px kleiner maken.

    Mocht het niet helemaal duidelijk zijn dan kan je een van de codes in dat vlakje plakken, het getal aanpassen en zien wat er gebeurt.

    Good luck!

    Thread starter beauatc

    (@beauatc)

    Mathijs, alweer onwijs bedankt! Het werkt! Het CSS Custom vakje herken ik nog wel van blogger. Wat een handig ding!

    Oké super!

    Fijn dat ik je heb kunnen helpen. Nog heel veel succes met je website!

    Vergeet dit topic niet op resolved te zetten 😉

    Mvg,

    Mathijs Lemmers
    mathijslemmers.com

14 reacties aan het bekijken - 1 tot 14 (van in totaal 14)
  • Het onderwerp ‘Tabbladen verplaatsen’ is gesloten voor nieuwe reacties.