Support » CSS / opmaak vragen » Header per pagina instellen Thema Twenty Ten

  • Opgelost Marjavanderkolk

    (@marjavanderkolk)


    HIerbij tot slot nog een vraag. Bij thema Twenty Ten is de header willekeurig als ik er meerdere headers in plaats. Nu wil ik voor iedere pagina een vaste header instellen… hoe doe ik dat….gaarne hulp??

8 reacties aan het bekijken - 1 tot 8 (van in totaal 8)
  • NB! Maak een back-up!
    NB! Maak wijzigingen in je child theme!
    NB! Gebruik een editor [bijv. ‘Notepad++’ om wijzigingen aan te brengen!

    Open ‘header.php’ en plaats de volgende code op een lege regel, na [voorbeeld, `<div id= “header”>, maar vóór <div id=”maincontent”>

    <!-- toevoeging variabele afbeelding -->
    	<img src='<?php echo get_post_meta($post->ID, 'banner', true); ?>' />
    	<!-- EINDE toevoeging variabele afbeelding -->

    Hierdoor verschijnt in de editor van elke pagina een blok ‘extra velden’ [klik rechtsboven in de tab ‘scherminstellingen’ en vink ‘velden’ aan!]

    Voeg een nieuw veld toe ‘banner’ en geef als waarde het bestand dat je als afbeelding wilt gebruiken [moet op je webserver staan]

    Zo kan je op elke pagina precies bepalen welke afbeelding je wilt plaatsten in de header.

    NB! Zorg dat je het pad precies goed intypt, anders zie je je afbeelding niet!!!
    bijv.

    wp-content/themes/mijnchildtheme/images/mijnlogo.jpg

    Inmiddels ben ik van Thema veranderd en heb ik al diverse plug inns geprobeerd…. Maakt het voor het erin plakken van de code zoals hierboven uit welk thema ik geinstalleerd heb ? Inmiddels heb ik Weaver namelijk en er zijn zoveel plug inns voor een header….
    Kun je me daarin nog adviseren ?
    Alvast hartelijk dank. Dat programmeerachtige is niet zo mijn ding maar dit zou me moeten lukken…

    Het thema maakt voor het plakken van de code niet uit.
    Alle themes hebben een header.php – bestand dat je moet aanpassen om te doen wat je wil.
    Ook ik moest in het begin erg wennen, en was wat aarzelend. Stel je voor dat ik de boel zou kapotmaken?!!

    De truc die ik gebruik is eerst een kopie maken van het bestand dat ik ga aanpassen.
    Dan de aanpassing maken.
    Werkt het? Feest! Zo niet? Terugzetten van het origineel. Dan ben ik er in elk geval niet op achteruit gegaan.
    Gaandeweg heb ik bereikt wat ik wil.

    Over plug-ins:
    1. Kijk of ie doet wat jij zoekt.
    2. Wordt ie door VEEL mensen gebruikt en zijn ze tevreden? Dan installeren / proberen.
    3. werkt t voor jou niet als gehoopt: jammer dan. Weggooien en een nieuw alternatief zoeken. Er is genoeg.

    De truc is:
    Geen haast, en de ruimte pakken om te proberen.
    Hou ’t gezellig.
    Het leuke van een computer blijft dat ie nooit klaagt; Ook niet als je zit te blunderen of niet opschiet 😉

    Hi daar ben ik weer,
    heb het inmiddels geprobeerd maar doe waarschijnlijk nog iets niet goed.
    Zal wel een back up terugzetten en morgen nogmaals met frisse moed gaan proberen. hahah.
    Het kost tijd dat snap ik zal wel iets niet goed doen. Maar blijf proberen… je hoort weer van me.
    Voor zover alvast heel hartelijk dank.

    Gr. Marja

    Hi Marja,

    Goed dat je doorzet. Ik kende weaver II niet. Ziet er netjes en flexibel uit. Daar kan je vast iets moois van maken.

    Ik heb het thema Weaver II even op een testsite losgelaten [Weaver vermeldt dat het OBSOLETE / achterhaald -verouderd is.]

    In weaver II dien je het volgende aan te passen:
    Open ‘header.php’

    Ga naar regel 245 en geef een paar maal <enter>
    Voeg de volgende code toe:

    <!-- toevoeging variabele afbeelding -->
    <img src='<?php echo get_post_meta($post->ID, 'banner', true); ?>' />
    <!-- EINDE toevoeging variabele afbeelding -->

    Onderstaand is een deel van het resultaat:
    ...

    'display' ) ); ?>" />
    <?php			    } else {
    				echo '<div class="weaver-clear"></div>'; // needs a clear if not an img
    			    }
    			}
    		    }
    		    weaverii_e_opt('wii_link_site_image',"</a>\n");	/* need to close link */
    		    echo("\t\t</div><!-- #header_image -->\n");
    		} /* closes header > 0 */
    	    } /* end wii_hide-header-image */
    
    	    if (weaverii_getopt('_wii_hdr_widg_afterimg'))
    		get_sidebar('header');
    ?>
    <!-- toevoeging variabele afbeelding -->
    <img src='<?php echo get_post_meta($post->ID, 'banner', true); ?>' />
    <!-- EINDE toevoeging variabele afbeelding -->
    
    	</header><!-- #branding -->
    <?php
    	    /* ======== BOTTOM MENU ======== */
    	    get_template_part('nav','bottom');

    ...

    Volgende stap:
    Kopieer de alternatieve bestanden nu naar de map
    wp-content/themes/weaver-ii/images/headers

    Volgende stap:
    Open een pagina mbv de WP dashbord.

    Direct onder het editor veld waar je de tekst invoert, vind je een aantal blokken met opties en aanvinkvakjes.
    Ga naar:

    PER PAGE OPTIONS
    ‘These settings let you hide various elements on a per page basis.’
    VINK AAN: Hide Standard Header Image Laatste optie op 1e regel.

    Volgende stap:
    Scroll naar beneden naar ‘EXTRA VELDEN’

    Klik naam van veld: kies / type: banner

    In het veld ‘waarde’ type: wp-content/themes/weaver-ii/images/headers/ocean-birds.jpg

    Klik knop ‘extra veld toevoegen’
    Scroll naar boven.

    Rechts naast het editor veld: klik bijwerken om de pagina op te slaan.

    Nu is de gekozen banner in de plaats gekomen van de standaard.

    Samenvattend:
    Dit laatste stukje moet je nu doe voor alle pagina’s en berichten die een aparte kop afbeelding moeten krijgen.

    DWZ aankruisvakje aanklikken
    Alternatief veld BANNER, pad naar het bestand invoeren [evt kopieren van eerdere pagina]
    twee maal opslaan.

    bij thema Weaver is een plugin te gebruiken waarbij je per pagina kunt instellen welke headerafbeelding je wilt hebben.
    ik meen dat die dynamic-headers heet

    Nou het is me eindelijk gelukt hoor met een beetje hulp van mijn zoon. Na het aanmaken van een mapje voor de images in wp content was het snel voor elkaar.
    Dank voor jullie hulp Gaike en W.P.Ginfo.
    Gr. Marja

    graag gedaan

8 reacties aan het bekijken - 1 tot 8 (van in totaal 8)
  • Het onderwerp ‘Header per pagina instellen Thema Twenty Ten’ is gesloten voor nieuwe reacties.