Question

我尝试在Text选项卡的Wordpress页面中添加此HTML：

<div class="homepage-section-row" style="margin-top:5px">
<a href="#">
    <p>Test</p>
    <span class="icon-comment-alt fblock-icon"></span>
</a>

但是当我看到页面源代码时，我会看到一些额外的标签：

<div class="homepage-section-row" style="margin-top:5px">
<a href="#"><p></p>
<p>Test</p>
</a><p><a href="#">        <span class="icon-comment-alt fblock-icon"></span><br>
</a>
</p></div>

我正在使用Wordpress 4.1。我该怎么办？

Answer 1

在Wordpress文本编辑器中，任何块级别（如<div> <p> <ul>元素都将被保留，任何内联元素（如<a> <span>都将自动换行如果包含换行符，则转到<p>标记。

你能做的就是把所有事情都排成一行：

<div class="homepage-section-row" style="margin-top:5px"><a href="#"><p>Test</p><span class="icon-comment-alt fblock-icon"></span></a></div>

或者这也是可以接受的：

<div class="homepage-section-row" style="margin-top:5px">
<a href="#"><span>Test</span><span class="icon-comment-alt fblock-icon"</span></a>
</div>

如果您想拥有多个项目，请更新html标签：

<ul class="homepage-section-row">
    <li><a href="#">Test 1</a></li>
    <li><a href="#">Test 2</a></li>
</div>

Answer 2

它被称为wpautop。我也觉得它非常烦人，但是当你有一个有很多作家的网站时，它非常有用。

以下是我用来关闭它的插件 - HTML Markup Editor

Wordpress在页面中为我的HTML添加了额外的标签

2 个答案: