如何在不使用基于短码的插件的情况下添加扰流程序

时间:2016-05-09 作者:Riccardo

我读到建议不要使用基于短代码的插件,所以我想知道另一种实现扰流板的优雅方法

1 个回复
最合适的回答,由SO网友:N00b 整理而成

如果基于短代码的插件做得好的话,它没有什么错。回答您的问题:可能有数百种方法,但这可能是最简单和最有效的方法(类似于Reddit):

如果需要添加扰流板,请转到Text 编辑后页面中的选项卡添加<span class="spoiler"></span> 在要隐藏的文本周围添加以下内容CSS 规则:.spoiler { background: #000; }. 必须与文本颜色相同,或阅读下面的备选内容


Now you have two options:

<人力资源>1. 悬停时显示:添加以下内容CSS 规则:

.spoiler:hover { 
    background: transparent; 
}
<小时>2. 单击显示:将以下功能添加到主题.js 文件:

$(\'.spoiler\').click( function() {

    this.addClass(\'show\');
    // this.toggleClass(\'show\'); <- if you want to toggle it for some reason
});
以及以下内容CSS 规则:

.spoiler.show { 
    background: transparent; 
}
如果要显示文本“Spoiler”或类似内容,可以使用CSS :before:after, 定位它并相应地隐藏/显示它:hover 或类别.show 前面提到过。

<小时>

Alternative color:

如果你不喜欢深色的扰流板框,你可以稍微修改一下,也可以将文本颜色更改为你选择的任何背景颜色。这样你就可以选择你想要的任何颜色。

<小时>

References:

:before, :after

相关推荐

编辑主题中的formatting.php,这样它就不会被覆盖

我想删除wpautop的某些部分,但保留其余部分。我在wp中找到了包含/格式。函数wpautop中的php:$pee = preg_replace(\'|<p>\\s*</p>|\', \'\', $pee); // under certain strange conditions it could create a P of entirely whitespace &; $pee = preg_replace(\'|(?<!<br />)\\s*