一、什么是社交關(guān)注組件？

社交關(guān)注組件是一個(gè)展示企業(yè)在社交平臺(tái)上注冊(cè)的賬號(hào)的模塊，以社交平臺(tái)圖標(biāo)的形式展示，社交平臺(tái)包括：Facebook、Google+、LinkedIn、新浪微博、Twitter、YouTube、Instagram、Pinterest、Youku、微信。訪客單擊圖標(biāo)即可關(guān)注企業(yè)在社交平臺(tái)上注冊(cè)的賬號(hào)。社交關(guān)注組件一般放在網(wǎng)站頁(yè)頭或頁(yè)腳位置，社交關(guān)注組件支持多種風(fēng)格（圖標(biāo)原始色、灰色系、黑色系）、支持設(shè)置社交關(guān)注圖標(biāo)的大小（支持24px、32px、48px、64px多種圖標(biāo)大小）、支持多種圖標(biāo)形狀（方形、圓角、圓形）。通過(guò)社交關(guān)注組件，能夠吸引更多的訪客關(guān)注我們，了解我們?cè)诟鱾€(gè)主流社交平臺(tái)上的最新動(dòng)態(tài)。

二、如何使用社交關(guān)注組件？

1、如何查看社交關(guān)注組件是否已經(jīng)存在？

如果社交關(guān)注組件已經(jīng)存在了，就不需要再添加，直接根據(jù)需要進(jìn)行相關(guān)操作就可以（具體操作見(jiàn)下文所述）；

如果你的頁(yè)面上需要這個(gè)組件，但是還沒(méi)有添加，就需要先添加社交關(guān)注組件了；怎么判斷頁(yè)面上有沒(méi)有這個(gè)組件？單擊查看如何查看某一塊內(nèi)容是使用什么組件制作的？

2、如何添加社交組件？

在頁(yè)面上添加組件的方法都是一樣的

添加的組件名稱為“社交關(guān)注”，如下圖1所示：

圖1：

3、如何設(shè)置社交關(guān)注組件？

3.1 進(jìn)入組件的“設(shè)置”分兩種場(chǎng)景

1）此組件已經(jīng)添加好的場(chǎng)景：進(jìn)入所有這類組件設(shè)置項(xiàng)方法都是一樣的，可以參考這個(gè)攻略：如何進(jìn)入組件的設(shè)置項(xiàng)？

2）新添加的組件的場(chǎng)景：在添加此組件時(shí)會(huì)彈出這個(gè)組件的的設(shè)置話框。

3.2 在組件設(shè)置中設(shè)置組件的內(nèi)容

組件標(biāo)題：根據(jù)需要來(lái)填寫，填寫則顯示，不填寫不顯示也不占位置；

管理圖標(biāo)：?jiǎn)螕粝聢D2右上角的“管理圖標(biāo)”按鈕，可以選擇要展示的圖標(biāo)以及拖拽對(duì)這些圖標(biāo)排序，選好之后保存，默認(rèn)顯示的是各社交平臺(tái)的地址，需要把這些地址替換為企業(yè)在社交平臺(tái)上的主頁(yè)地址，當(dāng)然，前提需要注冊(cè)一個(gè)社交平臺(tái)賬號(hào)并且完善好主頁(yè)。

圖2：

3.3 在組件的設(shè)置中可以設(shè)置組件的風(fēng)格（如圖3）

選擇圖標(biāo)風(fēng)格：支持豐富多樣的圖標(biāo)風(fēng)格，如圖標(biāo)原始色系、灰色系、黑色系，前7種風(fēng)格是固定在頁(yè)面上某一個(gè)位置，第8、9、10種風(fēng)格是懸浮在頁(yè)面左側(cè)或右側(cè)的，根據(jù)需要選擇左側(cè)或右側(cè)即可。

選擇圖標(biāo)形狀：圖標(biāo)支持直角正方形、圓角正方形、圓形三種形狀，根據(jù)需要選擇即可；

選擇排版樣式：根據(jù)需要選擇排版樣式即可。默認(rèn)：只有圖標(biāo)，沒(méi)有文字。字在右：在圖標(biāo)的右邊顯示社交名稱。字在下：在圖標(biāo)的下邊顯示社交名稱。字在上：鼠標(biāo)移到圖標(biāo)上，圖標(biāo)上方顯示社交名稱。

選擇圖標(biāo)大?。簣D標(biāo)支持24px、32px、48px、64px四種大小，根據(jù)需要選擇即可。

圖3：

3.4 在組件的設(shè)置中可以設(shè)置組件的特效（如圖4）

鼠標(biāo)懸停圖片旋轉(zhuǎn)特效：支持設(shè)置鼠標(biāo)懸停在圖片上時(shí)的旋轉(zhuǎn)特效，根據(jù)需要選擇即可。

圖4：

3.5 保存組件設(shè)置中的內(nèi)容

此組件的內(nèi)容、風(fēng)格、特效設(shè)置好以后，單擊保存，如下圖5所示。

圖5：

4、保存、預(yù)覽、發(fā)布

設(shè)置好以上內(nèi)容以后要單擊頁(yè)面右上角的“保存”按鈕，目的是把此修改保存到網(wǎng)站后臺(tái)；

然后可以單擊“預(yù)覽”按鈕查看不同終端下展示的效果，如果不合適可以到后臺(tái)再做修改；

如果需要讓訪客也看到，請(qǐng)單擊頁(yè)面右上角的“發(fā)布”按鈕，發(fā)布之后稍等兩分鐘左右即可看網(wǎng)站前臺(tái)展示效果。