區塊編輯器教學|免外掛!4種語法嵌入響應式/循環/自動播放Youtube影片

內容更新於 — 2023-06-17 21:57

❝廣告,是為了讓這裡能夠永續經營,多多包容囉^v^❞

我原本很喜歡使用區塊編輯器來嵌入YouTube影片,因為只需要在〔Paragraph〕貼上網址,它就會自動偵測URL類型,嵌入〔響應式〕的YouTube影片;而這個〔響應式〕的影片會按照不同設備的螢幕大小自動顯示最合適的影片寬度,不用擔心影片會超出手機螢幕。但是,它偶爾會鬧脾氣,莫名其妙就無法嵌入!而且之前成功嵌入的影片也會失效,變成一串無法點擊的YouTube影片網址……。雖然還不清楚是什麼樣的原因造成的,但是在我的經驗中,WordPress v.5.4與v5.4.1都偶發過一次,貼上網址後會出現如下圖這樣的畫面,下方會有一串說明為Sorry, this content could not be embedded.

embed-failed|YouTube

雖然說Gutenberg外掛區塊編輯器非常方便,無腦貼上即可,不用麻煩地取得〔iframe〕語法,也不用煩惱還要將預設的〔iframe〕語法修改成〔響應式〕的代碼。
如果你的區塊編輯器總是溫順可人,就用力享受它的強大吧~

★延伸閱讀☞Gutenberg/區塊編輯器教學|貼上網址就能自動嵌入36種響應式媒體

倘若當區塊編輯器正好又鬧脾氣的時候,要嘛安裝YouTube外掛,如果和我一樣,不想為了這點小事又多裝外掛,只好重回〔iframe〕語法的懷抱囉~

4招免外掛嵌入響應式YouTube影片

以往在傳統編輯器〔Classic Editor〕的年代,嵌入YouTube影片往往都會有影片大小與螢幕不合的問題!
比如說,調整好在電腦顯示的影片尺寸之後,到了手機一定會超過螢幕範圍,這是因為YouTube預設的嵌入語法,缺少〔響應式〕的CSS樣式,才會造成非常糟糕的用戶體驗!

以下是YouTube預設的嵌入語法範例,因為傳統編輯器插入影片也是擷取這組語法,寬度與高度必須被固定,所以無法在不同設備中自動縮放比例:

<iframe width="560" height="315" src="https://www.youtube.com/embed/2AEqHyMliew" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

為了打造〔響應式〕的嵌入語法,首要工作就是,丟掉YouTube〔分享〕按鈕所提供的〔嵌入〕代碼,準備好YouTube的【影片ID】。我們要設計一組〔響應式〕的嵌入語法,再將YouTube的【影片ID】放入語法中。

這組〔響應式〕的嵌入語法在區塊編輯器以及傳統編輯器〔Classic Editor〕都可以使用,同時解決傳統編輯器插入影片無法自動縮放合適尺寸的糟糕體驗!

以下介紹4種不同樣式的〔響應式〕YouTube影片語法:

❶無腦快速嵌入法

這種方式在區塊編輯器中的〔Shortcode〕直接貼上語法最快速!

  1. 先把網址貼在〔響應式YouTube影片產生器〕的YouTube Page URL欄位中
  2. 讓它幫我們產生〔響應式〕的CSS合併HTML代碼
  3. 再將這段代碼複製貼回區塊編輯器的〔Shortcode〕中
  4. 收工~

下面影片是快速操作方式:

如果習慣使用傳統編輯器〔Classic Editor〕,也可參考優雅筆寄操作教學

❷自訂CSS,讓它更完美吧!

〔響應式YouTube影片產生器〕幫我們生成的CSS合併HTML語法,可以嵌入讓不同設備寬度都能適合的影片;不過,它的語法其實還有可以改進的空間…

示範的YouTube影片網址如下:

https://www.youtube.com/watch?v=2AEqHyMliew

影片網址尾巴的2AEqHyMliew,是每個影片都有的專屬ID;在下面的代碼中,要將2AEqHyMliew改成自己的【影片ID】。

〔響應式YouTube影片產生器〕生成的響應式語法如下:

別忘了將2AEqHyMliew改成你自己的【影片ID】

<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed/2AEqHyMliew' frameborder='0' allowfullscreen></iframe></div>

在上面這段語法中,要修改的是☞刪除 frameborder=‘0’

刪除frameborder,並且在CSS中加入border: 0 none;

以往控制是否要顯示邊框,通常會使用【frameborder】屬性來定義;但是因為HTML5已不支援【frameborder】,所以會建議刪除上面語法中的 frameborder='0'
修改後的的代碼如下,別忘了將2AEqHyMliew改成你自己的【影片ID】:

<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed/2AEqHyMliew' allowfullscreen></iframe></div>

修改前後的差異在於:【影片ID】2AEqHyMliew的後面直接接上' allowfullscreen

如果想要去掉邊框,可以在 CSS 中加入border: 0 none;

border: 0 none; 放進這一段CSS代碼{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; },可放在 height: 100%;的後面。
放進去之後的代碼如下, height: 100%;的後面多了 border: 0 none;

<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  border: 0 none; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed/2AEqHyMliew' allowfullscreen></iframe></div>

以上代碼可以直接複製使用,別忘了將2AEqHyMliew改成你自己的【影片ID】

❸自訂可循環播放的語法

既然都已經修改了代碼,我們還可以擁有更多的追求,比如說:想要影片可以〔循環播放〕!

循環播放有什麼好處?

youtube-stop-at-other-videos

我們總是希望訪客只專注在自己的影片與網站內容,但是YouTube的預設是每當影片暫停播放、或者是結束播放,都會出現其他YouTube用戶的推薦影片,這樣可能會讓訪客前往觀看別人的影片,而忽略了我們的文章內容,甚至是離開網站…
但是呢,只要加入循環播放的語法,它就會不斷播放我們嵌入的那支影片;除此之外,即使訪客按了暫停播放,自動彈出的〔更多影片〕,也只會出現我們自己YouTube帳戶裡的其他影片,再也不會出現其他帳戶的影片囉~

一樣拿前面修改過後的語法當修改範例:

<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  border: 0 none; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed/2AEqHyMliew' allowfullscreen></iframe></div>

手動加入循環播放語法

從上方的代碼中找到【影片ID】,示範的【影片ID】為2AEqHyMliew,接著在2AEqHyMliew與後面接著的 allowfullscreen>之間,要插入〔循環播放〕的語法:?rel=0&hd=1&autoplay=1&loop=1&playlist=2AEqHyMliew

插入之後就會變成下面這樣:

<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed/2AEqHyMliew?rel=0&hd=1&loop=1&playlist=2AEqHyMliew' allowfullscreen></iframe></div>

點這裡看影片實際嵌入效果

為了要達到〔循環播放〕的目的,語法中的尾巴也有一組【影片ID】,所以整段語法中,【影片ID】一共會出現2次。
如果你沒把握自己添加的話,也可以直接複製上面那段加入〔循環播放〕的響應式嵌入代碼。

請注意,上面語法中一共有2個2AEqHyMlie,這2個都要改成你自己的【影片ID】哦。

❹加入可自動播放的語法

除了〔循環播放〕之外,有的人可能會想要〔自動播放〕的功能,方便訪客不用再點擊〔播放鍵〕,又或者是希望能夠留住訪客的目光…
以下的做法是基於前面的〔循環播放〕語法,再加入〔自動播放〕的屬性autoplay=1

請注意:自動播放的屬性只對電腦瀏覽有效,手機瀏覽無法自動播放唷~

加入之後的語法如下:

<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed/2AEqHyMliew?rel=0&hd=1&autoplay=1&loop=1&playlist=2AEqHyMliew' allow="autoplay; encrypted-media" allowfullscreen></iframe></div>

點這裡看影片嵌入效果比較

和〔循環播放〕的代碼一樣,裡面一共有2個2AEqHyMliew,這2個都要改成你自己的影片ID。

以上自訂的這些播放屬性,都來自於YouTube的文檔,還有許多其他的功能,有興趣的人可以自己玩玩看,其實蠻有趣的☞YouTube嵌入影片可用屬性

以上四種嵌入語法,點這裡可以看實際嵌入效果

❝廣告,是為了讓這裡能夠永續經營,多多包容囉^v^❞

將CSS放在主題中精簡語法

前面示範的四種嵌入方法其實也非常容易了,只要整塊複製之後,在區塊編輯器的〔Shortcode〕、或者是傳統編輯器〔純文字編輯〕貼上,最後再將2AEqHyMliew修改成自己的【影片ID】就完事了!

但是當網站或者是文章中有許多影片的時候,是可以考慮將這些需要重複使用的CSS語法放到主題的CSS裡面,如此可以讓頁面中的程式碼更輕巧也更乾淨,網頁開啟的速度也會相對更快。

拆解語法中的CSS與HTML

其實前面示範的四種嵌入語法,屬於CSS合併HTML的語法。因為我們需要將嵌入媒體的樣式定義為〔響應式〕,所以需要使用CSS來定義樣式;但是又需要將語法以HTML的型態放在文章中使用,所以就需要在CSS語法的前後使用<style>包覆,便能與HTML合併使用。

就拿前面自訂的第❹種〔可循環播放+自動播放的響應式嵌入語法〕做示範:

css-htmi-iframe.YouTube響應式語法

前半段〔粉色框框內〕是CSS樣式語法,用來控制影片的樣式,目的是將嵌入的影片設定為〔響應式〕。
後半段〔綠色框框內〕是嵌入指定CSS樣式的影片語法,我們在這一段加入了〔循環播放〕以及〔自動播放〕的屬性。

因為前面示範的的4種語法,已經將CSS樣式用<style>包覆,合併到HTML語法裡面,所以可以直接在編輯文章的時候使用〔Shortcode〕或〔純文字HTML〕的方式,貼上這一整段的HTML語法。

把CSS放主題中控制全站影片樣式

上圖中前半段〔粉色框框內〕的CSS樣式語法,其實是可以放在主題的自訂CSS樣式中,如此可以一次控制全站的影片樣式,不用每一個影片不斷重複貼上同樣的CSS語法。

為不同樣式的CSS命名

css-name

