Question

我有一个页面，我想在计划页面添加一些音乐会。为了做到这一点，我决定使用短代码，这样用户就可以提供必要的数据，我将解析它并在短代码函数中生成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”标签。

谢谢！

Answer 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地址始终是一个好习惯。

Wordpress短代码 - 第一个短代码被破坏

1 个答案: