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

更新日期:13年2017月XNUMX日/文章作者:Vishnu

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

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

同樣,網站管理員傾向於在網站的最易於訪問的部分中展示其最佳內容。 這始終將您想要的東西保持在訪問者的視野範圍內。

需要幫助調整你的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是一名夜間自由撰稿人,白天擔任數據分析師。

連接: