GOOGLE api 設定 google 相薄導入 wordpress

xuite 圖床即將關閉

用了 10年的 xuite 圖床,在2023 八月就要終止了,這2 個月頭蠻大的,試過些圖床都不是那麼滿意,雖說 flickr 比較方便,但他要大量導外連進html 文章還真的妖受麻煩,而xutie 為什麼好用,就是按一鍵即好,可惜要收了,不然其實這個功能中華電信一年收個1000 相信一定還會超多人繼續買單的

好吧,那後來我還是繼續研究 google的東西,像相本、還有blog 的導圖進去,都是還可以繼續用,但有2 個問題
1. 程式碼 無敵長的 — seo 直接降評,200篇文章改完一個月後,直接100多篇文章在google都消失不見了 orz
2. 多張圖一起用,排序會全亂掉 — 有大量圖片的話,會排到瘋掉

對,google就是故意不讓你用他們家的圖片外連…

其實google 是可以另外收費的,架站寫文章blog的站長一定會買單的啊,實在是想不懂要玩什麼把戲,後來找了很久,終於找到 google photo API 這東西! 這80% 的功能都和flickr 一樣了,只是無法一張張用外連圖而已,以上就是結論,現在就先用『相本』的模式來取式之前一張張圖片的顯示了


前端連結 – wordpress – 外掛 – 『Photonic gallery


請先行安裝


前端連結 – google photo API 認證

『google 相本 – > goole photo API -> wordpress photonic gallery -> 網站顯示圖片』

上面是一個邏輯順序,google 帳號一定要申請好,才有辦法做下面的事情!

◆ 登入Google Console

進入後,我們就可以去設定google API 裡的東西

建個新專案 -> 『啟用API 和服務』

收尋『 google photo 』 即可找到 [ photos Librart API ] , 點啟用

 


開啟了前端網架的API 功能後,要再設定的就是權限認證的東西了,若是你很怕帳號被盜,建議另外開個GOOGLE 設定是最保險

API 和服務的選項下方  『OAuth 同意畫面』點進去

這邊要設定

1. 要求同意應用程式的名稱 ( 能讓你識別是PHOTONIC APP 的就好 )

2.聯絡支援的電子郵件

3.授權網域 (這個就是打自己的網站網域了)

google 要求,僅限https 網站!  沒申請的記得要申請才能用


再來這步就是交換 wordpress 和 google 帳號的權限設定

API 和服務的選項下方『憑證』 點進去– 選 建議 OAuth用戶端ID

1. 應用程式類型 > 網頁應用程式

2.名稱 > 可自行識別即可

3.URL  > 增加自己網站     『Https://網址.tw/wp-admin/admin.php?page=photonic-auth&source=google

上面就是在確認GOOGLE API 執行路徑要去連結WORDPRESS 的photonic APP

若是上面都輸入正確無誤,就會跳出google 要連結自己google帳號的提醒對話框,按確認後,就會給你

ID : 用戶端編號
PW : 用戶端密碼


當前端連結的ID / PW 都有後,就是要到WORDPRESS 外掛的 photonic 的 setting -> 選 google photos

再填入 google client ID / google client Secret


到WORDPRESS 外掛的 photonic 的 Authentication

選 step 1 : Authentication

這步就是在做雙向認證,只要以上 ID/PW 都對,那就可以拿到 google 給的 Token


回到外掛的 photonic 的 setting -> 選 google photos
填入剛剛的Token !


填入Token 無誤後…恭喜,完成了

以後在寫文章時,就可以看到有 PHOTONIC 的選項可以去插入GOOGLE 圖床的圖片了!

而PHOTONIC 的格式也蠻多,就留給你們自己去玩啦!