Site icon 經倫記

WordPress-外掛AMP

Wordpress-外掛AMP
WordPress-外掛AMP
WordPress-外掛AMP
WordPress-外掛AMP
WordPress-外掛AMP

WordPress-外掛AMP
WordPress-外掛AMP

WordPress-外掛AMP

Google為改善手機網頁速度, 提出AMP(Accelerated Mobile Pages) 加速移度網頁, 佢由三部份部組成,『AMP HTML』『AMP JS』『AMP Cache』令網頁下載仝渲染加快.

『Wordpress』係設計之時, 冇將APM格式加入, 要令外安裝 『AMP』外掛.

  1. 登入Wordpress後台.
  2. 係左側撳『外掛』->『Add plugin』
  3. 搜尋外掛『AMP』穩到『AMP』外掛.
  4. 撳『Install Now』立即安裝 , 後再撳『Activate』啟用.-
  5. 或者係左側撳『外掛』->『AMP』->撳『Activate』啟用.
  6. 係左側撳『AMP』->『Settings』
  7. 係AMP設定配置『AMP Settings Configured』撳『Wizard』嚮導精靈.
  8. 『AMP for WordPress』撳『next』下頁
  9. 撳『Non-technical or wanting a simpler setup』非技術簡單設定
  10. 『Site Scan』掃描網站, 列出邊D『主題』『外掛』仝AMP吾相容,
  11. 『主題』2015~2025皆相容APM,2000以上鬼甘麻煩,手機版又吾適配, 最後改用2019至咁心水.
  12. 『Site Kit by Google』居然仝AMP吾相容
  13. 根據掃描網站結果,AMP挿件提供三種模式『Reader』『Transitional』『Standard』, 建設揀『Reader』讀取模式
Reader讀取模式 『主題』仝『外掛』吾相容
Transitional轉換模式 『外掛』吾相容
Standard標準模式 『主題』仝『外掛』皆相容
  1. 撳『Finish』.
  2. 係左側撳『AMP』->『Settings』, 翻去設定.
  3. 撳『Template Mode』範本模式, 建設揀『Reader』讀取模式, 因『Transitional轉換』仝『Standard標準』模式係墙内有時會出現500錯誤碼,而且Google AdSense冇廣告.
Reader讀取模式 吾改代碼, 兩套『主題』, AMP兼容『佈景主題』仝原蒞『佈景主題』, 優點係针對移動設備, 使用『佈景主題』
Transitional轉換模式 用仝壹『佈景主題』代碼轉換,風格一至, 衹係功能有差異.
Standard標準模式 單壹『佈景主題』,冇使轉換代碼,風格一至, 功能一至.
  1. 『Paired URL Structure』配對網址結構,揀預設值『?amp=1』.
  2. 勾『Redirect mobile visitors to AMP』將移動訪問者重定向到AMP版網站. 此值必值勾定.
  3. 係頁底撳『Save->』儲存.
Exit mobile version