網友"吉爾"問到如何將圖片上傳後放到自由欄位中,我記得應該有教過,不過也好啦,我們大家來復習一下好了。

首先說,在自由欄位裡面是貼HTML語法,所以要貼圖時,是新增一篇文章,透過文章的新增圖片功能來上傳要使用的圖片,如下圖圖片紅色圈圈處按鈕↓

上傳圖片後(圖片來源:從吉爾那Copy來的)↓

請將該篇文章儲存成草稿,為什麼要儲存成草稿?因為這時候上傳的圖片的網址還是暫時的,如下圖的格式↓

這樣的網址URL會有問題,所以請先儲存草稿或是發表,因為是自由欄位裡面要用的東西,所以我建議就用儲存草稿來存放它就好(但是千萬別在自由欄位做好後就刪除,那圖就不見啦)↓

儲存草稿完畢後,再到文章管理去再一次編輯剛剛那個圖片的文章,我們去把它的永久URL及HTML語法Copy出來↓

我們進入文章編輯畫面後,看到右上方(紅色圈圈的按鈕<>),它就會切換成HTML模式,畫面如下↓

所以各位,不會寫HTML碼沒關係,它幫忙你寫好啦!所以選起來複製它們,要將它們貼進>自訂欄位的>自由欄位設定中,如下圖↓

不好意思,狗貓的5個自由欄位都有東東啦,所以我把它貼進原本的一個自由欄位中啦!(反正本來就可以將一堆的HTML code貼成一個自由欄位),記得要按[確認]也要按[儲存],然後記得去>面版管理的>版面編排將你新增的自由欄位區塊拉出來你要顯示的地方就大工告成!

還記得以前寫過,可以將圖片加上連結,當成按鈕喔,教學在這邊↓
http://blog.xuite.net/jeanson61/xuite/3622742



隨機文章


  • 歡迎來到隨意窩Xuite

    開啟選單瀏覽服務或以關鍵字搜尋。

     
  • 瀏覽更多精彩內容

    切換至格主其他頻道或直接搜尋。

     
  • 快速便利分享工具

    提供多種分享方式傳遞內容資訊。

     
  • 更多推薦APP

    隨意遊與隨食記app僅支援ios裝置。