tinywu
May 6, 20212 min
本篇文章將會引導您,輕鬆嵌入 GliaPlayer 在您的 wordpress 頁面上
您可以選擇在特定頁面上 將 GliaPlayer 嵌入頁面
也可以選擇利用小工具 將 GliaPlayer 放置於網頁全局
範例代碼格式大致如下:
<div class="gliaplayer-container" data-slot="slotGroup-name" data-article="article"></div>
<script src="https://player.gliacloud.com/player/slotGroup-name" async></script>
最後點擊發布即可完成,並瀏覽頁面確認播放器是否正確嵌入!
或許,您會感到疑惑,只在特定頁面上嵌入播放器,那其餘的頁面是否就不會顯現播放器了?
是的,如果您想要在所有頁面都顯示播放器,就必須在每個頁面的編輯上執行上述步驟。
放置 gliaplayer 的頁面
未放置 gliaplayer 的頁面
當然,除了如此費力的方法,我們也可以利用 WordPress 的 Widgets(小工具),將播放器自動嵌入網頁所有的頁面。
選擇您想放置 player 的 widget 區塊(此範例使用頁尾的區塊)
代碼內容與頁面編輯時的代碼一樣
完成後點選儲存 > 完成。
如果您希望您的播放器以固定尺寸顯示,可以在代碼上再加上一層 <div> 固定區塊大小。
固定 300px x 250px 的 Player
修改範例代碼:width 為寬;height 為高,可依需求自行修改。
<div style="width:300px;height:250px">
<div class="gliaplayer-container" data-slot="slotGroup-name" data-article="article"></div>
<script src="https://player.gliacloud.com/player/slotGroup-name" async></script>
</div>