Href maken van entry content

  • Kalthof

    (@kalthof)


    9 jaren, 2 maanden geleden

    Beste mensen,

    Graag wil ik dat de mensen die op mijn site komen behalve via de thumbnails en buttons ook via de hele ‘entry-content’ naar dieperliggende pagina’s kunnen gaan. Ik kwam zelf niet verder dan een hyperlink van de <p> tekst maken, maar dat is niet wat ik wil. De titel en de <p> tekst eronder moeten aanklikbaar worden zonder dat de tekst een blauwe hyperlink tekst krijgt. Ook als er met de muis overheen gegaan wordt dan moet de tekst niet gehighlight worden of iets.

    Doel: een deel van de mensen drukt op de tekst om door te gaan naar de dieperliggende pagina. Ik wil deze mensen ook ondersteunen.

    Hieronder staat het stukje code. Thanks voor jullie hulp alvast!

    <div class="about well">
          <a href="<?php echo get_permalink($intropage->ID); ?>"><?php sensitive_thumb($intropage,array(500,300), array('class'=>'img')); ?></a>
          <div class="entry-content">
          <h2><?php echo $intropage->post_title; ?></h2>
          <p><?php echo $introcontent; ?></p>
          </div>
          <a href="<?php echo get_permalink($intropage->ID); ?>" class="btn <?php echo sensitive_get_theme_opts('button_style','btn-info'); ?> btn-block">Koop goedkope vliegtickets!</a>
        </div>
13 reacties aan het bekijken - 1 tot 13 (van in totaal 13)
  • Arjen_M

    (@arjen_m)

    9 jaren, 2 maanden geleden

    <div class="about well">
          <a href="<?php echo get_permalink($intropage->ID); ?>"><?php sensitive_thumb($intropage,array(500,300), array('class'=>'img')); ?>
          <div class="entry-content">
          <h2><?php echo $intropage->post_title; ?></h2>
          <p><?php echo $introcontent; ?></p>
          </div>
</a>
          <a href="<?php echo get_permalink($intropage->ID); ?>" class="btn <?php echo sensitive_get_theme_opts('button_style','btn-info'); ?> btn-block">Koop goedkope vliegtickets!</a>
        </div>

    probeer dit eens
    om er voor te zorgen dat er niks blauw wordt of een underline moet je in de style.css het nodige toevoegen. 

    /* unvisited link */
a:link {
    color: #FF0000;
}

/* visited link */
a:visited {
    color: #00FF00;
}

/* mouse over link */
a:hover {
    color: #FF00FF;
}

/* selected link */
a:active {
    color: #0000FF;
}
    Thread starter Kalthof

    (@kalthof)

    9 jaren, 2 maanden geleden

    Hallo Arjen,

    Dankjewel voor het stukje css. Weet je ook hoe ik aan de hele div van entry-content een link kan hangen?

    Alvast bedankt!

    Thread starter Kalthof

    (@kalthof)

    9 jaren, 2 maanden geleden

    Oeps ik was te snel. Je had de </a> verplaatst zag ik.

    Ik ga het eens proberen en laat het weten of het is gelukt! thnx

    Arjen_M

    (@arjen_m)

    9 jaren, 2 maanden geleden

    In jouw voorbeeld staat : 

    <a href="<?php echo get_permalink($intropage->ID); ?>"><?php sensitive_thumb($intropage,array(500,300), array('class'=>'img')); ?></a>
          <div class="entry-content">
          <h2><?php echo $intropage->post_title; ?></h2>
          <p><?php echo $introcontent; ?></p>
          </div>

    ik heb er van gemaakt 

    <div class="about well">
          <a href="<?php echo get_permalink($intropage->ID); ?>"><?php sensitive_thumb($intropage,array(500,300), array('class'=>'img')); ?>
          <div class="entry-content">
          <h2><?php echo $intropage->post_title; ?></h2>
          <p><?php echo $introcontent; ?></p>
          </div>
</a>

    je sluit hiermee de link op een later punt, kan natuurlijk zo zijn dat dit niet helemaal goed uitpakt voor jouw website, maar dan moet je kijken als je de op een andere plek neerzet wat er gebeurt.

    Arjen_M

    (@arjen_m)

    9 jaren, 2 maanden geleden

    haha 😀

    Thread starter Kalthof

    (@kalthof)

    9 jaren, 2 maanden geleden

    Hhm.. Ik heb nog een klein probleempje. Op de een of andere manier is mijn stylesheet vertraagd en kan ik vaak pas de volgende dag mijn definitieve wijzigingen zien. Dus ook niet van bovenstaande css code. Bij HTML/PHP etc heb ik er geen problemen mee. Weet je wat hier het probleem kan zijn? Kan het ook met een plugin verholpen worden?

    *Alles is geupdate naar de laatste versies plugins/wordpress.

    Thread starter Kalthof

    (@kalthof)

    9 jaren, 2 maanden geleden

    Kon simpel opgelost worden door op F5 te drukken….

    Helaas werkt de code niet goed. Alles blijft hetzelfde behalve dat het ineens in allerlei verschillende kleuren is.

    Het stukje code dat ik aan moet passen is:

    .home .about .entry-content{
     padding:0px 10px;
     text-align: center;
 }
    Thread starter Kalthof

    (@kalthof)

    9 jaren, 2 maanden geleden

    Oke ik schrik nu wel even. Ik heb alles teruggezet naar hoe het stond voordat ik dit topic had aangemaakt. Nu krijg ik opeens een Serverfout 500???

    Arjen_M

    (@arjen_m)

    9 jaren, 2 maanden geleden

    Dat is inderdaad even schrikken,

    dan is er toch ergens iets niet goed gegaan, misschien een link niet goed gesloten, of een ; vergeten

    Thread starter Kalthof

    (@kalthof)

    9 jaren, 2 maanden geleden

    Het is weer opgelost.

    2 extra <a href="<?php echo get_permalink($intropage->ID); ?>"> toevoegen aan het stukje code ging in mijn hoofd een stuk beter dan in de praktijk. Ik deed dit omdat mijn tekst in de header ook mee veranderde bij jou suggestie en dat is niet de bedoeling.

    Het heeft dus niet gewerkt helaas. Heb je toevallig enig idee hoe de HTML code aangepast moet worden zonder dat de header mee veranderd?

    Arjen_M

    (@arjen_m)

    9 jaren, 2 maanden geleden

    Heb je een link naar je website?

    Thread starter Kalthof

    (@kalthof)

    9 jaren, 2 maanden geleden

    Bedankt voor je hulp tot dusver Arjen!

    Goedkopevliegticketsmarokko.com

    Arjen_M

    (@arjen_m)

    9 jaren, 2 maanden geleden

    <a href="<?php echo get_permalink($intropage->ID); ?>"><?php sensitive_thumb($intropage,array(500,300), array('class'=>'img')); ?>

<div class="about well">
          <div class="entry-content">
          <h2><?php echo $intropage->post_title; ?></h2>
          <p><?php echo $introcontent; ?></p>
          </div> <!-- entry-content -->
<div class="orange-button"> Boek goedkope vliegtickets </div> <!-- orange-button -->
</a>

        </div> <!-- about well -->

    De button kan je dan verwijderen, want die doet het niet meer. je kan hier een class orange-button aanmaken, of je kan het een andere naam geven. je kan het ook laten staan, al weet ik niet wat er gebeurt in andere browsers, of op bijv mobiel. tis lullig als mensen niet kunnen boeken doordat er een conflict ontstaat.

13 reacties aan het bekijken - 1 tot 13 (van in totaal 13)
  • Het onderwerp ‘Href maken van entry content’ is gesloten voor nieuwe reacties.