       用 WordPress 和 Avada 做企業網站培訓

 

 

章節1
準備和實際操作篇
第1節
課程介紹
課程介紹視頻，希望大家對本課程有個了解，有問題和建議請給我留言，謝謝。

第2節
基礎準備工作
準備WordPress和Avada，配置，上傳等，簡單介紹和基礎操作。

第3節
安裝WordPress、Avada主題
安裝WordPress，安裝Avada主題，主題介紹講解，相關說明等。

第4節
導入Avada主題自帶Demo Classic
導入過程，注意事項講解

第5節
WordPress網站搬家和后臺速度慢的問題解決

1 在不更換域名的情況下，網站搬家。
2 網站后臺速度慢，問題解決與分析

第6節
用Avada編輯器編輯“關于我們”頁面

編輯器是網站編輯的基礎，編輯器的操作介紹，元素屬性設置等等，頁面是網站的技術，從基本開始。

第7節
設置菜單和LOGO

Logo標志是一個網站的重要屬性，講解WordPress全局菜單設置，LOGO位置調整。

第8節
網站首頁講解

Avada首頁，一步一步操作，零基礎講解功能、特效、元素和屬性。

第9節
案例Portfolio講解（1）

案例的列表頁，單頁，設置等操作

第10節
案例Portfolio詳解（2）

Avada 控制板中 關于Portfolio的設置，創建一個新的案例，詳解。

第11節
聯系我們與表單提交（SMTP插件）

聯系我們頁面修改方法，主要講解Avada自帶表單提交，讓更多主機支持發送郵件功能。我們是用的虛機或者服務器默認不支持發郵件，需要安裝個SMTP插件，如何設置，請看本課內容。

第12節
博客Blog（1）頁面設置和視差效果設置

博客首頁或者頁面首頁，Avada自帶多種博客相關頁面講解。后是背景圖Parallax視差效果設置講解。視差效果有的適合桌面電腦，有的適合移動端。

第13節
博客Blog（2）選項設置和時間戳
00:12:56
博客的統一選項設置，博客列表頁和單頁，時間格式如何設置對應的效果，比如默認的英文日歷格式如何改成中文的日歷格式。

章節2
中文漢化篇
第1節
Avada中文漢化語言包與原理

Avada可以變成中文，Avada后臺選項和編輯器都可以變成中文，只需要增加兩個文件。如何操作請看視頻。如需要這兩個漢化文件請給我留言。

第2節
用Poedit修改Avada的語言包PO和MO

Poedit是Avada字體庫PO的編輯器，用它來修改并生成MO文件，手工翻譯，自動翻譯，具體操作方法見視頻

第3節
Windows版的Poedit復數介紹以及如何更新POT文件

Poedit中文翻譯有個復數的問題需要注意。每次Avada版本升級，POT也會升級，如何把老的MO擴充適合新的Avada MO。

第4節
全站變微軟雅黑字體，小圖標顯示正常

網站全部顯示微軟雅黑字體，另外注意有些小圖標會變成方塊，這個視頻有解決辦法。

第5節
中文路徑自動翻譯成英文路徑

WordPress支持中文路徑，用這個插件搭配有道云翻譯的API，讓網站維護簡單、高效，更利于SEO。

第6節
優美的中文排版（字號和粗細的秘密）

如果直接把WordPress英文主題翻譯成中文，不改樣式，是很難看的。這節課主要解決這個問題，合理的設置文字的字號、粗細、顏色，讓中文文字的排版更舒服、高雅、優美。

第7節
字體設置和前臺頁面位置的對應關系

Avada主題不需要修改CSS代碼，直接從后臺修改：字號、行高、粗細、字間距、外邊界。Avada對前臺頁面的很多位置進行調節，這節課讓我們來看看每一項的對應關系，以及從哪里找對應關系。

第8節
后臺字體列表增加“微軟雅黑”

WordPress和Avada 后臺字體列表默認不支持中文，這個視頻教大家一個方法，只需要加一行代碼，就可以讓網站后臺字體列表中選擇微軟雅黑字體，還有一些小技巧。

第9節
網頁中嵌入“百度地圖”

Avada原生支持關閉谷歌地圖，教大家一個方法，可以在頁面中加載百度地圖，本地化服務好啊 ^_^

第10節
WordPress版本更新
WordPress發布新版本，該如何更新呢？需要注意什么？

第11節
升級Avada注意事項
升級Avada主題的正確步驟，1先備份主題和數據庫，2切換WordPress默認主題，3刪除avada

第12節
3.9.4升級4.0.1演示教程
如何從3.9.4升級4.0.1 ，同樣適用于Avada其他版本升級，先看上一級《Avada升級注意事項》

章節3
運營篇（本地化、速度優化）
第1節
一個“加速插件”給WordPress前后臺加速

360的前端庫useso越來越慢，用這個插件可以選擇其他前端庫，還支持WordPress后臺，好方便啊。

第2節
把WordPress文章分享到微博和微信朋友圈

把網站內容分享到社會化網絡中（微博，微信朋友圈，QQ空間等等）

第3節
為WordPress加速-W3TC緩存Cache插件（靜態頁）

WordPress默認都是動態鏈接，生成靜態頁面（緩存Cache），便于搜索引擎收錄和用戶訪問，降低服務器效能。

第4節
主動推送到百度站長平臺提高百度收錄

WordPress發布文章，自動通過token推送到百度站長平臺，百度官方出品。每天限制500篇，很實用的工具

第5節
原生Facebook、Twitter圖標變微博、微信、QQ空間

Avada頁腳原生社會化圖標，Facebook、Twitter等圖標和鏈接修改成微博、微信二維碼、QQ空間等圖標和鏈接。

第6節
網站優化SEO：修改標題、關鍵詞、描述，友好支持百度和谷歌

WordPress的SEO基礎，簡單方便的維護首頁、頁面和文章的標題、關鍵詞、描述。讓你的網站油耗支持百度和谷歌搜索引擎。

第7節
復合巨大菜單Mega Menu

讓下拉菜單可以排版，插入圖片和文字描述，下拉出現那種巨大的寬幅菜單。

第8節
給圖片加水印和WordPress默認圖片尺寸介紹

簡單設置，自動給上傳的每張圖片加入水印保護，控制水印大小、位置。WordPress原生圖片尺寸有大中小三種，具體修改操作見視頻。

第9節
閱讀次數和WordPress目錄權限（安全相關）

管理員自己看到文章、頁面的被閱讀的次數。WordPress不同目錄給予不同的權限，777還是755，防微杜漸。（適合Linux主機）

第10節
如何在Avada官方尋找答案

當我們遇到問題改如何尋求幫助呢？Avada官方的技術支持：官方文檔、知識庫、論壇、工單。

第11節
圖片優化：高清、大圖、透明PNG、小尺寸

大圖片，1920x1080，高清晰，透明PNG，兩種辦法讓文件變成小尺寸，具體方法。

章節4
Slider 幻燈片 滑塊篇
第1節
Avada 自帶 Elastic Slider 彈性滑塊的使用方法

Elastic Slider （彈性滑塊）是這四個Slider中簡單的，操作簡單，要求不高的網站建議使用，具體操作方法見課程。

第2節
如何轉換網站本地視頻格式MP4和WebM

很多Slider支持視頻，通常要求上傳兩種視頻格式MP4和WebM，分別用兩種軟件來分別轉換。WebM格式大的亮點是開源，可以用 Miro Video Converter 來轉換。具體操作方法見教程。

第3節
Avada 自帶 Fusion Slider 融合滑塊的使用方法

Fusion Slider 也是Avada自帶的插件，可以在后臺關閉（禁用），用他來做一組幻燈片，一頁是視頻背景，一頁是圖片背景，具體步驟請看教程。

第4節
Layer Slider 圖層滑塊介紹

Layer Slider 是一個插件，零售版售價18美元，Avada集成這個插件，功能強大，本課程只介紹此插件的基本操作方法，大家看完教程可以修改Avada導入的Layer Slider作品。

第5節
Slider Revolution 革命滑塊Demo演示

Slider Revolution 是一個插件，零售版售價19美元，Avada集成了這個插件，這節課先看看他的官網用Slider Revolution能做成什么樣子。

第6節
Slider Revolution 革命滑塊操作演示

Slider Revolution （革命滑塊）功能很強大，時間關系，我帶大家把Slider Revolution 具體的操作設置方法過一遍，希望大家看完視頻可以設置并修改Avada主題自帶的滑塊內容，把背景、文字、圖片換成你們公司的內容，并按照你希望的動畫來表演。

章節5
補充
第1節
WooCommerce獨立商城介紹和頁面調用

第2節
WooCommerce獨立商城設置

Avada主題選項有一些關于WooCommerce插件的設置，詳見視頻教程吧。

第3節
Avada4 后臺字體列表增加 “微軟雅黑”的方法

以前有一期課程是后臺字體列表增加“微軟雅黑“的方法，不過那是”Avada 3.9.x。自從Avada升級到4之后，那招不好用了，這個方法適合Avada4。

第4節
用phpMyAdmin 備份和恢復網站mysql數據庫

WordPress網站的備份，主要是ftp和mysql數據庫，這課講的是mysql的備份與恢復

第5節
WordPress升級和Avada4升級(快速版)

WordPress升級，Avada 升級（4.0.1 升級到 4.0.2）。帶大家快速過一遍，升級之前回顧經驗。如果你是第一次升級，建議先看之前的完整升級教程。

第6節
為網站添加百度統計代碼

Avada網站增加第三方統計功能，以百度統計為例。其它cnzz，谷歌統計的增加方法類似。

第7節
首頁調用博客新聞，中文摘要字數截取

WordPress網站的新聞用的Blog文章，首頁調用新聞有幾種不同的方法和布局。另外文章摘要文字，如果是中文漢字，需要單獨設置，與英文字數截取不同，具體方法見教程。

第8節
找回菜單編輯“在新窗口打開”選項

WordPress菜單鏈接默認帶“_blank”，但是啟用Avada主題后，這個設置消失了，視頻中教大家打開這個功能。

第9節
阿里云CDN+緩存插件+閱讀量+安全狗聯合解決方案

實戰了一次阿里云 CDN，近用了個新的緩存插件，閱讀次數正常刷新，以及服務器安全狗白名單，一整套聯合解決方案，目標只有一個，給網站加速。

章節6
問答 Q&A
第1節
新手安裝主題是容易出錯的幾個地方

安裝主題時幾個注意事項，也是經常被問的幾個問題
1 不能后臺上傳主題文件，要用FTP上傳，主題文件很大，本地網絡速度，服務器環境限制和帶寬，我們不要找那個麻煩
2 不建議本地搭建測試環境、安裝和導入Demo。找個虛擬主機，或者服務器，導入過程是從avada服務器抓資料，本地測試不適真正的外網環境
3 主題壓縮包內容講解，關鍵要找到壓縮包中的主題包

第2節
Avada編輯器白屏的解決辦法

頁面又長又復雜比如首頁，需要更多資源，如果虛擬主機資源不夠，或者檢測環境不達標，會造成Avada編輯器白屏，無法正常運行。判斷方法，新建一個空頁面，打開看看是否能打開Avada編輯器。如果能打開內容很少的頁面，打不開內容很長的頁面應該就是虛擬主機資源不足，需要升級主機。如果連小頁面都打不開，也許是環境不能運行Avada編輯器。還有一個原因，編輯器需要谷歌字體，360鏡像庫被廣泛使用，很忙，可以更換其他的谷歌鏡像庫。

第3節
官方購買的Avada如何激活，自動更新嗎？

激活步驟看教程吧，不建議自動更新，因為國外網速不穩定，而且主題包文件很大，另外，正常從Themeforest那里下載也很慢，還容易斷，好用VPN，選個中國的早晨下載，那時服務器比較閑，速度快。

第4節
Avada發布新版本如何才能知道？Avada官方文檔和視頻教程在哪里？

如何獲得Avada更新通知，有幾個方法，比如Themeforest的郵件通知，Avada官方更新日志，微信訂閱號通知等，詳見視頻介紹

第5節
網上下載Avada主題，無購買代碼，功能是否受限？如何更新？

Avada并沒有依賴購買代碼、注冊（License許可證）來限制、制約Avada主題功能。通過這幾年使用經驗來看，沒有購買代碼不能注冊，網站前臺并不會有版權水印、廣告之類的東西、功能也不會受限，網站速度也不會變慢（Avada網站慢和這個購買代碼無關）。

第6節
Avada集成的Slider Revolution沒有購買代碼，功能有限制么？

Slider Revolution有兩個渠道，一是從ThemeForest上花19美元 購買的單獨零售版，這個和Avada無關。另一種是Avada主題集成的Slider Revolution是個OEM版，區別是：19美元零售版有購買代碼，可以用“購買代碼”激活注冊Slider Revolution，相比OEM版擁有三項好處。

第7節
SEO：讓每篇文章的描述Description的自動出現

這節課講SEO一項重要的東西，文章摘要。文章SEO三要素 標題，描述和關鍵詞，現在關鍵詞幾乎無用了，另兩個還是挺重要的，標題顯而易見，但描述容易忽略。因為默認摘要是空的，需要手工錄入。簡易有效的方法是：自動截取文章正文的一些文字作為摘要，自動完成。這需要之前講過的SEO插件，當時講的時候主要是關鍵詞Keywords，那個插件可以實現自動摘要，但需要手工設置一下。具體看操作

第8節
圖片壓縮優化：另存為 web 格式

在維護網站新聞和產品時，照片圖片一定要壓縮，先修改尺寸在另存為 web 格式，切記。有很一些同學直接把iPhone 拍照的原圖2MB 上傳網站，一定不要這樣做哦。

第9節
有問有答

章節7
Avada5專區
第1節
Avada5 全新安裝+導入DEMO+導入W3TC配置文件

Avada5是一次大更新，導入方式需要注冊產品，注冊產品需要envato的API，本課為全新安裝Avada5，在阿里云的共享虛機上操作演示，全程演示以及說明見教程。

第2節
Avada4升級到Avada5演示及相關問題說明

Avada403升級到Avada502實際操作視頻教程，升級之前先備份，特別是數據庫，因為Avada5的編輯器不能識別Avada的代碼，升級過程需要轉換，詳見視頻教程。

第3節
Avada5環境要求（國內外虛機，阿里云ECS，PHP.ini）

很多同學都會卡在Avada5環境上，有的啟動編輯器插件后白屏，有的啟動核心插件白屏，啟動順序是，先核心后編輯器，更多的是導入demo失敗，提示檢查環境。有的同學是用的本地環境，裝個xampp之類的php環境，不建議這么做，因為這種打包的環境，參數不統一，容易遇到各種奇怪的問題……更多相關內容請看視頻

章節8
Avada5 導入 DEMO 方法匯總
第1節
Avada5 后臺一鍵自動更新（操作演示）

Avada 主題升級，不建議后臺一鍵自動更新，但有很多同學容易點擊一鍵更新，用這個視頻說明下這個問題。

第2節
Avada5 一鍵導入 DEMO 的失敗與成功（經驗分享）

自從升級到 Avada5，隨著小版本升級，很多同學向我反映導入 DEMO 失敗，我特意做了幾個課，爭取把導入 DEMO 的相關問題說清楚，這是第一個。

第3節
Avada5 手工導入 DEMO（自創方法）

目前這個階段，如果一鍵導入不成功，只能手工導入，官方手工導入 DEMO 教程需要從 Avada4開始，我研究了一套 Avada5的手工導入方法，見視頻。

第4節
Avada5 手工導入 DEMO（官方方法）

這種方法是目前穩妥的導入 DEMO 方法，需要從 Avada4開始，操作有點繁瑣，但實用。

第5節
Avada5 一鍵導入 DEMO（阿里云共享虛機版）

Avada5目前導入 DEMO 還是挑環境的，這個共享虛機竟然成功導入了 Avada5的 DEMO。個人感覺主機環境是否為綠色也不是唯一標準了，建議 PHP 版本高一些吧。