Divi 插件亮點 - Divi 徽標管理器

已發表: 2017-07-30

徽標是每個網站的重要組成部分。 他們向您的讀者介紹您的品牌並提供品牌認知度。 網站可以使用徽標做什麼通常是有限的。 使用 Divi 我們可以調整大小並使它們在滾動時縮小或消失。 這對大多數網站來說都很棒,但是如果您想對徽標做更多事情怎麼辦? 您可能對名為 Divi Logo Manager 的第三方插件感興趣。

Divi 徽標管理器是 Divi 的高級插件,可讓您更改整個網站的徽標。 您可以根據設備(移動設備、平板電腦或台式機)使用不同的徽標,在滾動時更改為不同的徽標,按頁設置徽標並調整懸垂量。 它與頁面、項目和 WooCommerce 產品頁面兼容。

在這個插件亮點中,我們將看看插件可以做什麼。 示例圖片來自 Unsplash.com。

Divi Logo Manager 安裝和設置

上傳並激活壓縮插件。 激活後就可以使用了。 所有工作都在“設置”菜單、各個頁面和 WooCommerce 產品頁面上完成。 在儀表板中,轉到“設置”並選擇“Divi 徽標管理器”。 從這裡您可以選擇懸垂尺寸、手機徽標、平板電腦徽標、桌面徽標和滾動徽標。

Divi 主題選項中添加了桌面徽標。 所有其他徽標都單獨添加到此頁面或每個頁面上。

懸垂

有 9 種不同的懸垂選項,範圍從無到不可思議的大以及介於兩者之間的各種級別。 這增加了一個值得使用的新設計元素,即使您不需要更改徽標。

每頁

Divi 徽標管理器為您的頁面、項目和 WooCommerce 產品頁面添加了一組新設置,讓您可以覆蓋在主菜單中設置的設置,以便您可以為每個頁面選擇特定的徽標。 您可以將它們設置為桌面、移動、平板電腦和滾動。 這對於登陸頁面、特價商品、投資組合頁面、產品等非常有用。

Divi 徽標管理器示例

讓我們來看看每個設備上的徽標以及不同程度的懸垂。 我將使用 Google Chrome 的開發人員工具來模擬移動和平板電腦設備。

桌面

對於桌面徽標,我使用了獅子的藝術形象。 這是標誌的標準版本,沒有懸垂。 此徽標必須加載到 Divi 的主題設置中。

現在我已經上傳了一個標誌,它現在出現在插件設置中。

懸垂

下面是一些懸垂部分。 這個有一個小懸垂。 這很明顯。

這個使用了一個更大的懸垂。 它更引人注目,我喜歡它與頁面相對的方式。

這是中大號。 這是一個很好的全方位尺寸。

這個使用了巨大的懸垂。 對於某些設計來說,它可能太大了。

這個使用不可思議的大懸垂。 它不會適合所有設計,但對於設計來說,它看起來很棒,它會脫穎而出。 通過這種級別的選擇,您可以輕鬆找到適用於任何網站的突出部分。

懸垂功能適用於 Extra,但不適用於徽標交換功能。 這是額外的大懸垂。

滾動標誌

滾動徽標功能可讓您指定僅在滾動時顯示的徽標。 在這個例子中,我添加了一個滾動標誌。

標題一縮小,徽標就會更改。

藥片

這是一個只會出現在平板電腦上的新標誌。 讓我們看幾個使用 Google Chrome 開發者工具的例子。

這是一台iPad。 即使在移動和桌面設備上,它也保留了重疊。 徽標已更改以匹配平板電腦設置。

這是處於水平模式的 iPad。 如果屏幕足夠大,某些平板電腦會顯示桌面徽標。

這是處於縱向模式的 Nexus 10。

這是水平模式下的 Nexus 10。 它顯示桌面徽標。

這是滾動中的 Nexus 10。 徽標在平板電腦上的變化就像在台式機上一樣。

這是 iPhone 6 Plus 上不可思議的大懸垂。

這個在 iPhone 6 Plus 上使用了 Medium Overhang。

這個使用大懸垂。

這個使用小懸垂。

移動的

我為手機添加了一個標誌。

這個使用帶有大懸垂的響應式。

這一款在 iPhone 6 Plus 上使用了大懸垂。

這是水平模式下的 iPhone 6 Plus。

這是 Galaxy Note 3。

這是水平模式下的 Galaxy Note 3。 您可能需要嘗試使用懸垂來為您的移動網站找到完美的選擇。

WooCommerce 產品頁面

它也適用於 WooCommerce 產品頁面。 默認情況下,它與常規頁面的工作方式完全相同,因此無需進行任何設置。 這是帶有大懸垂的常規徽標。

項目頁面

默認情況下,Divi Logo Manager 也適用於項目頁面。 這是一個帶有新桌面徽標的項目頁面。 就像常規頁面一樣,項目頁麵包括為每頁選擇一個徽標的自定義。

每頁

您可以選擇僅在您選擇的單個頁面上顯示的自定義徽標。 在可視化編輯器中,您將在右側看到一個名為 Divi 徽標管理器的新自定義區域。 您可以在此處選擇桌面、移動設備、平板電腦的徽標,並逐頁滾動。

在這個例子中,我創建了一個新產品。 該產品與其他產品如此不同,以至於標準徽標不匹配。 此產品頁面可以從擁有自己的單獨徽標中受益。

下面是我為該頁面選擇顯示的徽標。

這是使用大懸垂的桌面徽標。

這是滾動徽標。

這是使用 iPhone 6 Plus 的手機標誌。

這是水平模式下的 iPhone 6 Plus。

這是使用 Nexus 10 的平板電腦徽標。

返回我們的原始頁面... 我為滾動添加了一個新徽標,我只想在此頁面上顯示它。

此頁面現在在滾動時使用自定義徽標。

許可、更新和支持

該插件可以為您和您的客戶安裝在無限的網站上。 它包括終身更新和 6 個月的支持。

如需更多信息,請訪問出版商網站 KiwiWeb.co.uk。

最後的想法

Divi Logo Manager 簡單易用。 只需選擇要在每個設備上顯示的徽標並進行滾動,然後設置懸垂量。 可以單獨覆蓋每個頁面的徽標。 懸垂是添加一些活力並使您的網站脫穎而出的好方法。 懸垂可以根據需要隱藏或明顯。 僅懸垂功能就值得使用該插件。

如果您對根據設備選擇徽標、更改滾動徽標或添加懸垂功能感興趣,Divi Logo Manager 可能是您需要的插件。

我們想听聽您的意見。 您是否使用過 Divi 徽標管理器? 在下面的評論中告訴我們您的想法!

精選圖片來自 SiuWing / shutterstock.com