為了避免教學文章內容太過枯燥乏味
在側邊欄位加上了懷舊老歌分享給格友們欣賞
現在就來分享如何將影片放到側邊欄位吧
首先請到YouTube選擇想要崁入的影片
然後根據下圖順序做好設定
第3點 [自定大小] 要看側欄寬度,我設定的是287,後面215他會自動調整適合大小
請再自行設定適合你側欄的寬度吧
第4點 建議全部取消勾選
最後複製崁入語法,準備等一下貼到新版位
若要讓影片自動撥放,請修改崁入的語法
原本語法
<iframe width="287" height="161" src="//www.youtube.com/embed/ZT_7UjCVELg?rel=0" frameborder="0" allowfullscreen></iframe>
加上紅色字串 &autoplay=1
<iframe width="287" height="161" src="//www.youtube.com/embed/ZT_7UjCVELg?rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe>
再來連到管理後台的 [側邊欄位設定] http://panel.pixnet.cc/blog/sidecolumn
點選下圖中紅色框裡的 [新增版位]
出現下圖新版位的內容設定
[自訂標題] 可以自己設定想要顯示的文字
[自定區塊內容] 貼上剛才複製的語法
最後按下右下角的 [送出]
版位新增後會先放置在[版位暫存區]的最下面,如下圖
請再用滑鼠將它拖拉到想到放置的側欄位置.
最後按下[儲存版面] 就完成囉~
下圖就是崁入Youtube的側欄樣子
小提示:
在看網路上分享的YouTube影片時,若是覺得畫面太小
可以點選如下圖紅色框裡的YouTube字樣,便可以在新視窗看完整大小的影片喔
留言列表