我有一个页面,我想在计划页面添加一些音乐会。 为了做到这一点,我决定使用短代码,这样用户就可以提供必要的数据,我将解析它并在短代码函数中生成html。
首先,我想告诉你为什么我认为这与wordpress相关。我已将此代码直接添加到页面php文件中:
<h4>This year hardcoded</h4>
<a href='#' class='p-link'>
<h2>01.02.2018 / RHCP</h2>
<p>20:00 / NY</p>
</a>
<a href='#' class='p-link'>
<h2>03.04.2018 / The Rolling Stones</h2>
<p>21:00 / LONDON</p>
</a>
<a href='#' class='p-link'>
<h2>11.12.2018 / Pink Floyd</h2>
<p>22:00 / TOKIO</p>
</a>
它工作正常。
由于我的短代码函数返回相同的我预期相同的结果,但我没有得到它。第一个短代码结果被破坏了。
这是我添加到functions.php中的内容:
function shortcode_issue_func( $atts ) {
$shortcode_atts = shortcode_atts( array(
'date' => '',
'time' => '',
'title' => '',
'location' => '',
'link' => '#'
), $atts );
$html = "<a href='{$shortcode_atts['link']}' class='p-link'>
<h2>{$shortcode_atts['date']} / {$shortcode_atts['title']}</h2>
<p>{$shortcode_atts['time']} / {$shortcode_atts['location']}</p>
</a>";
return $html;
}
add_shortcode( 'shortcode-issue', 'shortcode_issue_func' );
在wordpress页面编辑中,我添加了这个:
[shortcode-issue date="19.07.2018" time="20:00" title="RHCP" location="NY" link="http://localhost/wordpress/rep-3/" ]
[shortcode-issue date="21.08.2018" time="21:00" title="The Rolling Stones" location="London" link="http://localhost/wordpress/rep-3/" ]
[shortcode-issue date="23.11.2018" time="22:00" title="Pink Floyd" location="NY" link="http://localhost/wordpress/rep-3/" ]
这是输出
您可以注意到第1部分和第2部分未在“a”标记中包装在一起,因为第3部分是。
在返回之前转储$ html,显示应该没有问题:
我做的hacky解决方案是在“a”标记之前添加空的“p”标记。
$html = "<p style='display: none;'></p>
<a href='{$shortcode_atts['link']}' class='p-link'>
<h2>{$shortcode_atts['date']} / {$shortcode_atts['title']}</h2>
<p>{$shortcode_atts['time']} / {$shortcode_atts['location']}</p>
</a>";
return $html;
但是我不想在我的代码中遇到这样的黑客攻击,我找不到发生这种情况的原因。 如果有人可以提供帮助,我会非常感激。
编辑1
代码包含HTML5声明 - &gt; <!DOCTYPE html>
所以应该允许“a”标签包装。
编辑2
我刚注意到生成的html中有一个“幻影”“p”标签。
谢谢!
答案 0 :(得分:1)
尝试删除$html
变量值中的额外空格。
所以改变这个:
$html = "<a href='{$shortcode_atts['link']}' class='p-link'>
<h2>{$shortcode_atts['date']} / {$shortcode_atts['title']}</h2>
<p>{$shortcode_atts['time']} / {$shortcode_atts['location']}</p>
</a>";
..对这一个:
$html = "<a href='" . esc_url( $shortcode_atts['link'] ) . "' class='p-link'>" .
"<h2>{$shortcode_atts['date']} / {$shortcode_atts['title']}</h2>" .
"<p>{$shortcode_atts['time']} / {$shortcode_atts['location']}</p>" .
"</a>";
PS:esc_url()
一个URL地址始终是一个好习惯。