維看幫助中心

如何使用社交關注組件?

瀏覽數量:0     作者:本站編輯     發佈時間: 2018-02-06      來源:本站

一、什麼是社交關注組件?


社交關注組件是一個展示企業在社交平台上註冊的賬號的模塊,以社交平台圖標的形式展示,社交平台包括:Facebook、Google+、LinkedIn、新浪微博、Twitter、YouTube、Instagram、Pinterest、Youku、微信。訪客單擊圖標即可關注企業在社交平台上註冊的賬號。社交關注組件一般放在網站頁頭或頁腳位置,社交關注組件支持多種風格(圖標原始色、灰色系、黑色系)、支持設置社交關注圖標的大小(支持24px、32px、48px、64px多種圖標大小)、支持多種圖標形狀(方形、圓角、圓形)。通過社交關注組件,能夠吸引更多的訪客關注我們,了解我們在各個主流社交平台上的最新動態。



二、如何使用社交關注組件?


1、如何查看社交關注組件是否已經存在?

如果社交關注組件已經存在了,就不需要再添加,直接根據需要進行相關操作就可以(具體操作見下文所述);

如果你的頁面上需要這個組件,但是還沒有添加,就需要先添加社交關注組件了;怎麼判斷頁面上有沒有這個組件?單擊查看如何查看某一塊內容是使用什麼組件製作的?


2、如何添加社交組件?

在頁面上添加組件的方法都是一樣的,單擊查看如何添加組件?

添加的組件名稱為“社交關注”,如下圖1所示:

圖1:

添加社交關注組件.jpg



3、如何設置社交關注組件?


3.1 進入組件的“設置”分兩種場景

1)此組件已經添加好的場景:進入所有這類組件設置項方法都是一樣的,可以參考這個攻略:如何進入組件的設置項?

2)新添加的組件的場景:在添加此組件時會彈出這個組件的的設置話框。


3.2 在組件設置中設置組件的內容

組件標題:根據需要來填寫,填寫則顯示,不填寫不顯示也不佔位置;

管理圖標:單擊下圖2右上角的“管理圖標”按鈕,可以選擇要展示的圖標以及拖拽對這些圖標排序,選好之後保存,默認顯示的是各社交平台的地址,需要把這些地址替換為企業在社交平台上的主頁地址,當然,前提需要註冊一個社交平台賬號並且完善好主頁。

圖2:

內容.jpg


3.3在組件的設置中可以設置組件的風格(如圖3)

選擇圖標風格:支持豐富多樣的圖標風格,如圖標原始色系、灰色系、黑色系,前7種風格是固定在頁面上某一個位置,第8、9、10種風格是懸浮在頁面左側或右側的,根據需要選擇左側或右側即可。

選擇圖標形狀:圖標支持直角正方形、圓角正方形、圓形三種形狀,根據需要選擇即可;

選擇排版樣式:根據需要選擇排版樣式即可。默認:只有圖標,沒有文字。字在右:在圖標的右邊顯示社交名稱。字在下:在圖標的下邊顯示社交名稱。字在上:鼠標移到圖標上,圖標上方顯示社交名稱。

選擇圖標大小:圖標支持24px、32px、48px、64px四種大小,根據需要選擇即可。

圖3:

風格.jpg


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

鼠標懸停圖片旋轉特效:支持設置鼠標懸停在圖片上時的旋轉特效,根據需要選擇即可。

圖4:

設置特效.png


3.5保存組件設置中的內容

此組件的內容、風格、特效設置好以後,單擊保存,如下圖5所示。

圖5:

保存.png



4、保存、預覽、發布

設置好以上內容以後要單擊頁面右上角的“保存”按鈕,目的是把此修改保存到網站後台;

然後可以單擊“預覽”按鈕查看不同終端下展示的效果,如果不合適可以到後台再做修改;

如果需要讓訪客也看到,請單擊頁面右上角的“發布”按鈕,發布之後稍等兩分鐘左右即可看網站前台展示效果。

保存預覽發布.png



三.組件優化


1.社交關注組件添加了新浪微博後支持可以修改顯示的文字; (2017-6-1優化)

(1)新增功能應用場景:在添加新浪微博後,支持修改顯示文字,滿足英文版新浪微博的需求;

(2)新增功能操作方法:

QQ圖片20180522150904



2、社交關注組件新增白色風格。 (2018-8-28優化

【應用場景】當用戶的網站使用彩色背景色的頁腳時,可以使用新增的白色風格分享組件和社交關注組件,提高頁腳的美觀度和協調性。

【操作方式】登陸進入領動雲-》編輯網站-》分享組件/社交關注組件設置-》風格-》選擇新增的白色風格。分享和社交關注組件白色風格


風格效果如下所示:白色風格展示效果


建站流程

找不到你的問題?
135-6001-3420
seoprixcom@gmail.com
214227632
Facebook
Twitter
Google
LinkedIn
Instagram
維看雲建站系統
專業外貿建站系統,為您打造一個適合谷歌的優化網站!
  • 客服QQ
    214227632
  • 微信手機
    (852) 6741 8807
  • 郵箱
    seoprixcom@gmail.com