如果你像大多數人一樣 新手博主 甚至中級,那麼你肯定對 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如果禁用它,則會在您的內容中留下大量短代碼。 探索教程

下載 | DEMO | 虛擬主機

2。 Divi Builder

Divi Builder 是一款被優雅主題高度評價的高質量頁面構建器。 雖然通常用作 WordPress Divi 主題的一部分,但 Divi Builder 也是一個獨立的插件,您可以在其他 WordPress主題.

div e1544278044306

與前兩個構建器不同,Divi Builder允許您使用前端和後端的可視界面來編輯內容,儘管大多數用戶更喜歡第一個界面。 。

基本上,沒有側邊欄,而是全部在彈出窗口和浮動按鈕中。 它使您可以訪問分佈在316個不同演示文稿包中的40個預設計模板,還可以將自己的設計另存為模板。

Divi的特徵之一一直是對他給您的風格的控制。 在三個不同的選項卡上,您可以配置各種設置,包括響應式控件,可自定義的間距等。

您甚至可以添加自定義CSS,因為其CSS編輯器包括基本驗證和自動完成功能。 對Divi Builder的批評之一一直是它依賴短碼。 這意味著如果您將其關閉,它將在您的內容中留下一堆短代碼。 雖然這有點令人沮喪,但現在已經存在諸如Shortcode Cleaner之類的插件,這不再是一個問題。 

下載 | DEMO | 虛擬主機

其他推薦資源

通過諮詢這些推薦資源,進一步掌握WordPress網站。

結論

就是這樣! 我們希望本文能幫助您將按鈕添加到 WordPress 不使用短代碼。 如果您有任何建議或意見,歡迎他們。

我們還邀請您諮詢我們的 資源(如果您是初學者)。 但是,n我們敦促您 在您不同的社交網絡上分享此文章。

...