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

@Sotiris

很抱歉，迟到的回复只能在工作时间后在本网站上工作。

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

Answer 2

嗯，根据您发布的代码，div中的所有内容都已经是链接。如果你想点击div上的任何地方就像链接那样工作，你需要使用Javascript - 无法真正将块级元素（<div>）包装在内联元素中（<a> ）。

这是一种jQuery方法：

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

它只是说“当你点击ID为'one_third'的div时，在其中查找元素'h2 a'并触发对该元素的点击。（我将其缩小到其中一个链接，如果你没有这样做，如果你只是说（'a'），它会点击所有链接。这也可能很有趣。）

怎么做一个wordpress链接块？

2 个答案: