【问题标题】:Wordpress gallery remove <br />WordPress 画廊删除 <br />
【发布时间】:2015-03-16 16:23:21
【问题描述】:

刚刚意识到默认情况下,画廊帖子类型在每三张图片之后的代码中有&lt;br style="clear: both"&gt; 标签(每三张,因为我在画廊选项中选择了 3 列图片)。

我应该在哪里修改或添加主题代码,以防止这些标签被推送到我的画廊帖子,因为这会破坏平板电脑的响应式布局。

也许在我的函数文件中添加一些 php。

我尝试在画廊帖子下的 &lt;br /&gt; 标签上使用 css 以显示:无。这解决了部分问题 - 删除了换行符,但仍然弄乱了我在 nth-child(2n) 上应用的 css。

任何建议或链接都​​会有很大帮助。

【问题讨论】:

    标签: php css wordpress image-gallery


    【解决方案1】:

    第一个选项:PHP FIX

    您可以对主题文件夹中的functions.php 文件执行某些操作,以确保删除整个图片库中的
    标签或其实例。

    add_filter( 'the_content', 'remove_br_gallery', 11, 2);
    function remove_br_gallery($output) {
        return preg_replace('/<br style=(.*)>/mi', '', $output);
    }
    

    或作为第二个选项:CSS FIX

    style.css 在你的主题文件夹中添加:

    .gallery br {
        display:none;
    }
    
    .gallery:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: &quot; &quot;;
        clear: both;
        height: 0;
    }
    

    【讨论】:

      【解决方案2】:

      您可以使用nth-of-type 选择器,应该这样做。

      .gallery-item:nth-of-type(2n) {
          /* styles */
      }
      

      是的,隐藏&lt;br&gt; 是个好主意。

      .gallery br {
          display: none;
      }
      

      【讨论】:

        【解决方案3】:

        Preg 替换应包含撇号。

        return preg_replace('/<br style="(.*)">/mi','',$output);
        

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 2014-03-31
          • 1970-01-01
          • 1970-01-01
          • 2015-12-24
          • 2017-05-13
          • 1970-01-01
          • 2019-07-21
          相关资源
          最近更新 更多