Avada主題全局設置Global Options詳細介紹

2021-02-11 魏艾斯筆記

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菜單包括 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

相關焦點

  • Avada主題首頁home詳細製作過程
    本文中老魏接著avada主題製作header頁眉開始製作home頁。頁眉內容和home頁內容是交織在一起的,如果你不知道如何做header頁請從上面連結先去學習一下,掌握相關知識後再看本文。上堂課老魏在製作avada主題menu導航菜單內容的時候,創建了 home頁,內容為空。今天就從這個空的 home頁開始繼續編輯。
  • Python中的global關鍵字的用法以及如何設置變量?
    那么正Python程式語言中,結合global的中文意思你會更加的理解這個關鍵字的用法。我們使用global關鍵字可以定義Global的變量。global 關鍵字能什麼呢global關鍵字可以定義一個變量,被定義的變量可以在變量作用域之外被修改,通俗講就是一個全局的變量,這個全局的變量在其被定義後,可以在全部上文中修改和使用。
  • R Markdown 詳細使用指南(一)
    在之前的文章《RMarkdown》中,已經初步介紹了 R Markdown 的基本使用方法,因此在上一次的基礎之上,將進一步詳細說明,同時按類別來全面填平使用過程的各種坑和注意事項。建議:先閱讀《RMarkdown》後繼續向下閱讀在新建 R Markdown 文件後,利用編輯區域上方的 Knit 圖標以及右側的設置圖標,右鍵打開後,可以進行更為詳細的設置,比如:Output Options 中事實上,新建文件後,正文區域,第一段代碼十分重要,關係到全局設置:```{r setup
  • php變量的數據類型、命名規則等詳細介紹
    本篇將介紹「php變量是什麼?php變量的數據類型、命名規則以及php變量的使用教程」,有興趣的朋友可以了解一下!一、前言php是一門開源的腳本語言,它的語法簡單實用,利於學習,被廣泛的使用於Web開發領域。目前很多中小型網站都是使用php語言開發的,如果我們能學好php語言,也是很有前途的。今天小編為什麼要介紹php變量?
  • Eclipse詳細設置護眼背景色和字體顏色並導出-百家號 - 百度經驗
    Eclipse是一款碼農們喜聞樂見的集成開發平臺,但是其默認的主題和慘白的背景色實在是太刺激眼球了。下面,將給大家詳細介紹如何設置成護眼主題的方法,也做個拋磚引玉,希望能有更多的主題出現在Eclipse的大家庭中。隨後,本文將介紹如何將設置好的主題導出保存,用於重裝系統或者分享給朋友。
  • 搞個性化 Color OS全局高達主題vs MIUI
    【PConline 評測】經常在與使用小米手機的用戶交談中筆者都覺得,小米吸引用戶的不僅僅是高性價比的產品,更是那個不斷改進的MIUI系統,其人性化的設置,搭配隨心的全局主題多方面滿足用戶的個性化需求,讓人喜歡,所以手機系統給用戶帶來的體驗也能對銷量造成不容小覷的影響。
  • Color OS加入全局主題 帶你決戰高達(全文)
    但是現在很多手機的主題,只是在桌面上換換圖標,而系統很多細節部分,像二級菜單、按鈕控制項和通知欄的風格卻仍然還是原來的,這種換湯不換藥的行為其實根本不能滿足消費者的需求,而到後來又提出了全局主題的概念。所謂的全局主題,是指不限於壁紙、圖標,包括鎖屏、桌面插件、二級菜單(電話、簡訊、系統設置等)均可被美化的主題。
  • DUX主題詳細介紹-Wordpress國產中文主題
    最早的時候老魏使用的是 D8主題,後來覺得 DUX主題更好用就換了過去。這些年不斷有朋友問老魏你的網站用的是什麼主題,用了這麼多年老魏覺得有必要給 DUX主題做個推薦,所以老魏會在本文中詳細介紹 Wordpress國產中文主題-DUX主題。
  • 詳解python 局部變量與全局變量
    一旦本文將詳細分析python的全局變量與局部變量,學過php的人都知道,php裡面的全局變量是無法在function裡面去使用的,只有超全局變量才可以
  • 使用 Vue 實例——全局 API
    一、總覽Vue.extend(options) Vue.nextTick
  • Python Global和Nonlocal的用法
    nonlocal 和 global 也很容易混淆。簡單記錄下自己的理解。解釋global總之一句話,作用域是全局的,就是會修改這個變量對應地址的值。global 語句是一個聲明,它適用於整個當前代碼塊。 這意味著列出的標識符將被解釋為全局變量。 儘管自由變量可能指的是全局變量而不被聲明為全局變量。
  • 賞金奇兵3怎麼設置中文 設置中文語音的方法介紹
    賞金奇兵3怎麼設置中文 設置中文語音的方法介紹時間:2020-06-23 09:56   來源:未知   責任編輯:毛青青 川北在線核心提示:原標題:賞金奇兵3怎麼設置中文 設置中文語音的方法介紹 【賞金奇兵3怎麼設置中文 設置中文語音的方法介紹】《賞金奇兵3》遊戲中玩家能夠使用遊戲自帶的中文語音,可能會有玩家不清楚要怎麼設置遊戲語言
  • Carrion中文怎麼設置-中文設置方法介紹
    Carrion中文怎麼設置,有不少的玩家都想知道答案,今天小編就為大家帶來Carrion中文設置方法介紹,希望可以幫到玩家。Carrion中文設置方法介紹
  • Python 局部變量,全局變量,nonlocal 變量用法
    在一個模塊中,凡是不在函數體內的變量都是全局變量:x = "I'm global variable"def foo():    x = 10    print(f'x equals {x}' )foo() print(x)
  • html中標籤的詳細介紹
    本篇給大家介紹的是html中不常見但很強大的一個標籤,即<base>標籤,有興趣的朋友可以了解一下!在html中的<base>標籤我重來沒有用過,在網上聽說它的功能挺強大的,然後就對它進行了研究,果然發現它的功能強大的。所以在這就分享一下,希望不要埋沒了它。