Wordpress добавить дополнительные теги к моему HTML в странице

Question

Я пытаюсь добавить этот HTML внутри Wordpress страницы на вкладке Текст:

<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

Это называется wpautop. Я также нахожу это невероятно раздражающим, но когда у вас есть сайт с большим количеством авторов, это очень полезно.

Вот плагин, который я использовал, чтобы выключить его - HTML Markup Editor

Answer 2

В текстовом редакторе 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>