как сделать блок ссылок WordPress?

Question

есть ли у кого-нибудь идея о css, которая бы включала следующее в связанный блок?

<div class="one_third"> 
<?php
//The Query
query_posts('posts_per_page=1&cat=15');
    //The Loop
    if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
<small><?php the_time('F jS, Y') ?></small>
  <?php if ( has_post_thumbnail()) the_post_thumbnail('medium-thumbnail'); ?>
<div class="entry">
<p><a style="display: block;" rel="bookmark" href="<?php the_permalink(); ?>"><?php echo strip_tags(get_the_excerpt());?></a></p>

Извините, нет записей, соответствующих вашим критериям.

Спасибо

Answer 1

Ну, исходя из кода, который вы разместили, все в div уже является ссылкой. Если вы хотите, чтобы щелчок в любом месте элемента div работал как ссылка, вам нужно использовать Javascript - на самом деле не удается обернуть элемент уровня блока (<div>) во встроенный элемент (<a>).

Вот jQuery способ сделать это:

$('#one_third').click( function(){ $(this).find('h2 a').click(); });

Он просто говорит: «Когда вы щелкаете по элементу div с идентификатором 'one_third', найдите элемент 'h2 a' в нем и запустите щелчок по этому элементу (я сузил его до одной из ссылок, если если бы вы просто сказали ('a'), он бы щелкнул по всем ссылкам. Что также может быть интересно.)

Answer 2

@ Сотирис

Извините за поздний ответ, приступайте к работе на этом сайте только в нерабочее время.

 <div class="one_third">    
    <h2><a href="http://localhost:8888/edinburghshiatsuclinic/news-offers/news-letters-suday-test-post/." rel="bookmark" title="Permanent Link to News Letters Suday test post">News Letters Suday test post</a></h2>
<small>May 15th, 2011</small>
  <div class="thumbnail"><a href="http://localhost:8888/edinburghshiatsuclinic/news-offers/news-letters-suday-test-post/." title="News Letters Suday test post"><img width="190" height="140" src="http://localhost:8888/edinburghshiatsuclinic/wp-content/uploads/2011/05/front-page3-200x147.jpg" class="attachment-medium-thumbnail wp-post-image" alt="front-page3" title="front-page3" /></a></div>    <div class="entry">

    <p><a style="display: block;" rel="bookmark" href="http://localhost:8888/edinburghshiatsuclinic/news-offers/news-letters-suday-test-post/.">Suspendisse tempus semper dignissim. Pellentesque ac tempus ligula. Aenean eu nisi eu mi consequat vehicula venenatis et leo. Praesent ornare aliquam ultricies. Nunc justo tellus, varius quis viverra a, scelerisque non justo. Suspendisse leo turpis, elementum in dignissim sed, facilisis &hellip; Continue reading &rarr;</a></p>
</div>
</div>