AMP教學-amp-img圖片

AMP教學-amp-img圖片

網頁中幾乎都會使用到圖片,了解amp圖片使用規範,讓建置過程更的心應手......閱讀更多

BY kate │ 2020-07-02
AMP教學-amp-carousel 輪播

AMP教學-amp-carousel 輪播

假如今天想要在畫面上有個輪播區塊時該怎麼辦呢?amp-carousel 教學解析使用方法...閱讀更多

BY kate │ 2020-06-20
AMP教學-amp-instagram把IG照片放入文章中

AMP教學-amp-instagram把IG照片放入文章中

利用amp-instagram能將單則貼文崁入至網站或部落格中...閱讀更多

BY kate │ 2020-06-05
AMP教學-amp-mustache

AMP教學-amp-mustache

amp-mustache主要可以帶入資料、判斷有無資料值、資料列表迴圈(通常和amp-list 配合)等...閱讀更多

BY kate │ 2020-01-03
AMP教學-amp-list-製作產品列表

AMP教學-amp-list-製作產品列表

amp-list在製作需要大量更新替換的列表時很適用,例如商城常見的產品列表或是資料列表等...閱讀更多

BY kate │ 2019-12-20
AMP教學-amp-bind-產品輪播圖與規格互動

AMP教學-amp-bind-產品輪播圖與規格互動

本次將教學如何使用amp-bind讓規格和圖片有互相呼應,讓使用者選擇規格時圖片就會替換。...閱讀更多

BY kate │ 2019-12-09
AMP教學-amp-bind-產品規格製作教學

AMP教學-amp-bind-產品規格製作教學

如何使用amp-bind製作出選擇幣別、顏色、尺寸時能讓標題與價格變化,變成簡易的商品規格畫面...閱讀更多

BY kate │ 2019-11-25
在AMP中添加或刪除class的方式

在AMP中添加或刪除class的方式

平常可以使用jQuery來增減class,這次來教學如何在AMP中實現...閱讀更多

BY kate │ 2019-11-13
AMP教學-amp-bind 增加網頁互動

AMP教學-amp-bind 增加網頁互動

amp-bind是透過數據綁定讓物件有互動效果的一個元件,例如選擇服裝顏色時價錢、尺寸跟著變動...閱讀更多

BY kate │ 2019-09-11
AMP教學-Tab分頁切換

AMP教學-Tab分頁切換

常使用tab切換內容或是商品資訊,尤其像商城網頁很常使用,要如何在amp上面呈現呢?...閱讀更多

BY kate │ 2019-06-28
AMP教學-點擊按鈕滑動回到頂部

AMP教學-點擊按鈕滑動回到頂部

網頁中常有回頂部的按鈕,讓使用者可以快速回到頭部,來看看AMP中該如何達成這個效果...閱讀更多

BY kate │ 2019-06-12
如何做出吸引人的 AMP Story?

如何做出吸引人的 AMP Story?

AMP Story看似只要將圖文放到畫面上就好了,但其實為了讓故事具有吸引人的視覺效果,AMP有提供一些注意事項可以參考...閱讀更多

BY kate │ 2019-05-17
amp-story 教學介紹-打造新視覺體驗的AMP故事

amp-story 教學介紹-打造新視覺體驗的AMP故事

詳細解說AMP Story是如何製作,弄清楚層級、排版的各種語法與不同形式...閱讀更多

BY kate │ 2019-05-16
AMP教學-AMP Email格式介紹

AMP教學-AMP Email格式介紹

AMP Email在2018年就被提出,和傳統Email最大不同是可放入RWD配置、選單、輪播、產品圖替換等機制...閱讀更多

BY kate │ 2019-04-19
AMP教學-amp-social-share 分享網址按鈕

AMP教學-amp-social-share 分享網址按鈕

在AMP頁面中也能讓觀看者分享出去原始網頁網址,網頁可讓更多人看到...閱讀更多

BY kate │ 2019-04-19