Ondersteuning » Thema en CSS/opmaak » header staat niet in het menu

  • Opgelost karima112

    (@karima112)


    hoi allemaal,

    Ik ben een beginner. Ik wil graag mijn header aanpassen. Echter heb ik in het menu links van wordpress geen header optie. Ik heb het e.e.a opgezocht, maar kan hier niets over terugvinden. Komt dit door de laatste versie of doe ik iets fout?

    Alvast bedankt!

    gr. karima

8 reacties aan het bekijken - 1 tot 8 (van in totaal 8)
  • Hi Karima,

    Bovenstaande info is wat te beperkt om je goed te kunnen helpen. Er zijn heeeeel veeel verschillende word-thema’s.

    1. Geef even de url van je site [bijv. http://www.mijnsitenaam.nl]
    2. en het thema dat je gebruikt

    Dan kunnen we je wat makkelijker helpen.

    Thread starter karima112

    (@karima112)

    Hoi Ginfo,

    Ja dat is inderdaad wel handig om te weten πŸ™‚

    http://www.ikkrijgbijles.nl
    thema is Kindergarten

    Ik wil graag een logo toevoegen en de lettertype veranderen van ikkrijgbijles.nl

    Alvast bedankt voor de moeite!

    gr. Karima

    Thread starter karima112

    (@karima112)

    Hoi Ginfo,

    Het is me inmiddels gelukt om de header te veranderen. Ik heb alleen nog een vraag over de hoogte van de logo. Ik wil deze iets lager hebben, is dit wel mogelijk?

    gr. karima

    Hi Karima,

    Hier kan je verschillende dingen mee bedoelen…

    • ‘hoogte van de logo’ ~wil je het logo kleinere afmetingen geven…?
    • wil je het logo naar beneden schuiven, maar de maten van het logo ongewijzigd laten?
    • anders…

    Daarom meerdere antwoorden hieronder…

    == == == maten logo ongewijzigd; positie naar onder geschoven

    .site-branding {
            max-height: 150px !important; /*pas aan naar wens*/
    	position:relative;
    	line-height:0;
    	padding: 45px 15px 0px 15px; /*boven-rechts-onder-links*/ /*pas aan naar wens*/
    }

    == == == logo kleiner // minder hoog

    header#masthead {
          max-height: 85px; /*pas aan naar wens*/
    }
    .site-branding {
    	position:relative;
    	line-height:0;
    	padding: 15px 15px 0px 15px; /*boven-rechts-onder-links*/ /*pas aan naar wens*/
    }

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

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

    == == ==Veiliger 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.

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

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

    Thread starter karima112

    (@karima112)

    Hoi Ginfo,

    Ik heb een klein foutje gemaakt, maar nu kom ik niet meer in mijn website. ik krijg de volgende foutmelding:

    Parse error: syntax error, unexpected ‘.’ in /home/ikkrijgb/public_html/wp-content/themes/kindergarten/inc/header-functions.php on line 50

    Niet handig, weet ik. Wat kan ik eventueel nog doen om dit te verhelpen?

    gr. karima

    Hi Karima,

    Kleine foutjes zitten in kleine hoekjes en gaatjes…;-)
    Dat gebeurt ons allemaal… geef nix.
    In de meeste gevallen blijft de inhoud van je site gewoon bewaard.

    Het is een heel lang verhaal geworden… laat je niet afschrikken. Het werkt precies als elk recept of instructie… Het is zo lang omdat ik alles zoveel mogelijk in kleine stapjes heb geknipt. Ik heb mijn best gedaan om je zo stap voor stap naar een oplossing te brengen Γ¨n je uit te leggen wat ik doe / jij doet… om WP enigszins begrijpelijker te maken.

    Tips:

    • Wees zuinig met het aanbrengen van nieuwe veranderingen in probleemsituaties. Zo blijft het achterhalen van de oorzaken en het ’terugdraaien’ // oplossen, beter overzichtelijk.
    • werk langzaam en nauwkeurig
    • neem de volgende stap pas als de vorige succesvol is afgerond
    • gaat er iets fout? ga een stap / wat stappen terug en loop de zaak na [maak daarbij zo weinig mogelijk wijzigingen; Controleer steeds of je aanpassing werkt; je wilt systematisch zoeken naar een oplossing]
    • VRAAG GERUST!

    == == == eerst de controle over je site terug…
    Hier zijn twee methodes voor. De meestgebruikte methode is het gebruik van een FTP-programma. Hieronder is ‘methode 2’ beschreven…, mocht je nog geen FTP-programma gebruiken. De werkwijze is in beide gevallen gelijk… de stappen variΓ«ren enigszins…

    1. log in bij je WEBHOST
    2. ga naar het control panel van de WEBHOST [bijv. PLESK]
    3. ga op zoek naar ‘bestandsbeheer // filemanager’oid.
    4. gevonden? >> de ‘root’ van je site. De naam van deze map kan varieren. Bijv. ‘httpdocs’ / ‘htpdocs’ / ‘public’ / ‘public_html’ / ‘www’
    5. gevonden? ga naar: ‘wp-content’ > ’themes’
    6. hier zie je de thema’s die je hebt geinstalleerd, waaronder jouw thema ‘Kindergarten’
    7. verander de naam van jouw thema in ‘0Kindergarten’ [klik tot de map naam blauw wordt > zet een 0 voor de naam > geef <enter>
    8. Wat je nu gedaan hebt jouw gekozen thema [tijdelijk] buiten gebruik gesteld.

      — — —

    9. browser: ga naar je site… Hij ziet er nu ANDERS uit, [want een ander thema] maar je hebt weer controle over je site. πŸ™‚
    10. Wat er is gebeurd: Je gekozen thema is hernoemd en kan niet worden gevonden >> WP kiest een alternatief thema >> je hebt weer controle!

      πŸ˜‰ Tijd voor een bakkie koffie / drankje naar keuze πŸ˜‰

      == == == op zoek naar de fout / een oplossing

      Parse error: syntax error, unexpected ‘.’ in /home/ikkrijgb/public_html/wp-content/themes/kindergarten/inc/header-functions.php on line 50

      De vraag is nu wat ging er mis? Heb je hier zelf een idee van? Laat het dan even weten, dat helpt het vinden van een oplossing… [bijvoorbeeld] Heb je alleen de CSS aangepast, of heb je het ‘header.php’ bewerkt?? Dit laatste is NIET de bedoeling!

    == == == de oplossing

    1. download een nieuwe en ‘schone’ versie van je thema naar je PC (of gebruik een schone versie als je die hebt bewaard)
    2. zo nodig ‘unzip // uitpakken’ je thema
    3. gebruik opnieuw FTP -of de filemanager van je webhost zoals hierboven beschreven- om je site te bereiken
    4. ga naar ‘../wp-content/themes’ maak een nieuwe map aan ‘kindergarten’
    5. !!De oude map ‘0kindergarten’ blijft dus gewoon bewaard!! Misschien hebben we die nog nodig…!

    6. ftp / webhost: UPload je kindergarten-thema-bestanden naar de nieuwe map ‘kindergarten’

    πŸ˜‰ Tijd voor een bakkie koffie / drankje naar keuze πŸ˜‰
    — — —

    1. log in
    2. dashboard > weergave > thema’s
    3. >> je ziet nu de standaard thema’s van WP, jouw ‘vernieuwde’thema Kindergarten en jouw oude thema nu ‘0Kindergarten’

    4. Laat het kapotte thema met rust! Selecteer het vernieuwde thema ‘kindergarten’> en activeer het
    5. bekijk het resultaat
    6. Je site zou er nu in grote lijnen uit moeten zien zoals de bedoeling was…

    == == == …bijna…
    Er is nu nog één grote vraag… Heb je eerder [voor het opduiken van dit probleem] wijzigingen aangebracht in je thema. Daarbij kan je denken aan ‘style.css‘ of php-bestanden…?

    OPGELET: alle andere bestanden zoals foto’s, video’s etc. etc. hoef je NIET over te zetten. het gaat echt alleen over CSS en PHP-bestanden DIE JIJ EERDER HEBT VERANDERD
    >> Nee, je hebt geen wijzigingen zoals hierboven gemaakt…? Dan is de boel weer op orde en kan je verder waar je gebleven was…
    == == == == == ==
    == == == == == ==
    >> JA, je hebt je CSS en / of php-bestanden aangepast en wil die weer aanbrengen in je site…

    == == ==
    Is het antwoord op de bovenstaande vraag JA, je hebt je CSS en / of php-bestanden aangepast en wil die weer aanbrengen in je site…
    Dan moeten we even wat veiligheidsnet aanbrengen om herhaling te voorkomen, of te kunnen opvangen πŸ˜‰

    ??heb je een CHILDTHEME gemaakt naar aanleiding van bovenstaand advies??
    NEE? Doe dat dan nu!

    1. dashboard > plugins > nieuwe plugin
    2. zoek plugin ‘one click childtheme’
    3. installeer en activeer ‘one click childtheme’-plug-in
    4. activeer nu eerst de parent theme ‘kindergarten’
    5. klik dan: Dashboard > weergave > child theme
    6. beantwoordt de vragen op het scherm noem het childtheme ‘kindergarten_child’
      >> er wordt een child theme aangemaakt in een map met bestanden zoals style.css;
    7. dashboard > weergave > thema’s > controleer / Activeer het childtheme ‘kindergarten_child’.
    8. — — —
      πŸ˜‰ ’t Is weer tijd voor een korte pauze πŸ˜‰

    — — —
    Wat we nu gaan doen is de aanpassingen in ‘0kindergarten’ die je eerder gemaakt hebt, overzetten naar het childtheme.

    1. >> kopieer alleen die CSS- en PHP-bestanden uit ‘0kindergarten’ die je eerder hebt aangepast!<< naar de map van je childtheme:
      ‘../wp-content/themes/kindergarten_child
    2. OPGELET: alle andere bestanden zoals foto’s, video’s etc. etc. hoef je NIET over te zetten. het gaat echt alleen over CSS en PHP-bestanden DIE JIJ EERDER HEBT VERANDERD.
      — — —
      >> GELUKT om de boel naar de juiste map te kopieren?
      OK nu gaan we dezelfde truuk uithalen als boven…

    3. >>hernoem alle bestanden die je net hebt gekopieerd door een ‘0’te plaatsen voor de naam [‘styles.css’ wordt ‘0styles.css’ en ‘header.php’ wordt ‘0header.php’] etc.
    4. — — —
      Nu gaan we stap-voor-stap al jouw aanpassingen her-introduceren en kijken waar de fout zat… πŸ˜‰

    5. Verwijder één-voor-één de ‘0’ van één van de aangepaste bestanden >> , controleer elke keer of het probleem terugkomt
    6. Zo vind je de bron van het probleem; Verwijder het probleem-bestand of hernoem het opnieuw
    7. Ben je hier aanbeland, dan kan je de fout achterhalen en oplossen, of vragen hoe dat moet…;)
    Thread starter karima112

    (@karima112)

    Hoi Ginfo,

    Heel erg bedankt voor je moeite!! Ik kan weer bezig met mijn website. Wat ik fout heb gedaan, weet ik nog steeds niet. Komt ook, omdat ik nog beginner ben en alles nog wel nieuw is voor mij.

    Ik ga weer even verder met aanmodderen met mijn website.

    gr. karima

    Hi Karima,

    Fijn dat ’t weer werkt. Veel plezier met aanmodderen.. πŸ˜‰
    Heb je vragen, vraag gerust [maak een nieuwe vraag aan…]

    Vergeet aub niet de thread als ‘resolved’ / ‘opgelost’ te taggen in de rechter zijbalk.

8 reacties aan het bekijken - 1 tot 8 (van in totaal 8)
  • Het onderwerp ‘header staat niet in het menu’ is gesloten voor nieuwe reacties.