如何替换插件打印的 WordPress 标题中的字符？

Question

我想替换我的 Wordpress 标题的特殊字符，使换行符 + 斜体。

但是，我的问题很特殊，因为我使用的是 Wordpress 插件“Posts per Cat”，它会按类别显示我的帖子标题。所以，我不能通过结合str_replace 和get_title 函数来解决我的问题，因为插件已经获得了标题。根据下面的 HTML 代码，如何在我的标题中将字符“|”替换为 <br>，并将 <i> 替换为斜体？

有没有办法在 PHP 或 CSS 中做到这一点？

这是 HTML 代码：标题是在 <a> 标签中获得的

<div id="ppc-box">

  <div class="ppc-box one">
    <div class="ppc">
      <h3>CURRENTLY</h3>
      <ul>
        <li>
          <a href="http://temporarygallery.org/do-not-remove-this-folder/nouvelle-exposition-2/" class="ppc-post-title" title="Article BOOK LAUNCH &amp; KÜNSTLERGESPRÄCH published at 18 juillet 2017 10 h 57 min">BOOK LAUNCH &amp; KÜNSTLERGESPRÄCH</a></li>
        <li>
          <a href="http://temporarygallery.org/do-not-remove-this-folder/alleinanspruch/" class="ppc-post-title" title="Article PARKFIELD STUDIES | Marianna Christofides | &lt;i&gt;27 August – 30 August 2017&lt;/i&gt; published at 18 juillet 2017 10 h 59 min">PARKFIELD STUDIES | Marianna Christofides | &lt;i&gt;27 August – 30 August 2017&lt;/i&gt;</a></li>
        <li>
          <a href="http://temporarygallery.org/do-not-remove-this-folder/fourth-post-test/" class="ppc-post-title" title="Article ALLEINANSPRUCH | Arne Schmitt, Nico Joana Weber | &lt;i&gt;4 Februar – 30 April 2017&lt;/i&gt; published at 20 juillet 2017 17 h 52 min">ALLEINANSPRUCH | Arne Schmitt, Nico Joana Weber | &lt;i&gt;4 Februar – 30 April 2017&lt;/i&gt;</a></li>
      </ul>

    </div>
  </div>
  <div class="clear"></div>
  <div class="ppc-box one">
    <div class="ppc">
      <h3>PREVIEW</h3>
      <ul>
        <li>
          <a href="http://temporarygallery.org/do-not-remove-this-folder/second-post-test/" class="ppc-post-title" title="Article RESPAWN | Eloïse Bonneviot, Anne de Boer | &lt;i&gt;4 July – 30 July 2017&lt;/i&gt; published at 20 juillet 2017 17 h 50 min">RESPAWN | Eloïse Bonneviot, Anne de Boer | &lt;i&gt;4 July – 30 July 2017&lt;/i&gt;</a></li>
        <li>
          <a href="http://temporarygallery.org/do-not-remove-this-folder/third-post-test/" class="ppc-post-title" title="Article THE COMMON TOAD | Victoria Adam | &lt;i&gt;27 Mai – 30 Juli 2017&lt;/i&gt; published at 20 juillet 2017 17 h 51 min">THE COMMON TOAD | Victoria Adam | &lt;i&gt;27 Mai – 30 Juli 2017&lt;/i&gt;</a></li>
      </ul>

    </div>
  </div>
  <div class="clear"></div>
  <div class="clear"></div>
</div>

Answer 1

您可以使用一些自定义 jQuery hack 来实现。看看吧。

jQuery(document).ready(function($){
  $('li a').each(function(){
    var title = $(this).text()
    title = title.replace("<i>","")
    title = title.replace("</i>","")
    title = title.replace(/\|/g,"")
    title = $(this).html(title)
  })
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="ppc-box">

  <div class="ppc-box one">
    <div class="ppc">
      <h3>CURRENTLY</h3>
      <ul>
        <li>
          <a href="http://temporarygallery.org/do-not-remove-this-folder/nouvelle-exposition-2/" class="ppc-post-title" title="Article BOOK LAUNCH &amp; KÜNSTLERGESPRÄCH published at 18 juillet 2017 10 h 57 min">BOOK LAUNCH &amp; KÜNSTLERGESPRÄCH</a></li>
        <li>
          <a href="http://temporarygallery.org/do-not-remove-this-folder/alleinanspruch/" class="ppc-post-title" title="Article PARKFIELD STUDIES | Marianna Christofides | &lt;i&gt;27 August – 30 August 2017&lt;/i&gt; published at 18 juillet 2017 10 h 59 min">PARKFIELD STUDIES | Marianna Christofides | &lt;i&gt;27 August – 30 August 2017&lt;/i&gt;</a></li>
        <li>
          <a href="http://temporarygallery.org/do-not-remove-this-folder/fourth-post-test/" class="ppc-post-title" title="Article ALLEINANSPRUCH | Arne Schmitt, Nico Joana Weber | &lt;i&gt;4 Februar – 30 April 2017&lt;/i&gt; published at 20 juillet 2017 17 h 52 min">ALLEINANSPRUCH | Arne Schmitt, Nico Joana Weber | &lt;i&gt;4 Februar – 30 April 2017&lt;/i&gt;</a></li>
      </ul>

    </div>
  </div>
  <div class="clear"></div>
  <div class="ppc-box one">
    <div class="ppc">
      <h3>PREVIEW</h3>
      <ul>
        <li>
          <a href="http://temporarygallery.org/do-not-remove-this-folder/second-post-test/" class="ppc-post-title" title="Article RESPAWN | Eloïse Bonneviot, Anne de Boer | &lt;i&gt;4 July – 30 July 2017&lt;/i&gt; published at 20 juillet 2017 17 h 50 min">RESPAWN | Eloïse Bonneviot, Anne de Boer | &lt;i&gt;4 July – 30 July 2017&lt;/i&gt;</a></li>
        <li>
          <a href="http://temporarygallery.org/do-not-remove-this-folder/third-post-test/" class="ppc-post-title" title="Article THE COMMON TOAD | Victoria Adam | &lt;i&gt;27 Mai – 30 Juli 2017&lt;/i&gt; published at 20 juillet 2017 17 h 51 min">THE COMMON TOAD | Victoria Adam | &lt;i&gt;27 Mai – 30 Juli 2017&lt;/i&gt;</a></li>
      </ul>

    </div>
  </div>
  <div class="clear"></div>
  <div class="clear"></div>
</div>

我给了你一个想法，你可以使用 jQuery 替换功能替换任何你想要的东西。如果您需要更多帮助，请告诉我。 谢谢