是否创建指向全尺寸图像附件的链接?

时间:2013-12-13 作者:speedypancake

我正在使用一些过渡css向上滑动一个div(“.mask”),当您将鼠标悬停在帖子缩略图上时,该div包含帖子的简短摘录。

这很好,但我还想为每个“mask”div添加一个文本或图标链接,它将直接链接到图像的全尺寸版本(希望在fancybox中自动打开)。

这是我目前使用的代码-谢谢

<div class="main">
<div class="view view-first">
<h4><a href="<?php  the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h4>
<div class="myimage">
<?php tt_thumb(300,185); ?>
</div>

<div class="mask">
<?php the_content_limit($hp_mid_content_length,\'\'); 
?>
</div> </div> </div>

2 个回复
最合适的回答,由SO网友:luke 整理而成

我不知道TimThumb是否真的有必要。您可以使用内部WordPress函数轻松地做到这一点
将此代码添加到函数中。php:

<?php
add_theme_support( \'post-thumbnails\' ); // this enable thumbnails
add_image_size( \'preview-thumb\', 300, 185, true ); //this sets your default size
?>
使用以下代码而不是上面的代码。

<div class="main">
  <div class="view view-first">
    <h4><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h4>
    <div class="myimage">
      <?php
        if ( has_post_thumbnail())
        {
          $thumb = wp_get_attachment_image_src( get_post_thumbnail_id( get_the_ID() ), \'preview-thumb\' );
          echo \'<img src="\' . $thumb[0] . \'">\';
        } else {
          echo \'No post thumbnail.\';
        }
      ?>
    </div>
    <div class="mask">
      <?php
        if ( has_post_thumbnail())
        {
          $full = wp_get_attachment_image_src( get_post_thumbnail_id( get_the_ID() ), \'full\' );
          echo \'<a href="\' . $full[0] . \'">Some text.</a>\';
        } else {
          echo \'No post thumbnail.\';
        }
        the_content_limit($hp_mid_content_length,\'\');
      ?>
    </div>
  </div>
</div>
然后跟随these steps 添加帖子缩略图。

SO网友:Will

从我读你问题的方式来看,我相信你在寻找wp\\u get\\u attachment\\u link。http://codex.wordpress.org/Function_Reference/wp_get_attachment_link

结束

相关推荐

Link post images to post

出于某种原因,我找不到任何好的方法来将帖子图像链接到帖子。我在上找到一个脚本http://wpguy.com/plugins/linked-image/ 它可以工作,但不会删除旧链接,而是将旧链接和图像包装在新的a标记中。我想要的是删除旧链接,这样图像只包装在一个a标记中。这是我目前拥有的脚本:function wpguy_linked_image($content){ $searchfor = \'/(<img[^>]*\\/>)/\'; $r