Ondersteuning » Thema en CSS/opmaak » Plaatje/tekst toevoegen in Header

  • Opgelost marcnuijten

    (@marcnuijten)


    Dag allemaal,

    Hoe voeg ik een extra plaatje/tekst toe in mijn header?

    Concreet wil ik onder de tekst die ik nu in mijn header heb een soort vierkantje met een andere kleur waarin staat: Advies binnen 5 minuten? Bel. …. etc.
    Maar hoe voeg ik dat toe? (Ik dacht dat het het slimst is om de tekst als plaatje toe te voegen…)

    BVD

    Groet, Marc

    (’t gaat om http://www.provideradviseur.nl)

13 reacties aan het bekijken - 1 tot 13 (van in totaal 13)
  • Hoi Marc,

    Je zou in header.php onder
    <div class="support-text"> Uw onafhankelijk adviseur voor internet, bellen, televisie en energie </div>

    dit kunnen plaatsen:
    <div class="callUs"> Advies binnen 5 minuten? Bel. .... etc </div>

    In je CSS bestand kun je dit dan naar wens stijlen.
    Als je daar hulp bij nodig hebt dan hoor ik het graag.

    Thread starter marcnuijten

    (@marcnuijten)

    Hé Cicero83,

    Bedankt voor je reactie.
    Het is mij nog niet gelukt.

    Ik kan <div class=”support-text”> Uw onafhankelijk adviseur voor internet, bellen, televisie en energie </div> ook nergens vinden (niet in header.php en stylesheet en nog paar andere .php’ers ook niet). Enike plek waar ik hem vind is gewoon in mijn wordpress dashboard onder theme settings -> Logo -> Header Text …
    Ik heb in die ruimte <div class=”callUs”> Advies binnen 5 minuten? Bel. …. etc </div> toegevoegd, maar dat was het ook niet helemaal.

    Doe ik iets fout? Of waar kan ik wel <div class=”support-text”> Uw onafhankelijk adviseur voor internet, bellen, televisie en energie </div> vinden??

    Groet,
    marc

    Hoi Marc,

    Ik wil best even voor je kijken in je WordPress backend. Als je dat wil kun je de logins naar me sturen via deze website.

    Gr.
    Marco

    Thread starter marcnuijten

    (@marcnuijten)

    Dag Cicero,

    Gedaan. Je hebt een mailtje via je website.

    Groet en bvd,
    Marc

    Hoi Marc,

    In dit geval zit
    <div class="support-text"> Uw onafhankelijk adviseur voor internet, bellen, televisie en energie </div>

    in het bestand parts/masthead.php.

    Onder deze regel kun je dan de nieuwe code plaatsen:

    <div class="support-text">
        <?php do_action('vantage_support_text'); ?>
    </div>
    Thread starter marcnuijten

    (@marcnuijten)

    Bedankt voor het meekijken.

    Alleen kan ik hem nog niet vinden :S

    ik kijk bij Appearance –> Editor –> masthead.php , maar kan daar dus niets vinden.

    Ik heb ook nog bij sommige andere templates gekeken, maar daar ook niets gevonden. …

    Hoi Marc,

    Het staat toch echt in masthead.php.
    Ik kan trouwens niet meer op de website komen.

    Gr.
    Marco

    Thread starter marcnuijten

    (@marcnuijten)

    Dag Marco,

    Ja ik weet ook niet wat er aan de hand is.
    Ik heb Mijndomein al een mailtje gestuurd, hopelijk is het een tijdelijke storing of iets dergelijks.

    Merkwaardig dat je zegt dat het er wel tussen staat. Als alles weer werkt zal ik weer eens kijken, maar ik had niet alleen met ctrl F gezocht, maar ook voor de dubbele check alles nog eens nagelezen.
    Maar als jij het hebt gezien dan zal het wel zo zijn, dus ik kijk zo nog eens alles vier keer na.

    Groet,
    Marc

    Thread starter marcnuijten

    (@marcnuijten)

    Dit is wat ik zie in masthead.php, ik heb dikgedrukt wat het dichtstbij jouw beschrijving kwam en heb daaronder al de regel gevoegd die je suggereerde, echter was er nog weinig resultaat zichtbaar op mijn website (ook niet na ctrl + f5). Sorry dat het nog niet is gelukt :S.

    Hier is dus die tekst uit masthead.php:

    <?php
    /**
    * Part Name: Default Masthead
    */
    ?>
    <header id=”masthead” class=”site-header” role=”banner”>

    <hgroup class=”full-container”>
    ” title=”<?php echo esc_attr( get_bloginfo( ‘name’, ‘display’ ) ); ?>” rel=”home” class=”logo”><?php vantage_display_logo(); ?>

    <?php if( is_active_sidebar(‘sidebar-header’) ) : ?>

    <div id=”header-sidebar”>
    <?php dynamic_sidebar( ‘sidebar-header’ ); ?>
    </div>

    <?php else : ?>

    <div class=”support-text”>
    <?php do_action(‘vantage_support_text’); ?>
    </div>

    <?php endif; ?>

    </hgroup><!– hgroup.full-container –>

    <nav role=”navigation” class=”site-navigation main-navigation primary <?php if( siteorigin_setting(‘navigation_use_sticky_menu’) ) echo ‘use-sticky-menu’ ?>”>
    <div class=”full-container”>
    <?php if( siteorigin_setting(‘navigation_menu_search’) ) : ?>
    <div id=”search-icon”>
    <div id=”search-icon-icon”><div class=”icon”></div></div>
    <form method=”get” class=”searchform” action=”<?php echo esc_url( home_url( ‘/’ ) ); ?>” role=”search”>
    <input type=”text” class=”field” name=”s” value=”<?php echo esc_attr( get_search_query() ); ?>” />
    </form>
    </div>
    <?php endif; ?>

    <?php wp_nav_menu( array( ’theme_location’ => ‘primary’, ‘link_before’ => ‘<span class=”icon”></span>’ ) ); ?>
    </div>
    </nav><!– .site-navigation .main-navigation –>

    </header><!– #masthead .site-header –>

    Ja als je onder het vetgedrukte dit plaatst:
    <div class="callUs"> Advies binnen 5 minuten? Bel. .... etc </div>

    Dan zie ik de tekst in de header verschijnen.

    Thread starter marcnuijten

    (@marcnuijten)

    Dag Marco,

    eindelijk is het gelukt 😉 haha. Mijn dank is groot!

    Normaal pas ik altijd stijl aan door rechter muisknop – Element inspecteren en dan beetje spelen totdat ik het mooi vind en dan pas ik dat aan in stylesheet, maar ik krijg die tekst niet op zijn plaats .. :S
    Alle begrip als je het zat bent, maar mocht je het nog zien zitten, zou het fijn zijn als jij (of iemand anders) daar nog bij helpt (A)

    Groet!
    Marc

    Thread starter marcnuijten

    (@marcnuijten)

    Soms leer ik nog wel eens wat door uit te proberen.
    Het is nu helemaal gelukt om ook nog die tekst aan te passen 😀
    Je hulp is dus niet nodig

    Eén kort vraagje om het beter te begrijpen: Waar haal je die code CallUs vandaan? Waarom niet bijvoorbeeld ‘Support-text’ net als de andere tekst in de header?

    Mvg,
    Marc

    De code geplaatst een div. met class: CallUs
    Omdat je aangaf dat je er een ander kleurtje achter wilde hebben dacht ik dat je dit in je stylesheet apart wilde stijlen, vandaar deze code.

    Mooi dat het gelukt is 🙂

13 reacties aan het bekijken - 1 tot 13 (van in totaal 13)
  • Het onderwerp ‘Plaatje/tekst toevoegen in Header’ is gesloten voor nieuwe reacties.