如果你最喜欢 初学者博客 甚至中级,那么你肯定对 HTML/CSS 毫无了解。 许多 博客 (像我一样)更喜欢使用 插件 允许他们使用以下方式在自己的帖子或页面中添加按钮 . 但是这些简码-简码- 难以记住且难以配置.

在这篇文章中,我们将告诉你如何添加按钮 WordPress 不使用短代码.

如果您不熟悉WordPress,请发现 如何安装WordPress博客7步骤

您需要做的第一件事是安装并激活 插入 « 忘记简按钮 “。

一旦激活此 插入,您只需要创建一个 新出版物 或修改一个已经存在的按钮,您将在Visual编辑器中看到一个带有标题的新按钮 « 插入按钮 » (添加 一按钮).

FASB-editorbutton

要在出版物或页面中插入新按钮,必须单击按钮 插入按钮. 这将打开一个窗口,您可以在其中设计新按钮。

designyourbutton

您需要做的就是添加按钮文本和URL,然后选择文本和背景颜色。 然后点击该选项的下拉菜单 “类型”要选择按钮的形状。 您也可以选择按钮的大小。

通过发现来完善您的知识 如何使用和管理简码WordPress的

如果单击选项卡 « 图标 »,那么您将能够看到可以在按钮文本之前或之后添加的图标。 CES 图标 更确切地说是图标字体。

buttonswithicons

在按钮创建过程中,您将能够实时预览每个更改。 对外观感到满意后,只需单击 插入.

看看这篇文章并欣赏 如何提高你的WordPress项目与这些免费简设计

您还可以从编辑器中选择对齐方式,以将按钮对齐到中心(左侧或右侧)。 双击按钮以打开按钮编辑窗口,您可以根据需要编辑按钮。

在这个级别,您现在可以选择在不使用简码的情况下向 WordPress 添加按钮。 但在离开你之前,我们建议你咨询两个 WordPress插件 高级版,可让您有效地管理短代码。

1。 WPBakery页面构建器

WPBakery Page Builder,以前称为 Visual Composer,是另一个高级且非常受欢迎的页面构建器。 这种受欢迎程度很大程度上来自于 WPBakery Page Builder 附带了几乎 99% 的 WordPress主题 通过主题森林。 但事实仍然是它被用于大量网站。

WP面包店页面生成器e1544277016913
与Divi Builder一样,WPBakery Page Builder允许您进行可视化编辑和后端编辑。 与Elementor或Divi Builder之类的东西相比,WPBakery Page Builder的样式选项有所限制。 您可以很好地控制线条,但是各个元素的样式选项受到更多限制。

如果要使用自己的CSS,则可以向各个元素添加自定义CSS类或ID,也可以在页面级别添加实际样式。

我不确定WPBakery Page Builder是否具有特别值得注意的独特功能。 但是他拥有的是一个庞大的扩展社区。 与Divi Builder一样,WPBakery Page Builder如果禁用它,则会在您的内容中留下大量短代码。 探索教程

下载 | 演示 | 虚拟主机

2。 Divi Builder

Divi Builder 是一款被优雅主题高度评价的高质量页面构建器。 虽然通常用作 WordPress Divi 主题的一部分,但 Divi Builder 也是一个独立的插件,您可以在其他 WordPress主题.

div e1544278044306

与前两个构建器不同,Divi Builder允许您使用前端和后端的可视界面来编辑内容,尽管大多数用户更喜欢第一个界面。 。

基本上,不是侧边栏,而是全部在弹出窗口和浮动按钮中。 它使您可以访问分布在316个不同演示文稿包中的40个预设计模板,还可以将自己的设计另存为模板。

Divi的特征之一一直是对他给您的风格的控制。 在三个不同的选项卡上,您可以配置各种设置,包括响应式控件,可自定义的间距等。

您甚至可以添加自定义CSS,因为其CSS编辑器包括基本验证和自动完成功能。 对Divi Builder的批评之一一直是,它基于短代码。 这意味着如果您将其关闭,它将在您的内容中留下一堆短代码。 虽然这有点令人沮丧,但现在已经存在诸如Shortcode Cleaner之类的插件,这不再是一个问题。 

下载 | 演示 | 虚拟主机

其他推荐资源

通过咨询这些推荐资源,进一步掌握WordPress网站。

结论

就是这样! 我们希望本文能帮助您将按钮添加到 WordPress 不使用短代码。 如果您有任何建议或意见,欢迎他们。

我们还邀请您咨询我们的 资源(如果您是初学者)。 但是,n我们敦促您 在不同的社交网络上分享此文章。

...