Wix / Weebly

如何在 Wix 文章中加入讚賞鍵

安裝讚賞鍵以前,請先 註冊 Liker ID

依照以下格式製作你的讚賞鍵連結:

https://button.like.co/in/embed/[LikerID]/button?referrer=[網頁URL]

假設你的 Liker ID 是 ckxpress,網頁 URL 是 https://ckxpress.wixsite.com/likecoin/single-post/2020/02/22/LikeCoin

讚賞鍵的鏈結便是 https://button.like.co/in/embed/ckxpress/button?referrer=https://ckxpress.wixsite.com/likecoin/single-post/2020/02/22/LikeCoin

接著開啟 HTML 編輯模式,將以下程式碼加到你需要顯示讚賞鍵的地方,留意要把 {{ src }} 的部份替換為讚賞鍵鏈結

<div class="likecoin-embed likecoin-button">
<div></div>
<iframe scrolling="no" frameborder="0" src="{{ src }}"></iframe>
</div>

亦即是這樣

<div class="likecoin-embed likecoin-button">
<div></div>
<iframe scrolling="no" frameborder="0" src="https://button.like.co/in/embed/ckxpress/button?referrer=https://ckxpress.wixsite.com/likecoin/single-post/2020/02/22/LikeCoin"></iframe>
</div>

儲存後,讚賞鍵便會出現在文章中。然而你需要使用 Wix 的進階功能加入 CSS,讓它顯示的模樣更為清淅

.likecoin-button {
position: relative;
width: 100%;
max-width: 485px;
max-height: 240px;
margin: 0 auto;
}
.likecoin-button > div {
padding-top: 49.48454%;
}
.likecoin-button > iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

參考文章

likecoin / LikeCoinButton-integration iframe

-------------------------

Weebly 用戶也可使用同樣方式插入讚賞鍵。

-------------------------

也可以嘗試使用 JavaScript 的方式看看能否產生讚賞鍵,詳見:

Edit on GitHub