Avada主題全局設置一般稱為Theme Options、Global Options或 options。這裡的設置修改會影響 avada主題全局參數,是很重要的設置選項。因此如果你打算學習 avada主題,Global Options是第一個要了解和熟悉的選項。本文內容是老魏學習 avada主題的心得分享,希望對同樣學習 avada主題的你有所幫助。
這是目前老魏寫過很長的文章內容了,乾脆做一個文章目錄方便大家查看感興趣的部分。
本文目錄
layout 布局
Colors配色
Header網頁頭部
Menu菜單
Logo標誌
Page Title Bar
Breadcrumbs
Sliding Bar
Footer 頁尾
Sidebars側邊欄
Background背景
Typography字體
Blog博客頁
Portfolio產品頁
Social Media社交媒體
Slideshows幻燈片
Elastic Slider彈性滑塊
Lightbox燈箱效果
Contact Form聯繫表單
Search Page搜索頁
Privacy隱私
Extra附加設置
Advanced高級配置
Performance性能
Custom CSS自定義CSS
Avada Builder Elements Avada元素
安裝 Avada主題條件
目錄是手動添加的,操作方法請看WordPress添加錨點定位。不愛手動添加的可以用wordpress目錄插件實現,請看LuckyWP Table of Contents插件_WordPress文章目錄插件詳細使用教程,WordPress文章目錄插件_Easy Table of Contents插件安裝設置詳細教程,這兩個都好用。
安裝 Avada主題前提條件
1、雲伺服器
如果用 avada主題/elementor主題建站要使用 2核4g配置,這樣才能運行流暢。
國內伺服器:
阿里雲 https://www.aliyun.com/minisite/goods?userCode=2rbhf9dd
騰訊雲 https://curl.qcloud.com/XEeLdnsX
(有代金券,付款時抵用省錢)
國外伺服器:點我直達 Vultr 主機
https://www.vultr.com/?ref=7035317
不知道如何選擇地域、配置請在頁面右側+老魏的聯繫方式,我們一起研究。
2、如果是學習 Avada主題,那麼也可以不用域名,直接用伺服器IP當做網站域名使用。
如果是用來建站,那麼就要註冊域名了。主要用戶是老外的話(外貿網站、B2C/C2C等),建議在國外註冊,不要在國內註冊。
打開namesilo官網
https://www.namesilo.com/register.php?rid=251f960qe
在搜索框裡輸入要註冊的域名,選擇好之後註冊,付費之前記得使用優惠碼省錢。優惠碼點擊國外域名商Namesilo域名註冊教程獲取。
3、Avada主題
是themeforest中銷量第一的wordpress主題,那裡面有上萬個國外主題銷售,感興趣可以
點我去看看 https://1.envato.market/4bEJn
目前在 themeforest上面這款主題是一次付款終身使用,和別的主題一年一付費的情況相比還是蠻划算的。付費後拿到註冊密鑰留用。
4、建站面板
老魏在本文中使用了寶塔面板,多虧寶塔的可視化操作界面,部署avada主題才這麼快速。
點我領取 https://www.bt.cn/?invite_code=MV9maXNmanE=
寶塔官方贈送 3188元優惠券禮包。新用戶可享受0.99元體驗1個月專業版。
5、siteground虛擬主機是 wordpress官方推薦的主機,與 wordpress是天生一對。老魏在實際使用當中發現 siteground虛擬主機上面的 wordpress網站速度、穩定性都很棒,而且在國外測試評分網站的得分也很高,如果你打算長期運行外貿網站,老魏強烈建議選擇 siteground虛擬主機。
如果你要做外貿網站,
點我打開 https://www.siteground.com/go/xunizhuji
siteground去註冊一個新帳號,開始你的外貿建站之旅吧。
如果是外貿網站,B2B/B2C/C2C等面向國外用戶的網站,建議選擇 siteground虛擬主機,它是 wordpress官方推薦虛擬主機。
有這方面疑問可以看
Siteground專題 https://www.vpsss.net/series/siteground
Avada主題Global Options全局設置Avada 的強項在於提供了超多設置選項,各種你想要的功能都有,不用敲代碼就能實現很多功能。
進入 wordpress後臺,在左側選項欄目中找到 Avada > Options 點擊進入。在 7.02版本中,Global Options中一級菜單有 28項,如下圖所示:
下面我們挨個選項查看一遍,看看哪些選項重要就詳細說,哪些選項不重要的就忽略掉,減輕學習量。
在使用過程中遇到某些選項一時間找不到,可以在搜索欄search for options,搜索一下關鍵詞就出來了。
這裡面老魏依舊使用英文版本 wordpress+avada主題+chrome瀏覽器,好處是多熟悉英文環境,不懂的地方用chrome瀏覽器翻譯成中文再理解(谷歌瀏覽器如何在線翻譯中文)。
layout 布局顧名思義就是整個網頁布局形式。
Layout布局:分為 boxed和wide兩種形式。boxed就是像個盒子一樣比較小的尺寸,wide是當前主流形式,把頁面內容鋪滿全部網頁。默認是 wide也是大部分時候選擇的形式;
site width網頁寬度:7.0版本默認 1200px;
Page Content Padding 頁面內容距離:網頁內容距離上面的top天和下面 bottom地的間距大小;
100% Width Padding 100%寬度距離:網頁內容與左右的距離大小,特指 100% site width網頁寬度, 100% width page template 頁面模板寬度 or 100% width post option post頁面寬度時。
Single Sidebar Layouts單側邊欄布局
Dual Sidebar Layouts雙側邊欄布局
Dual Sidebar Width 1雙側邊欄寬度1:當雙側邊欄存在時控制其中一個 sidebar1的寬度,百分比表示;
Dual Sidebar Width 2雙側邊欄寬度2:第二個側邊欄寬度;
Dual Sidebar Gutter雙側邊欄間距:主要內容區(文章內容)與單側邊欄的距離,以百分比表示。
如上圖所示,Single Sidebar Width默認寬度24%,那麼內容區域的寬度怎麼算呢?不是100%-24%,而是100%-24%-6%,這個6%是內容區域和Sidebar區域的間距Single Sidebar Gutter,同理知道Dual Sidebar Layouts的計算方法是 100%-20%-20%-4%-4%。
Boxed和Wide選擇
Boxed限制頁面寬度,包括header、page title bar和footer部分都被限制了,有點像 80/90年代的網頁那種比較窄的設計風格;
Wide主要依據Site Width設置好的尺寸,實際上 Width是指Content頁面內容區域+Sidebar側邊欄的寬度,而網站 header頭部和 footer尾部還是自適應瀏覽器寬度;
按照現在的流行趨勢,老魏建議選擇 Wide布局方式,更美觀大氣。
Responsive自適應設置網站自適應的開關,當遇到不同尺寸屏幕時網頁寬度的自適應變化設置。
默認開啟,並且一般不需要改動。
Colors配色這裡是全局配色設置,部分特殊區域的顏色比如菜單顏色要去菜單選項卡中設置。
Primary Color主要顏色:整個主題的高亮顏色。比如超連結hover效果的顏色。
Predefined Theme Skin預定主題外觀:設置主題皮膚淺色或深色。選擇後所有顏色選項會隨之更改。個別頁面和 fusion頁面的設置會覆蓋這個選項,因為有些部分可能無法看到更改。比如說如果你變更一個頁面為淺色但看到的還是深色,請使用 fusion編輯器編輯頁面並查看每個container容器的背景色設置。
Predefined Color Scheme,設置主題的主色調方案。選擇一個方案,所有的顏色選項將變為自定義選擇。
關於顏色設置這方面 avada主題DEMO都搭配的很漂亮,如果我們自己不懂這塊的話可能設計出來的網站配色就會不協調。解決辦法是大家多去參考國外網站是怎麼配色的,從中汲取一些營養。
整體布局的詳細解釋請看通過Avada主題了解網頁基本結構和頁面布局,說的更詳細了。
Header網頁頭部包括4個設置項如下:
1、Header Content頭部內容
header position頭部位置,可選 top,left,right。主菜單高度、頭部間距和 logo邊距將根據你選項自動調整到較美觀的位置。這部分和下面Menu設置有關,會影響Menu的相關設置;
Select a Header Layout選擇頭部布局:總的網頁頭部布局,共有7種頭部形式供選擇。第2個~第5個允許額外包含電話、郵箱和社交媒體圖標的位置;
Slider Position滑塊位置:設置網頁頭部的默認綠色滑塊在上面還是下面;
Header Content 1和Header Content 2就是上面第2個~第5個的頭部布局,左右分布選擇項;
Phone Number For Contact Info電話聯繫方式,Email Address For Contact Info電郵聯繫方式,用於填充上面提到的頭部區域。
2、Header Background Image頭部背景圖片
用於給 Header設置背景圖,大家不要覺得簡單,用圖片做背景對圖片要求比較高,很可能會導致圖片與原來網頁配色、布局等都不協調,除非萬不得已,否則老魏不建議換背景圖。
3、Header Styling頭部樣式
Header Padding頭部間距:設置頁頭上下左右間距;
Header Shadow頭部陰影:是否開啟Header下面的陰影區域,增加美觀度;
100% Header Width頭部寬度:設置Header區域是100%屏幕寬還是跟隨layout布局中設置的Site Width寬;
Header Background Color背景顏色:修改頭部背景顏色;
Archive Header Background Color存檔頁頭背景色:存檔頁、搜索頁和404頁中頁頭的背景色和不透明度。對於頁頭的不透明度設置小於1會完全刪除頁眉高度。對於側邊欄頭部,設置低於1的不透明度將顯示顏色覆蓋;
Header Border Color頁頭邊框顏色:頁頭的邊框顏色。如果使用左側或右側頁頭的位置則控制菜單分隔線;
Header Top Background Color頁頭頂部背景色:僅在Header Content > Select a Header Layout選擇了2~5的形式才會出現。調整Header 上面那一小條的背景顏色,具體可參考上圖中放大的 header 綠色部分。
4、Sticky Header粘性頁頭
開啟後網頁往下滾動時導航欄會固定在最上面。用於設置固定導航欄的樣式,設置在平板、移動端、動畫效果(僅在頁頭形式的v1 – v3, v6~v7有效)、固定頁頭陰影效果(對 IE11以下版本無效)、字體顏色、大小、菜單之間的間距、背景顏色等。
Header是網站相當重要的組成部分,這裡面的設置大家可以挨個設置一下,同時查看前臺頁面效果就明白了。
5、Header菜單高度主要取決於 logo圖片高度和上下邊距。控制好 logo高度然後 header菜單高度就好了,把 logo上下邊距調好也能控制 header菜單高度。
6、老魏分享過Avada主題製作header頁頭/頁眉詳細過程把以上內容綜合應用了,屬於實操教程。
Menu菜單有 6個子選項供設置,Menu和 Header關係比較緊密,在Header->Header Content->Select a Header Layout中有 7 種不同的 Header樣式選擇,不同選擇在 Menu對應的設置也不同。
為了查看 Menu設置完畢的效果,老魏建議大家在 avada主題中新建 home,about us,products,news,contact us等page頁面,並且在 wordpress後臺的 Appearance外觀 > Menus > Menu structure 菜單結構中添加 avada主題menu菜單進去。然後再去調整 Menu 就能看到更直觀的結果了。
1、Main Menu
設置主導航欄樣式。
Main Menu Height主菜單高度:默認單位像素,這裡根據 logo高度進行調整,比如logo高度75,這個高度設置為 90就行;
Main Menu Highlight Style主菜單高亮樣式:主菜單連結的高亮樣式,共有5種不同樣式供選擇。其實就是滑鼠放到菜單之前和之後的效果,還同時影響菜單下拉列表外觀。top bar 和 bottom bar 分別是滑塊在菜單上面和下面,那 3種樣式大家自己試試就知道了,都挺美觀的。Arrow箭頭樣式不能在透明標題背景下使用,bar高亮會垂直顯示在側標題布局上。重要提示:Arrow箭頭和 Background背景樣式可能需要根據所需效果配置其他選項。
Main Menu Item 這裡面有很多選項,設置主菜單間距、移動端間距、主菜單陰影效果、主菜單下拉菜單,二級菜單等的動畫效果:包括 fade淡入、slide幻燈片兩種效果、主菜單下拉寬度、主菜單下拉項寬度、主菜單下拉分隔符、主菜單下拉指示器、主菜單搜索圖標、主菜單搜索布局、主菜單圖標圓形邊框、菜單高亮顯示標籤半徑、主菜單下拉背景顏色及懸停顏色、主菜單下拉分隔符顏色、
Main Menu Typography主菜單字體:包括字體選擇,顏色,主菜單文本懸停和活動狀態、高亮顯示欄和下拉邊框的顏色,主菜單下拉字體顏色,主菜單下拉式字體大小,總而言之Menu字體、大小都在這設置,網頁其他部分字體去 Typography選項卡設置;
2、Flyout Menu彈出式菜單
前提是在 Header->Header Content->Select a Header Layout 選擇第 6個header形式,然後在這裡設置字體和顏色,效果和手機瀏覽器打開網站欄目有點類似,老魏不太推薦這種菜單形式,不過你可以試試再決定取捨。
3、Secondary Top Menu輔助頂部菜單
需要先在 Header > Header Content > Select a Header Layout 中選擇第2~5的 header形式,就是主菜單上面還有一行內容,這一行內容分為左右2個區域,顯示聯繫方式、SNS圖標、Navigation導航欄或者 leave empty留白。具體顯示內容在 Header > Header Content 1 和 Header Content 2 中選擇。
比如Header Content 1 選擇 Contact Info,Header Content 2 選擇 Social Links,在創建Menu的時候,在wordpress後臺的 Appearance外觀 > Menus > Menu Settings中只勾選 Top Navigation,這時在頂部右側區域 Header Content 2那裡就看到結果了,如下圖所示從上到下是整個設置過程。
Secondary Top Menu 中那麼多設置都是關於導航的顏色、字體、寬度、間距、背景色、分隔線顏色、懸停顏色等相關設置。大家可以執行一個個修改測試過去,同時查看前臺頁面效果。
4、Mobile Menu
設置Mobile移動端菜單樣式,包括設計樣式、搜索圖標、背景色、移動端菜單字體、顏色、字號、懸停顏色等。
前提是創建和編輯avada主題menu菜單的時候,在wordpress後臺 Appearance外觀 > Menus > Menu Settings中勾選 Mobile Navigation。
5、Mega Menu
Mega Menu需要在創建和編輯Menu時提前進行設置,一般用於有一級分類和二級分類及更多級分類的菜單使用。然後再在這裡設置才能看到效果。如果想要在主導航(一級導航)中展示第二層級的導航(二級導航也就是二級page頁面),比如Products下面有3個分類,每個分類下面包括多個產品,就可以使用這種菜單形式。
如下圖所示就是 avada主題 Mega Menu超級菜單的展現形式,大家還可以加以變化,在二級分類中添加圖片,讓二級導航欄變的更豐富多彩,客戶看著也很容易分辨和查找不同產品類別。
關於mega menu超級菜單的寬度如何調整,請看Avada主題Mega Menu寬度如何調整,內容較多就不放這裡了。
6、Main Menu Icons
設置所有Menu菜單中 icon 圖標樣式。
Main Menu Icon Position:主菜單icon圖標放在菜單文字的上、右、下、左哪個位置;
Main Menu Icon Size,Icon Color,Hover CLolor:icon圖標的大小、顏色,滑鼠懸停(hover)在菜單上的顏色;
Mega Menu Thumbnail Size:如果是自定義上傳圖片,設置頂級mega menu 縮略圖的寬度和高度。
下圖是老魏隨便選擇了幾款內置圖標,綠色是當前頁面和滑鼠懸停顏色,粉色是展示顏色,還可以按個人喜好把圖標放到文字上下左右位置,這個在上面都有敘述。更詳細內容請看Avada主題導航菜單icon圖標如何添加。
Logo菜單包括 Logo和 Favicon 標誌。
Logo就是網站左上角的品牌標誌,這裡可以設置默認Logo、Sticky Header跟隨頁頭Logo還有Mobile Logo ,大部分時候設置默認Default Logo就可以了。
如果上傳Logo導致菜單文字上下不居中走形了,可以先調整 logo尺寸,再去 Logo Margins調整上下間距,同時去Menu -> Main Menu -> Main Menu Height 調整導航菜單高度,主題會根據你這兩處的調整推薦參考數值。
Favicon標誌是瀏覽器標籤欄的小圖標,老魏在之前的文章中重點說過Avada主題網站favicon圖標設置詳細圖文教程。
Page Title Bar設置網站logo 和網頁內容中間區域,也就是上圖所示 Blog那一條位置。
Page Title Bar:可以選擇顯示標題和內容、只顯示內容、隱藏三種形式。是否顯示麵包屑、搜索欄,是否顯示標題;
Page Title Bar Styling:設置Ttitle Bar區域寬度、高度、移動端高度、背景顏色、邊框顏色、字體大小、標題行高度、字體顏色、字體位置;
Page Title Bar Background Image:添加標題欄背景圖片,是否100%寬度,淡入動畫;
Portfolio、Page頁面可以對每一篇進行 page title bar設置,在編輯時頁面最下面的 Avada Page Options -> Page Title Bar 中有對應選項
Breadcrumbs麵包屑導航設置麵包屑導航。移動端是否開啟麵包屑導航,麵包屑前綴文字,分隔符,文字大小,文字顏色,文字懸停顏色,麵包屑路徑上是否展示post分類及post存檔。
Sliding Bar建議關閉。Sliding Bar是一種滑動特效,包含 「Toggle SlidingBar Area」文字,會被Google展示到搜索結果中,正好位於谷歌抓取結果最前面,會干擾正常網站 seo。
Footer 頁尾頁尾底部Footer區域的設置,包括3個子菜單。
Footer Content開啟或關閉Footer區域;
Number of Footer Columns 頁腳欄目數量範圍1~6,一般我們用3、4欄的時候較多;
Center Footer Widgets Content 開啟或關閉小部件區域;
頁腳Footer添加特殊效果;
是否開啟copyright,開啟後是否居中,也可以修改、輸入版權文字。
Footer Background Image頁腳背景圖,額外上傳圖片,設置100%圖片寬度,是否鋪滿整個頁腳,及背景圖片位置。
Footer Styling頁腳樣式是否100%頁腳寬度還是跟隨Site Width寬度,頁腳上下左右的間隔,背景顏色,頁腳邊框大小和顏色;
頁腳小部件區域垂直分隔線、大小、樣式、顏色、間隔;
copyright區域的間隔、背景顏色、邊框大小、邊框尺寸;
頁腳字體、顏色、連結顏色、懸停顏色;
copyright文字顏色、字體大小、連結顏色;
編輯Portfolio、Page內容時可以單獨設置是否顯示Footer、Copyright及是否是100%寬度。在每個頁面下面的 Avada Page Options -> Footer 中的設置可以覆蓋 Options > Footer 設置;
更多詳情看Avada主題頁腳Footer設置過程詳細講解。
Sidebars側邊欄有7個子菜單,包含側邊欄樣式設置以及分別對page、portfolio、blog、搜索頁等類型的側邊欄設置。
Sidebar Styling從多個Sticky效果側邊欄中選擇,側邊欄上下左右的間距,側邊欄背景顏色,側邊欄標題文字大小、文字顏色以及標題區域的背景顏色,Pages / Portfolio Posts / Blog Posts 這3種頁面設置選項相同;
是否強制開啟全局側邊欄,對上面四種頁面都生效。開啟後覆蓋具體頁面中Sidebar設置項,如果想要不同頁面間顯示不同側邊欄,就別開啟這裡;
選擇 Global Sidebar 1 和 Global Sidebar 2這兩種全局側邊欄的小部件樣式,2隻有在 1選擇具體小部件之後才能生效;
設置 Global Sidebar在頁面左側還是右側,如果2也選擇了那麼會在另外一邊顯示,Archive頁面的左右設置也在這裡;
Portfolio Archive / Blog Archive只能選擇使用哪個小部件;
Search Page也有 1和2兩條,以及左右位置選擇。
Background背景Avada主題demo中的背景圖片,往往比較美觀大氣,顏色搭配也很好。自己上傳的往往缺乏專業設計,與整個網站格格不入,再就是的圖片尺寸往往會達到 1900px*1200px,尺寸過大會嚴重影響網站打開速度。大家根據自己業務需要選擇吧。
Typography字體這裡是全局字體設置,具體的字體設置比如菜單字體在菜單選項卡中能找到。
Body Typography 網站正文文本字體、字體顏色、字體大小、字體寬度樣式、字體高度、文字間隔。大家可以在這裡選擇合適的字體使用;
Headers Typography指的是h1~h6的字體參數設置。同樣的具體某個參數可以在對應的選項卡中設置;
Custom Fonts 上傳自定義字體,一般不使用。
Blog博客頁一般用於 Post頁面及Post Category,Post可以用來做 blog 或 news頁面。
General Blog,Post頁面設置一般都默認不改動。唯一能改動的是 Excerpt Length調整摘要文字多少。一般在編輯頁面的 avada fusion builder中增加Blog Elements,在那裡面進行設置;
Blog Single Post單獨Post頁面設置,是否100%全寬,是否展示特色圖片/視頻,是否顯示上一頁下一頁,post標題顯示在特色圖片上、下還是禁用,對於企業網站來說Author Info Box,Comments設置成off,Social Sharing Box,Related Posts則根據業務情況選擇是否展示;
Blog Meta設置作者、日期、分類、評論、閱讀更多等各種信息是否顯示。企業網站中一般 除了日期、閱讀更多之外其餘都關閉掉。包括post標籤也關閉。文本字體大小和日期格式設置。
Portfolio產品頁與Blog差不多的意思,一般用Portfolio 產品詳情頁。
General Portfolio大部分選項都不用改,最重要的設置項是 Portfolio Slug ,默認url是 portfolio-items,導致產品詳情頁面URL是域名/portfolio-items/telephone/,按照慣例會把這裡改成 product。相應的post、portfolio、page的頁面URL,都不能再用 product了。打開頁面時如果報404錯誤就去 Dashboard > Settings > Permalinks固定連結中點擊保存,就是說重新設置一遍固定連結就正常了;
Portfolio Single Post設置 portfolio的具體頁面,包含上一篇下一篇,100%頁面寬度,特色圖像是半寬還是全寬,Featured Images是否顯示、是否顯示標題及內容,超連結打開方式,Author、Social Sharing Box、Related Projects、評論是否顯示。
Social Media社交媒體Social Media Icons中的設置是下面3個設置的前提,先要在這裡面添加Social Media,比如Facebook、Youtube。
Header Social Icons、Footer Social Icons、Social Sharing Box用來設置文字顏色、大小、樣式等。分別是對Top Bar(Header Top)、Footer Copyright Bar、以及Portfolio產品詳情頁中展示的Social Icons設置,這裡根據具體情況自行選擇是否開啟及設置。
Slideshows幻燈片這裡默認也不影響幻燈片使用。Avada主題幻燈片一向比較霸道,對訪客的系統資源要求較高,很多網站打開速度慢就是因為開啟了幻燈片導致的,關掉之後首頁打開速度立馬快了。
Elastic Slider彈性滑塊做Slider較多人會用 Layerslider實現,所以說除非你打算用 Elastic Slider做,否則請忽略掉。
Lightbox燈箱效果進入產品詳情頁(portfolio)頁面設置第一個 Featured Image特色圖片,前臺打開詳情頁點擊圖片會出現圖片彈窗效果,俗稱「燈箱」。
這裡設置是否開啟燈箱效果,單獨blog和portfolio燈箱顯示內容,燈箱皮膚樣式,燈箱縮略圖位置,動畫速度,是否顯示箭頭,是否顯示多媒體start/stop按鈕,是否自動播放燈箱效果,幻燈片放映速度,背景不透明度,是否顯示圖像標題,社交分享按鈕,是否啟用燈箱深度連結圖像,是否顯示post圖片,幻燈片放映視頻寬度和高度。
Contact Form多數人會用 Contact Form 7插件做詢盤表單,功能更全面和強大。因此這裡一般會忽視掉;
Google map,輸入 Google map API key在 contact頁面添加谷歌地圖,地址,邊距,地圖縮放級別越大,解析度越高。地圖旋轉等選項;
Google Map Styling可以選擇及設置谷歌地圖樣式,選擇自定義樣式要添加顏色、內容等;
更多詳情看Avada主題Contact頁面製作詳細圖文教程。
Search Page搜索結果頁面設置,將搜索結果設置為可選擇的頁面類型,是否僅發布標題,搜索表單設計,在菜單搜索欄位和其他合適的搜索表單上是否啟用實時搜索結果。
Privacy隱私Extra附加設置額外附加的選項,如果上面那些設置還解決不了的問題,在這裡面也許能找到解決辦法。
需要手動修改的是開啟在社交連結中添加「nofollow」屬性,這個有利於網站seo權重不流失。
其中下面這兩個項目會常用,可以多留意,其他項目默認。
Related Posts / Projects 產品頁面(portfolio)是否開啟相關產品;
Featured Image Rollover 產品分類頁(page 調用了 portfolio element )中產品大圖動態效果;
Google reCAPTCHA要用,不然垃圾機器人太煩人了,天天把你的 contact form充滿。
Advanced高級配置Performance性能Custom CSS自定義CSS自定義樣式表,有些地方實現功能要依靠手動添加樣式表代碼來實現。
Avada Builder Elements Avada元素這些選項會全局影響Avada Builder元素。當你單獨編輯post,portfilio時全局設置會被每個元素的單獨設置覆蓋。
老魏總結Avada主題全局設置Global Options是一個特別重要的設置中心,管轄著 avada主題大部分設置內容。如果設置參數相同,這裡面的內容會被具體設置頁面所覆蓋,在設計網站時經常需要來這裡修改參數,所以大家要對這裡有一定的了解。新手、小白也不要怕麻煩,用到的時候這裡多改幾次再前臺看看效果就明白是怎麼回事了。
來源:魏艾斯筆記
https://www.vpsss.net/22032.html