PHP回显显示在页面顶部而不是在按钮中使用

时间:2015-03-10 11:28:54

标签: php css wordpress

我无法弄清楚这一点。我正在WP中使用Shortcoder(下面的HTML)和一个自创的插件来构建这个HTML链接,以创建一个短代码(下面的PHP)和CSS来创建按钮(下面的CSS)。

问题是短代码[upo_url_shortlink](下面的php)在页面顶部显示(回显)而不是被链接(& url)使用。其他一切都已到位。使用的短网址由短网址生成,回显的网址是正确的网址。它只是没有被按钮链接使用...

示例页面:http://www.behind-the-scenes.co.za/Ib0Lf

有人可以看看我做错了吗?

<span class="upo-share-buttons"><a href="https://twitter.com/intent/tweet?text=[types field="twitter-text" output="raw"][/types]&url=[upo_url_shortlink]&via=RenierDelport &hashtags=[types field="visitor-twitter-hashtags" output="raw"][/types]" target="_blank" title="Share [wpv-post-title] on Twitter"><i class="fa fa-twitter fa-2x"></i></a></span>

// [upo_url_shortlink]
function upo_url_shortlink_function() {
	echo wp_get_shortlink();
}
add_shortcode('upo_url_shortlink', 'upo_url_shortlink_function');

.upo-share-buttons {
	display: inline-block;
	border-right: 2px solid white;
	width: 40px;
	line-height: 40px;
	padding: 5px;
	position: relative;
	background-color:#ff0000;
	text-decoration: none;
	text-shadow:0px 1px 0px rgba(0,0,0,0.5);
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true);
	-moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
	box-shadow:0px 2px 2px rgba(0,0,0,0.2);
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true);
}

.upo-share-buttons a:link, .upo-share-buttons a:visited {
	color: white !important;
}

.upo-share-buttons a:hover {
	color: #eeeaee !important
}

1 个答案:

答案 0 :(得分:0)

您应该返回输出而不回显它。尝试将您的短代码更改为...

function upo_url_shortlink_function() {
    return wp_get_shortlink();
}
add_shortcode('upo_url_shortlink', 'upo_url_shortlink_function');

希望有所帮助