如何將浮動邊欄添加到WordPress站點

文章撰寫者:
  • WordPress
  • 更新:Sep 13,2017

當您想要始終為讀者提供特定方面或網站的一部分時,浮動側邊欄會派上用場。 因此,確保最大可訪問性背後的想法是用戶幾乎總是看到浮動側邊欄中呈現的任何內容。

出於這個原因,許多網站都使用浮動共享欄。 這些側邊欄始終可見,方便訪客。 它增加了訪問者分享內容的可能性。

同樣,網站管理員傾向於在網站最易訪的部分提供最佳內容。 這樣可以隨時保持遊客的視覺範圍。

需要幫助調整你的WordPress網站?
WHSR現在與Codeable.io合作,為需要專業WP開發/定制服務的用戶提供幫助。

要獲得免費報價, 請填寫此申請表.

可以添加到浮動側邊欄的一些很好的示例,請查看 WHSR關於社交媒體安全的帖子.

例

在這種特殊情況下,Jerry提供了一個關於如何成功啟動和運行博客的電子書。 我們相信這是WHSR可以提供的最有價值的指南之一。 而且,我們希望每位訪客都能注意到。

在提供您的電子郵件地址時授予訪問電子書的權限。 因此,我們不僅為您提供電子書,而且還訂閱了我們的博客。 換句話說,它是一個浮動訂閱表單。

對於WP新手來說,WHSR上的浮動訂閱表格很難復制。

所以,讓我告訴你如何利用一個漂亮的小插件來利用浮動側邊欄的力量, Q2W3固定小部件.

Q2W3固定小部件

q2w3

一旦你安裝並激活了插件,實際安裝就很容易了。

1。 打開外觀>小部件。

2。 你會看到側邊欄選項,側邊欄的數量取決於你選擇的主題。

3。 選擇固定小部件選項,您就完成了。 特定小部件將保留在原位。 看看下面的截圖,我已經修復了我的側邊欄上最近的帖子和類別。

WidgetsSettingsQ2W3

結果如下:

您還可以使用該插件進行一些自定義。

  • 邊距可以調整
  • 刷新間隔和最大寬度可以給出特定值
  • 插件選項有助於確保與您的主題兼容。 一個例子是從父容器繼承寬度的能力 - 這可能會根據屏幕大小在響應主題中改變。

SettingsQ2W3

創建粘性訂閱表單和浮動共享欄

如果你想創建任何其他類型的浮動側邊欄,也有插件允許這樣做。 例如,如果要向側邊欄添加浮動共享欄或訂閱表單,請查找訂閱表單插件或社交共享插件。

1。 將文本小部件添加到側邊欄。

2。 將適當的短代碼(由插件提供)添加到文本小部件,您將擁有一個粘性共享欄。

效果類似於下面的視頻,他們創建了一個浮動共享欄。

使用任何其他插件,您可以添加功能到您的網站,並通過將他們的短代碼添加到您添加到側邊欄的文本小部件,使其高度可訪問。 此外,您可以向Text Widget添加自定義HTML或JavaScript。

最後的思考

明智地使用浮動側邊欄並最大化訂戶的數量或社交份額/數量或您選擇使用該插件的任何其他功能。

現在,請看本文的右側。 我們有我們的訂閱表格和指南,可以幫助您的博客努力,請訂閱,我們的所有帖子將到達您的郵箱。

如果您使用其他插件,黑客或代碼來創建浮動側邊欄,我很樂意在評論部分聽到它。

關於毘濕奴

Vishnu是一名夜間自由撰稿人,白天擔任數據分析師。

連接: