如何在 WordPress 中并排显示 AddToAny 社交链接和 "Continue reading"

Question

我想在我的 WordPress 帖子中并排显示我的 social media plugin 的 link 和 "Continue reading -->"。

我正在使用 WordPress  标签添加 "Continue reading" link.

这是我目前得到的：

这是我想要的样子：

我该怎么做？

Answer 1

每个插件的具体 CSS 都会有所不同，因此这里有一个特定于 AddToAny 的解决方案，您正在使用的插件：

.more-link { float: right; margin: 16px 0px 16px 0px; }
.addtoany_share_save_container { float: left; clear: none; margin: 0px 0px 16px 0px; }

这应该 'float' 'more' link 在右边，社交 link 在左边。它还添加了一些 space above/below 和更多 link，并删除了插件添加的 'float clearer' 和 space，希望能使其符合要求。

根据您的主题和布局，您可能需要调整边距以使其适合。上面的每个边距大小都是按右上-下-左的顺序表示的，因此您应该能够只调整您需要的数字以使其正确。

至于在何处添加此代码，在您的 WordPress 管理员的外观下，应该有一个选项说 'Edit CSS'（这取决于您的主题）。单击该选项，然后您可以将上面的 CSS 代码添加到提供的框中。如果您的主题没有该选项，看起来您可以将其添加到设置下 AddToAny 页面中的 'Additional CSS' 选项。

我已经在我的博客上测试过了，它看起来像这样，我相信这就是你想要的：

如何在 WordPress 中并排显示 AddToAny 社交链接和 "Continue reading"

How to display AddToAny social links and "Continue reading" side-by-side in WordPress

wordpress

wordpress-theming