Question

我找不到任何可以回答我的问题。如何在ERT选项卡的标题中添加图标？ ERT生成一个短代码，我已添加到家庭php文件，它工作得很漂亮，但我如何编辑短代码，以便标题选项卡包含一个图标？代码在PHP中看起来像这样：

'<?php echo do_shortcode('[restabs alignment="osc-tabs-center" pills="nav-pills" responsive="true" icon="true" text="Next" tabcolor="#ffffff" tabheadcolor="#2C3E51" seltabcolor="#2C3E51" seltabheadcolor="#ffffff" tabhovercolor="#f7933b"]
[restab title="(NEED ICON HERE)OUR WORK" active="active"]
<table style="width: 100%; border: none; margin-top: 0px; font-size: 10px">
<tbody>
<tr>
<td>Content</td>
<td>Content</td>
<td>Content</td>
<td>Content</td>
<td>Content</td>
</tr>
[/restab]
[/restabs]'); ?>'

Answer 1

我看了一下插件的输出，遗憾的是没有超级简单的方法可以选择带有CSS的标签锚链接。

如果您进入ERT设置，您可以为选项卡组设置自定义类。我将它设置为“myclass”作为示例。然后，您可以使用以下css单独选择标签，并使用a:before与content: url('myicon.png');一起插入您的图标。

例如，选择第二个标签（li）...

div.myclass li:nth-child(2) a:before {content: url('icon.png');}

对于第一个标签，您可以使用:first-child，然后再使用:nth-child

使用WP中的Easy Responsive选项卡向选项卡添加图标

1 个答案: