2018 WORDCAMP 心得筆記
2018/10/21 來參加 WORDCAMP,記錄一下心得筆記
WordPress 無障礙 accessibility
網頁應該是給每一個人的。
顏色
字體大小
[https://www.apple.com/tw/accessibility/iphone/vision/](apple 有 Voice Over 輔助工具可以用)
網站營運成長駭客
網站關鍵是人流,人流決定於SEO
開站 365 天 成為台灣前 35 名
- 友善的外部連結
- 穩定的導入流量
- 完整的內部鏈結
SEO 策略
- 大量內容授權與聚合(多元性、形式統一)
- 拆解內容關鍵字(為了分類,整理讓瀏覽者方便瀏覽)
- 2個資料庫做演算法串連管理(內部連結、關鍵字、各種連結)
- 外部流量與關聯連結(大量使用者、瀏覽時間、瀏覽頻率,他們有跟中華電信free wifi合作,要用免費wifi 就會先開字媒體)
- 多角度的內容組合面向(懶人包、一對多、多對一)
但是這作法…一般網站經營者根本無法自動化做這些動作,還有流量的導入根本就…,要人工做非常辛苦啊~~~~
關聯度、友好度、流量數
推薦外掛
- Yoast SEO
- OG
- 還有一個沒有看到
- 廣告管理的外掛
- Advance Ad
- Quickly Adsense
流量變現
聯播網廣告
- 浮窗廣告出現的方式
- 可見率高,點閱率高的話,你的單次點擊可獲得最高的收益
- 行動屏占比 (1/2 ~ 1/3 是最佳化)
- 該關注的指標
- 流量品質
- eCPM
- 廣告填充率
Power Ads 核心演算
- 網頁結構化,可以找出那邊瀏覽者的是最常停下來的地方,那邊就可以插入廣告。
- 廣告結構化
- 內容結構化
- 人群結構化
字媒體徵才
##一天一文章,使用 WordPress 創造每月 300 萬次瀏覽
講者 Pseric Lin
Cloudways(https://www.cloudways.com/en/)
- 整合 GCP、AWS、DigitalOcean、Linode、Vultr
- 自動更新、自動補洞
ServerPilot
- Cloudways 省錢版本
- 不嫌定特地服務
外掛
- 越少約好
- 可以寫就不要用外掛
- Akismet、Jetpack、Cloudflare、快取
CDN
- Image CDN(Photon) https://jetpack.com/support/image-cdn/
- https://free.com.tw/jetpack-photon-cdn/
- Asset CDN https://jetpack.com/support/asset-cdn
安全性
- Cloudflare
- Jetpack
- VaultPress
WordPress SSO
- 把登入頁面丟給 WordPress.com 處理
- https://free.com.tw/jetpack-single-sign-on/
- https://www.yannyann.site/2017/12/wordpress-single-sign-on/
Cloudflare Zone Lockdown 只允許特定IP位置存取特定IP
Cloudflare Access
VaultPress(https://vaultpress.com/)
- 官方提供的備份工具
- 完整備份文章、頁面、迴響、媒體、佈景主題和外掛
- 39-399
- 主動差異化備份
- Restore to Another Host,搬家好用
使用者體驗
- 內容正確性(最重要)
- 排版看起來舒服
- 速度速度還是速度
網頁字型
- Adobe Fonts
- jsutfont
不懂程式語言的架站之路,一起來玩WordPress啦
講者推薦的基礎教學網站
https://hellowp.cc/hellowp.cc
Darrel Wilson (YouTube)
https://www.youtube.com/channel/UC5alq-VmYnfQZt7YaNgdcGw/videos
https://www.youtube.com/channel/UCjDuxPEhNQ2qn_qAdjRG4YQ
WordPress 學習筆記
https://controlfreak.life/
當工程師維護大量網站,幾種基礎問題與解決方式
阿腸網頁設計工作室(https://achang.tw/)
林大中
WP Remote
- 多網站維護的解決方案 free https://wpremote.com/
- 新增網站
- 拿key
- 驗證網站
- 更新核心、外掛、佈景
子佈景
- 外掛方式
- Child Theme Configurator(有中文,照步驟做就可以了)
- https://tw.wordpress.org/plugins/child-theme-configurator/
- 手動方式
- 新增 /wp-content/themes 子佈景的資料夾
- 建立 function.php
- 建立 style.css
- style.css 註解
- 參考資料 https://codex.wordpress.org/Child_Themes
自訂頁面版面
- 在子佈景資料夾裡面建立 page-[名稱].php
- 上面的檔案裡面最上面加上
- 參考資料:https://www.wpbeginner.com/wp-themes/how-to-create-a-custom-page-in-wordpress/
維護管理
- 後台項目管理
- 利用外掛隱藏後台項目: Admin Menu Editor (https://tw.wordpress.org/plugins/admin-menu-editor/)
- WordPress Hook
- Action Hook(通常不需要有回傳)
- Filter Hook(通常需要有回傳)
- 講者投影片裏黃色是必填的,橘色是選填
- 忘記管理員密碼
- 直接進資料庫 選MD5,直接輸入密碼
- 硬上他!
- 管理權限
- add_filiter / user_has_cap,過濾使用者權限
- 禁止編輯檔案修改
- wpconfig.php DISALLOW_FILE_EDIT true
- https://codex.wordpress.org/Editing_wp-config.php
- hook filter 去哪找
- WordPress codex
時速 200 麥的 WordPress 接案術
如何使用 Docker 搭建本地開發環境
賴俊吾(Oberon)
弄弄設計 https://nongdesign.com/ 合作工程
- 本機開放的好處與工具
- 減少網路延遲的等待時間
- 介紹開發時間的主機成本
- 避免主機當機時無事可作
- 快速搭建
- Docker 的基本操作
- Docker 的基本元素
- Container 容器
- Image 映像檔
- Volume
- Compose
- Docker 的基本元素
- Kusanagi 的環境部署
- https://kusanagi.tokyo/
- https://cn.kusanagi.tokyo/cloud/kusanagi-runs-on-docker/
- 超超快耶!!!!
- 下載安裝包 Kusanage
- 實際操作與QA
- 本機檔案如何給客戶看
如何加入 WordPress 台灣繁體中文的社群本地化行列
Alex Lion 鄭軍智
https://www.alexclassroom.com
- 資訊本地化來自於行銷需求
- 翻譯 不等於 資訊本地化
- 資訊本地化是什麼
- 為何要為 WordPress 提供資訊本地化成果
- 需要具備的基本條件
- https://tw.wordpress.org/
這邊說了不少翻譯不等於資訊本地化,以及資訊本地虎是個怎麼回事的事情,Alex 感覺是個很嚴厲的人,覺得我自己對於母語的用詞不精確,就是會在Alex 心中黑很久的那種人ORZ
1秒鐘的奮戰:WordPress 網站優化的愛恨情仇
WilliamTai
https://www.williamtai.moe/
- 測試工具 Pingdom Website Speed Test
- 慢是怎麼回事
- 伺服器端改善
- WordPress 網站內部
- 快取外掛
- W3 Total Cache:設定複雜、要反覆測試,才能確保都功能正常。
- WP Super Cache:安全,該有都有
- Cache Enabler:設定陽春、支援WebP格式
- WebP圖檔格式
- Google 釋出的圖片格式
- Chrome、Opera 支援
- EWWW Image Optimizer 外掛支援 JPG to WebP
- 快取外掛
- CDN
- CloudFlare
- https://www.cloudflare.com/products/argo-smart-routing/
- 小課金: Argo(月費制:USD$5 + 使用量)
- Time to first Byte (TTFB)改善約30%;
- CloudFlare
- WordPress 網站最佳化甘苦談
- WebP 格式不是所有瀏覽器都支援
- 外部的JS檔案
- WordPress 核心/外掛/佈景升級
- 測試結果不等於使用者實際體驗
- 最佳化原則
- 核心檔案不要改
- 功能加減以外掛/佈景為單位
- 分散伺服器負擔
- 結論
- 到底是前端畫面慢、還是根本就是後段 query 就慢了。
- 保持系統最佳化跟擴充性的平衡
- 沒有唯一解
- https://www.facebook.com/WilliamTai.moe