用于将图像链接到外部URL的WP短代码

时间:2014-09-22 09:29:12

标签: wordpress hyperlink shortcode

我想添加一个名为'image_code'的短代码,该短代码应链接到我的投资组合图片的外部网址。

在shortcodes.php中我添加了:

add_shortcode('image_code');
function image_code($atts, $content = null) {
    $url = esc_url( $content );
    return "<a href='$url'><image src='$url' /></a>";
}

在wordpress投资组合网站中,我添加了:

[portfolio_item columns="4" image="http://www.nairobigarage.com/wp-    
content/uploads/2014/09/NG_startup_image_movas.png" title="Movas Group" text="Company that enable  
mobile subscribers to access emergency airtime on credit easily and instantly." 
image_code="http://www.movasgroup.com/" ]

一切都很好,除了链接没有链接到movas网站,链接是www.nairobigarage.com所以我的主页链接。我做错了什么?

2 个答案:

答案 0 :(得分:1)

我用这个http://pastebin.com/3pWhtRTw替换了我的shortcodes.php,并在短代码中添加了link参数,例如[portfolio_item link =“http://google.com”]

现在一切正常。

答案 1 :(得分:0)

请在shortcode.php。

中使用以下代码
<?php
    function image_code( $atts, $content="" ) {
        $url = esc_url( $content );
        return '<a href="'.$url.'"><image src="'.$url.'" /></a>';
    }
    add_shortcode( 'portfolio_item', 'image_code' );
?>

也可以在要显示相同内容的页面中使用以下短代码。

[portfolio_item]http://www.nairobigarage.com/wp-content/uploads/2014/09/NG_startup_image_movas.png[/portfolio_item]