福州網站建設設計在網絡上有很多偉大的Divi設計。有一件事,使許多最好的Divi主題脫穎而出的是部門劃分。部門劃分是一個偉大的方式添加一些視覺照明彈到您的網站。添加它們的最好方法是使用CSS樣式,但您不必知道CSS才能將它們添加到Divi網站。您可以使用一個名為區段風格管理器專業插件。
節樣式添加了各節彼此分離的獨特方式。標準部分是筆直的。造型可以創造獨特的角度,盒子,圓圈,三角形,等等。即使是像角度這樣簡單的東西也能使你的網站脫穎而出,看上去更有趣。在這個插件概述中,我們將查看SectionStyStyManagerPro中可用的樣式,看看它有多容易使用。
區段樣式管理器Pro可從以下網址獲得:螺栓主題
受模塊編輯器以及分離器的選擇CodDrops,該插件提供了一種簡單的方式來添加CSS樣式,為您的Divi網站的部分創建28個獨特的分隔符。
插件添加CSS類,然后可以使用適當的CSS類分配給節。你不需要知道CSS,甚至不需要知道類是什么。您只需從屏幕上顯示的圖像中選擇所需的樣式即可。你所需要知道的就是粘貼到一個字段中。
章節風格包括:
高級包括:
- 盒子
- 城堡
- 圓點
- 雙線
- 折角
- 印濟
- 多三角形
- 圓邊
- 狹縫
- 透明大三角形
- 透明小三角形
- 鋸齒形
儀表板菜單

上傳插件后,一個新的鏈接被添加到儀表板菜單,稱為節樣式。這將打開菜單屏幕,在那里您可以看到可用的樣式和使用它們的說明。
使用樣式
首先,福州網站建設設計在插件頁面中的儀表板上單擊要使用的樣式。該樣式的CSS類將自動復制到剪貼板。

接下來,轉到您想要樣式的部分。進入區段的設置,選擇自定義CSS,然后粘貼到名為CSS類.
最后,單擊儲蓄與退出更新頁面。樣式現在添加到該部分。
規則截面樣式的例子

為了創建示例,我使用DiviLibrary的主頁基本布局創建了一個測試頁面。第二部分是帶有文本的全寬度標題.這是我將添加樣式的部分。為了幫助這個部分脫穎而出,我用藍色設計了上面和下面的部分。
現在,讓我們看幾個例子。
三角形截面頂部

這是三角區。這個把三角形放在上面。它也可以在底部,或在頂部和底部。
對角段

對角部分在頂部、底部或兩者都添加對角線斜率。這把都用了。
半圓截面底部

這一個在頂部、底部或兩者都放置了一個半圓。這個位置在底部。
圓裂截面曲頂

這是圓分裂風格與彎曲的頂部。它還可以選擇彎曲的底部。
夾角

角樣式將一個角度放置在左、右或兩者都在該部分的頂部。這把都用了。
滑塊全屏

這種風格與全屏滑塊一起工作,讓你很容易地使滑塊水平占據全屏或半屏幕。這是一個全屏幕滑塊。

如果您在部分中有其他內容,該模塊將不會顯示為全屏幕或半屏幕。在上面的圖像中,原始行和滑塊位于同一部分。我設計了滑塊的背景,所以它是分開的。
背景造型

要對背景進行樣式化,只需在部分中選擇背景色。樣式將自動匹配背景色樣式。

這個圖上、下都是三角形。

這個在底部使用對角線部分。
利用圖像

雖然它只打算與顏色背景一起工作,它確實對圖像有一定的作用,但它的反應與預期不同。使用嘗試和錯誤,您可能會得到一些有趣的效果。視差關閉造型。公平地說,這不是他們的意圖,我使用它與圖像,所以這不是一個負面的插件,但我不得不實驗,我認為這是值得一試。我確實建議在幾個瀏覽器中測試您的圖像,但是如果您決定嘗試它的話。
高級剖面樣式

高級區段樣式添加了額外的自定義級別-它們具有更復雜的模式,并且可以使用主題定制器.
SSM高級主題定制器

