2012-04-26 203 views
3

我已经创建了一个图像的WordPress的博客。发布所有帖子时,我没有使用wordpress编辑器上传图片。相反,我使用FillaZilla上传图像。然后,在wordpress编辑器中,我只手动编写了所有帖子中的图片标签(以下)并将其发布。所有帖子都不包含文字,只包含图片。与此类似,添加自动超链接到图像

<img alt="" title="" src=""></img> 

现在我想问你的是,我想在所有职位的图像得到自动超链接地址相同图片src。我在wordpress博客中有超过200篇博文。我不想一一编辑它们。这里是wordpress内容区域的编码,

<div class="post-entry"> 
              <p><img src='http://www.mywebsite.com/wp-content/uploads/2012/04/sun.jpg' title="sun" alt="sun" /></p> 

</div> 

任何人都可以请帮助我吗?我如何添加超链接到图像?有什么代码可以放入wordpress主题页面的post-entry div中吗?

@ chandu-vkm解释(在评论中)我正在寻找什么。现在我还有一个问题。当我在img之前添加span标签时,提到的代码@chandu-vkm不允许我在img标签之前添加span标签。相反,它将place标签放置在p标签之外,如下面的代码所示。

<div class="post_div"> 
<span class="entry"></span> 
<p> 
<img src='http://www.mywebsite.com/wp-content/uploads/2012/04/sun.jpg' title="Cute Teddy Bear" alt="Cute Teddy Bear" /> 
</p> 
</div> 

但我希望跨度放在p之后,就像这样。

<div class="post_div"> 
     <p> 
     <span class="entry"></span> 
     <img src='http://www.mywebsite.com/wp-content/uploads/2012/04/sun.jpg' title="Cute Teddy Bear" alt="Cute Teddy Bear" /> 
     </p> 
    </div> 

有人请帮助我。

回答

2

你可以用一些jQuery的做

<div class="post_div"> 
    <img src='http://www.mywebsite.com/wp-content/uploads/2012/04/sun.jpg' title="sun" alt="sun" /> 
</div> 

这样

$('.post_div img').each(function(){ 
$(this).wrap(function() { 
    return '<a href="' + $(this).attr('src') + '" />'; 
}) 
}); 

这里的样品http://jsfiddle.net/a4PYd/

+0

真棒!谢谢@Chandu :) – 2012-04-26 11:00:19

+0

继续约翰 – 2012-04-26 11:23:57

+0

@ chandu-ckm问题已被编辑。我需要你的帮助:) – 2012-04-26 11:33:48

0

如果你相信,你的所有的文章内容只包含<img>标签,你可以在这个代码段添加到您的functions.php文件:

function hyperlink_all_my_content($content) { 
    $link = "http://www.somelink.com"; 
    return "<a href='$link'>$content</a>"; 
} 
add_filter('the_content', 'hyperlink_all_my_content'); 

注意,这将链接所有内容,甚至在你的wordpress页面上。

编辑:

function hyperlink_all_my_content($content) { 

    $matches = array(); 
    $nummatches = preg_match("/src=['|\"](.*)['|\"]/", $content, $matches); 
    return "<a href='" . $matches[1] . "'>$content</a>"; 
} 
add_filter('the_content', 'hyperlink_all_my_content'); 
+0

OP希望数千种不同的$链接,每个等于th e'src'的各种图像。使用'add_filter()'是一个非常好的主意,尽管 – FelipeAls 2012-04-26 10:51:17

+0

我想使用图像src作为超链接。非常感谢您的帮助。由Chandu发布的上述方法工作就像一个魅力:) – 2012-04-26 11:02:11

+0

哎呀我错误地读了这个问题:(我没有标记;) – 2012-04-26 13:38:13