因為CSS樣式可以自訂許多不同的規則,整個樣式首尾以 {包覆。
放在第一個 {前面的.embed-container,就是CSS樣式的名稱,這個名稱可以自己隨便取。
所以在〔粉色框框內〕,最前面的.embed-container 就是CSS樣式的名稱,可以自己修改;比如說,幫它取個自己能辨別的名字叫做:video-loop,來表示這個CSS樣式是給〔循環播放的影片〕使用。
修改之後就會變成.video-loop {,也就是將video-loop放在【.】與【 {】之間。

請注意,自訂的CSS樣式名稱前面一定要有【.】哦!

修改名稱之後,整段CSS就變成下面這樣:

.video-loop { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

每當為CSS樣式命名之後,在〔綠色框框內〕的HTML語法中,就可以在前後加上<div>,將〔HTML〕的樣式指定給某個CSS。

用div指定/iframe語法的樣式

css-htmi-iframe.YouTube響應式語法

在圖片中,〔綠色框框內〕的語法是嵌入指定CSS樣式為〔響應式〕的影片語法。

黃色背景〕的範圍就是嵌入YouTube影片需要的/iframe語法。

紫色背景〕的範圍是用div/iframe的樣式定義給前半段〔粉色框框內〕的〔響應式〕CSS。

圖中的CSS樣式名稱為embed-container,所以在〔HTML語法〕中,用<div class='embed-container'>以及</div>來包覆</iframe>語法,就是為了將</iframe>語法的樣式指定給〔粉色框框內〕名為embed-container的CSS樣式。

如何在主題中使用CSS語法

final-css-to-theme

將控制影片響應樣式的CSS語法放在主題的自訂CSS樣式中,如此一來,在編輯文章的頁面中,只需要放入後半段用div包覆的HTML語法就可以了。

操作時間 2 minutes

STEP 1|排列CSS語法

STEP1-css-to-theme

先將〔粉色框框內〕的CSS樣式語法排列成圖中的〔直式〕版型。
重新排列後的語法如下(可直接複製,不需要再修改):
.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0 none;
}

STEP 2|將CSS語法放入主題自訂CSS中

STEP2-css-to-theme

路徑為WordPress admin☞Appearance☞Customize☞Additional CSS
在空白處貼上【STEP 1】所排列成直式的CSS語法即可。

STEP 3|在文章中使用語法嵌入影片

STEP3-insert-iframe-to-shortcode

因為前半段〔粉色框框內〕的CSS樣式語法已經被放在主題CSS樣式中,所以每次要在文章或頁面中嵌入影片時,只需要將〔綠色框框內〕內的嵌入影片語法,放在區塊編輯器的〔Shortcode〕或者是傳統編輯器〔純文字〕就可以了。

在文章中使用已指定樣式的精簡語法嵌入影片

因為〔粉色框框內〕內的CSS樣式已經在主題的自訂CSS中統一指定;而〔綠色框框內〕的語法,前後都使用</div>包覆,目的是為了將樣式指定為名為embed-container的CSS,所以編輯文章的時候,直接在區塊編輯器的〔Shortcode〕或者是傳統編輯器〔純文字〕貼上〔綠色框框內〕的語法就可以了。

一旦在主題內自訂一組CSS樣式給影片使用,以後在文章中嵌入影片時,只需要貼上下面的語法即可。
請注意:語法中的2AEqHyMliew要改成自己的【影片ID】

無自動播放與循環播放的語法
<div class='embed-container'><iframe src='https://www.youtube.com/embed/2AEqHyMliew' allowfullscreen></iframe></div>
〔循環播放〕的語法

<div class=’embed-container’><iframe src=’https://www.youtube.com/embed/2AEqHyMliew?rel=0&hd=1&loop=1&playlist=2AEqHyMliew’ encrypted-media” allowfullscreen></iframe></div>

同時具有〔循環播放+自動播放〕的語法(手機無法自動播放)
<div class='embed-container'><iframe src='https://www.youtube.com/embed/2AEqHyMliew?rel=0&hd=1&autoplay=1&loop=1&playlist=2AEqHyMliew' allow="autoplay; encrypted-media" allowfullscreen></iframe></div>

以上三種語法中,別忘了將2AEqHyMliew修改成自己的【影片ID】

▬後記▬
其實iframe語法嵌入不只能嵌入其他網站的媒體,也可以嵌入網頁上的任何內容,真的很方便。
但是要特別留意來源網站的可靠性,否則很容易淪為來路不明網站的惡意工具…

Gutenberg外掛與區塊編輯器也是使用iframe語法來嵌入其他網站的內容,但是它目前只支援36種來源網站的URL,也就是說,同時也自動幫我們篩選了來源網站的可靠性。

倘若使用自訂的iframe語法來嵌入其他網站的內容時,就得靠自己去把關了☞只嵌入可靠網站的內容,像是YouTube、facebook、Instagram、twitter、flickr、Spotify…等等的已經被WordPress支援的那些網站,就不用太擔心了!

響應式的影片嵌入語法 以及 如何在主題中自訂CSS 就介紹到這裡了! 如果有任何問題, 歡迎在下方的留言板討論指教囉!

贊助温唯
如果 你想要感謝我、願意支持我
那麼–
就請我喝杯咖啡,聊表心意吧(愛心)
我將繼續無私分享你想看的內容
解答你的疑難雜症
原始發布日:
2020-05-15
最新留言
▍關於作者|MiriamMibao温唯
2019.02.11,我開始了這裡…
非網頁程式背景的 me 硬要WordPress架站一切自己來,所有的細節,從0開始,自己架站會遇到的問題,遇到了才知道!一路走來跌跌撞撞,摸索過國內外能夠解決問題的資料,是不是該好好紀錄這一段跌跌撞撞的探索日記?
或許,也能帶給你們一些幫助...
文章中所推薦或提及的架站產品或服務,部分是聯盟合作所提供的,如果你透過我所提供的聯盟網址去購買,我也能獲得收益,雖然金額很少,但是,你們的隨手點擊與購買,就能讓我繼續經營下去,提供更多免費的 WordPress 架站教學。
以下歡迎留言討論囉!
我只想當個旁觀者,有新的留言請通知我(按一下輸入Email信箱)
想Fallow哪種留言?
0 留言板
Inline Feedbacks
查看所有留言
❤ 謝謝你的咖啡 ❤
請温唯喝咖啡的可愛人兒
謝謝你們的溫暖與肯定
是我繼續分享下去的力氣
請温唯喝杯咖啡吧
Thank U ❤ 
米雪
NT$200
感謝您詳實資料的分享與問題解答,+小小心意,+望不嫌棄!+ 祝福您身體健康,+平安如意,+豐盛圓滿!
Thank U ❤ 
hope
NT$500
感謝贊助支持
Thank U ❤ 
Harry
NT$100
感謝回答我頁面問題
Thank U ❤ 
mira
NT$150
謝謝提供很多關於防曬產品的測試心得
Thank U ❤ 
路人
NT$49
感謝贊助支持
Thank U ❤ 
Ethan
NT$100
最近有留言詢問也快速獲得回復了~一點小心意給您:)
Thank U ❤ 
Annie
NT$60
謝謝溫唯
Thank U ❤ 
Mei
NT$49
謝謝你很用心的打很多實用的商品文章。讓我了解很多,謝謝你的熱心分享!
Thank U ❤ 
小Q
NT$150
謝謝溫唯~以後會繼續支持<3
Thank U ❤ 
游雅涵UU
NT$1000
溫唯您好~我是UU,感謝您這麼用心地分享,我也曾陷入精油保養的錯誤觀念裡,造成粉刺痘痘狂長,變成酒糟肌,雖然有看醫生擦藥-思媚、樂淨,但醫生不會與病患討論什麼保養品才合適,希望能向您學習,使肌膚更好~
Thank U ❤ 
小Q
NT$150
謝謝溫唯的細心解答,以後會繼續支持!🥰
Thank U ❤ 
Trista
NT$50
感謝分享~~~~
Thank U ❤ 
邱垂昀
NT$150
我是小Q也是小R啦~ 隨便亂取的綽號,結果在不同文章發問的時候忘記上次是用哪個英文字母XD 謝謝溫唯專業的文章和用心的回答!真的很有幫助,支持你繼續經營下去~~!!
Thank U ❤ 
匿名
NT$150
非常專業, 雖然只看幾篇而已,但我已受益良多. 倒是我對防水和防曬力那兩部分的實驗結果覺得非常驚訝. 乾性敏感肌的我十幾二十年以來一直都是混著資生堂的艷陽下50++++ 乳液(淺藍色深藍色都放)和歐系的兒童防曬霜(秋冬還會混一點維他命E油)在使用, 因為夠油夠防水, 中午補擦一下, 覺得我用了世界上最完美的防曬組合, 又有保護力又不會乾, 氣色看來也不錯, 不太顯老哩...不過看了你的實驗和說明, 我才了解, 是我一年一次的雷射和座位旁的厚窗簾救了我, 和我擦的防曬看來是沒太大關係. 三年多前換了工作岡位的我到了一間前面沒有窗簾可遮蔽窗戶的辦公室, 加上三年以上沒打雷射, 雖然不多, 但睽違很久的斑又回頭來找我了, 法令也變深一點了. 有點小難受 >_<. 剛剛根據你的實驗, 訂了一條德國製的妮維雅敏感肌的防曬霜, 打算來混一些防水力強的日系防曬(Alley我也買了一個小條的, 因為你說比安耐曬還防水耶...)和似乎除了油沒啥用的雅漾全效潤色來一起混用看看.期待他們能各司其職,讓我皺紋不要越來越深. 謝謝你. 噢,小小一杯咖啡而已, 請你笑納, 請不要公布姓名喔~
Thank U ❤ 
許亞盈
NT$150
感謝支持贊助
Thank U ❤ 
許亞盈
NT$300
感謝支持贊助
Thank U ❤ 
張惠雯
NT$45
感謝支持贊助
Thank U ❤ 
shelly
NT$250
我最近也非常喜歡艾莉莎公主的洗臉巾,質地非常棉柔,不傷害皮脂膜,也具有基礎的去脂力,是敏弱時期的清潔好夥伴唷!
Thank U ❤ 
麋鹿的夏天
NT$300
過敏和痘痘的情況有改善了嗎?透過正確的護膚方式,才能保護皮脂膜不被破壞,如此才有機會治療痘痘,希望下次能聽到妳傳來健康皮膚的消息唷!
Thank U ❤ 
蔡孟樵
NT$250
謝謝你的咖啡(愛心)如果有任何問題,歡迎在文章的留言板一起討論唷!
Thank U ❤ 
鄭俊
NT$500
網站有任何問題都可以再詢問唷!
Thank U ❤ 
邱英倢
NT$900
你們的網站進行到哪裡了呢?有沒有其他的問題呢?
Thank U ❤ 
謝正家
NT$900
不曉得是否更熟悉 soledad 和 Elementor 的操作呢?有任何問題都可以再詢問唷!
Thank U ❤ 
孫依賢
NT$900
過敏和痘痘的情況有改善了嗎?透過正確的護膚方式,才能保護皮脂膜不被破壞,如此才有機會治療痘痘,希望下次能聽到妳傳來健康皮膚的消息唷!
Thank U ❤ 
邱英倢
NT$900
新手架站真的很不容易,温唯也是過來人,有任何問題都歡迎切磋交流唷!
Thank U ❤ 
鄭俊維
NT$90
謝謝你信任温唯,之後若還有其他問題,都歡迎再提問唷!
Thank U ❤ 
鄭俊維
NT$500
謝謝你信任温唯,之後若還有其他問題,都歡迎再提問唷!
Thank U ❤ 
鄭俊維
NT$500
謝謝你信任温唯,之後若還有其他問題,都歡迎再提問唷!
Thank U ❤ 
翟翱
NT$150
謝謝你的咖啡(愛心)
如果有任何問題,歡迎在文章的留言板一起討論唷!
Thank U ❤ 
鄭俊維
NT$500
謝謝你信任温唯,協助你處理問題的過程中,也讓我更熟悉 Newspaper 這個主題的功能,之後若還有其他問題,都歡迎再提問唷!
Thank U ❤ 
陳麗妃
NT$45
謝謝你的咖啡(愛心)
如果有任何問題,歡迎在文章的留言板一起討論唷!
Thank U ❤ 
JIN
NT$150
最近得美登有一支高防禦力的防曬也非常透明唷!比美膚娜娜更透明,當然,一樣也有油光煥發的問題,不過,至少沒有美膚娜娜那麼嚴重,而且,泛白程度又更低了,有機會也可以試試唷!
Thank U ❤ 
黃紫茵
NT$150
謝謝你的咖啡(愛心)
如果有任何問題,歡迎在文章的留言板一起討論唷!
Thank U ❤ 
許惠雯
NT$150
謝謝你的咖啡(愛心)
如果有任何問題,歡迎在文章的留言板一起討論唷!
Thank U ❤ 
張晏婕
NT$500
過敏的狀況有沒有改善了呢?如果在清潔方面遇到瓶頸,歡迎隨時進一步討論唷
Thank U ❤ 
KT
NT$900
後來好久都沒和你聯繫,你寄給我的四支產品,有一支真的好讚,值得好好介紹,也有許多關於產品和品牌的想法想和你聊聊,過陣子忙完後再找你啦!
Thank U ❤ 
西尼
NT$45
謝謝你的咖啡(愛心)如果有任何問題,歡迎在文章的留言板一起討論唷!
Thank U ❤ 
菲菲
NT$700
不曉得你的網站目前的進度如何呢?有任何問題可以再諮詢唷!
Thank U ❤ 
FALA LING
NT$250
謝謝你的咖啡(愛心)如果有任何問題,歡迎在文章的留言板一起討論唷!
Thank U ❤ 
王小姐
NT$150
謝謝你的咖啡(愛心)如果有任何問題,歡迎在文章的留言板一起討論唷!
Thank U ❤ 
賈超然
NT$150
謝謝你的咖啡(愛心)如果有任何問題,歡迎在文章的留言板一起討論唷!
Thank U ❤ 
Vivian
NT$250
謝謝你的咖啡(愛心)不曉得是哪一類型的文章帶給你幫助呢?希望日後有機會與妳在文章留言板討論唷!
Thank U ❤ 
pegasus
NT$45
又見面囉!謝謝你的咖啡,也祝福妳一切順利唷!
Thank U ❤ 
温炯杰
NT$250
謝謝你的贊助,我會繼續撰寫更多關於WordPress架站過程中可能會遇到的各種疑難雜症。如果有任何問題,歡迎在文章的留言板中討論唷!
Thank U ❤ 
cloree
NT$250
謝謝你的鼓勵❤我會加油!!(Fighting!!)其實我有好多產品想要分享給大家,但是,苦於沒有太多時間撰寫完整的分析文章,因為我不想毫無依據地胡亂推薦,每個我自己持續使用的產品,背後都有各自的理由與故事...請放心,我一定會找時間妥善地整理這些資料,再完整地分享,我希望大家能夠在詳細的解說下,選擇真正符合需求的產品唷!
Thank U ❤ 
宥穎
NT$250
真的好開心你也踏上了「Less is more」的護膚路。 其實呀,護膚保養可以很簡單,也可以很難。 最簡單的作法就是「少做少錯」,而最難的就是找到「真正有效」+「不會出錯」的產品! 我也在尋找中,在這之前,「Less is more」是我們必須堅守的底線。 哪天真讓我找到了,我一定會迫不及待地分享,希望那天不會太久唷(笑)
Thank U ❤ 
黃秋逢
NT$45
雖然你沒有留下任何的痕跡,不曉得是哪一類的文章給了你幫助(我姑且猜著是WordPress架站相關吧!)謝謝你的贊助,如果有任何問題,歡迎在文章下方的留言板留下你的足跡,好讓我認識你唷!
Thank U ❤ 
Titi
NT$45
老實說,在你詢問的時候,我還沒有增減Server的經驗呢!於是我便自己操作一次,當然也遇到了和你一樣的問題(笑);立刻向客服求救,才有辦法完整地回覆你。Cloudways是我目前最滿意的主機,日後有其他操作上的問題,歡迎再回來討論唷
Thank U ❤ 
瑋瑋
NT$150
和你聊天真的很開心,相信我們都為彼此帶來許多更寬廣的護膚經驗。雖然我們各自都相當忙碌,但是每每看到你的留言,還是迫不及待地想要趕快與妳一起討論與分享唷❤
Thank U ❤ 
pegasus
NT$45
雖然你沒有留下隻字片語,留下的電話和Email信箱也是虛擬的...但是我相信你從温唯這裏帶走的,遠比這杯咖啡更有價值☺

Copyright ©miriammibao.com all rights reserved|Designed by MiriamMibao温唯 Since 2014.

-
CLOUDWAYS 專屬優惠☞註冊輸入推薦碼MMM8立即享首二月8折優惠點我複製優惠碼GO!!!
miriam wei design wp logo-4 circlemiriam wei design wp logo sticky
0
對文章有任何疑問或想法嗎?歡迎一起討論唷!x