將一個名為SSMAdvanced的新選項卡添加到主題定制程序中,并包括每個高級區段樣式的選項卡。在這里,您可以獨立地調整每種樣式的顏色。這些是全局自定義,這意味著這些調整將出現在任何使用樣式的地方。
盒子

盒子給你兩種顏色的調整,這是偉大的創造城堡墻的效果。在上面的例子中,我使用了當前部分和下面部分的顏色來將這兩個部分連接在一起。
圓點

你可以給前后的點一種顏色加上中間點另一種顏色的樣式。
雙線

雙線可以獨立設計。這里我用了兩個紅色的變體來配合這個部分的背景顏色。
折角

看看折疊式角落。我發現這種風格很難用,因為只有當你把角落的樣式與該部分相匹配時,它才能真正發揮作用。我把角落的頂部設計得比這個區域的顏色更深一些,這樣才能讓它顯得更突出一些。角落的背面要深得多,而下面的區域是完全不同的顏色。為了讓讀者的眼睛感覺到紅色的部分,我可以在該部分中畫一些其他的東西,看上去就像是在偷看。
印濟

Inczigzag產生了一些有趣的效果。我已經使底部的背景色與上一節和下一節的背景顏色相匹配,以給出這個部分的效果,將它們重疊起來。
多三角

這是一個關于多重三角的研究。我加了一個深紅的背景顏色,使它脫穎而出。
狹縫

這是一個關于狹縫的觀察。它放置了一個大的樂隊跨越頂部,并有兩種顏色的造型。我使主背景匹配部分和第二個背景是一個更深版本的主顏色。
透明大三角

這是透明的大三角。為了對其進行樣式設計,我使用了與它下面的部分相同的顏色來創建一個有趣的向下箭頭設計。

在這個部分中,我添加了一個深藍色的背景,并使用略淺的藍色作為透明的背景顏色。
透明小三角形

這是透明的小三角造型與兩個變體相同的顏色。
前端生成器

由于插件只是給您提供了一種簡單的方式來添加預先生成的CSS類到您的部分,它實際上沒有任何代碼與之沖突或受到前端生成器的限制。您仍然可以使用前端生成器調整您的節樣式,就像任何部分一樣。
CSS的樣式設計必須從主題定制器中完成,但可以從前端進行調整。正如預期的那樣,您可以從前端將CSS類粘貼到適當的字段中。如果您喜歡使用前端生成器,您將不會有任何問題使用區段風格經理專業。
用它加上額外的

它很好的工作與網頁和帖子在額外。類別生成器確實給了我一些格式化問題。我建議嘗試不同的風格,看看什么最適合你的設計。
許可證、文檔、更新和支持
區段風格經理專業可用于無限的網站為您和您的客戶。
該插件包括免費的終身更新。更新是自動完成的,并在插件列表中添加了一個鏈接,您可以在其中檢查更新。
在儀表板的頁面上提供了文檔,介紹了如何復制和粘貼CSS類,以及如何使用主題自定義器對高級樣式進行樣式設置。在插件的銷售頁面上有兩個視頻教程,您可以逐步使用這兩種類型的樣式。
終身支持通過電子郵件提供。你也可以發電子郵件給他們發售前問題。
最后思想
區段風格經理專業提供了一個簡單的方式,以添加28節劃分樣式到您的網站。您需要將CSS類粘貼到您想要的部分中,但是只要在儀表板屏幕上單擊您想要的類,就可以從多種樣式中選擇,從而簡化了CSS樣式化過程。不需要編程…只需單擊并粘貼即可。
您可以在單個頁面上的任意多個部分上使用樣式,但我建議每個部分只使用一種樣式。使用兩種樣式可能會導致沖突。插件很輕,所以在你的網站上沒有額外的壓力。
所有的風格使用該部分的背景顏色,并融入完美。高級樣式提供了多個層,可以使用主題定制器單獨著色。這是很容易匹配您的網站的顏色托盤或您自己的品牌顏色。
它可以從Bolt主題中獲得(在這里找到:DIVI部門風格經理Pro)。如果您只想要基本樣式和兩種滑塊樣式,您可以嘗試使用免費的精巧版本(見此處:部門風格經理Lite).