火燒的Gmail
No Result
View All Result
  • 全部文章
  • 數位行銷
    • PTT/Dcard
    • 線上工具
    • 工作術
    • Webflow
    • WordPress
    • Google AD
    • Google Search Console
    • SEO
  • 廣告分析
    • 品牌故事
    • 娛樂新聞
  • 純文學
  • 日記
  • 手錶
  • 大人
  • 抖內支持
火燒的Gmail
  • 全部文章
  • 數位行銷
    • PTT/Dcard
    • 線上工具
    • 工作術
    • Webflow
    • WordPress
    • Google AD
    • Google Search Console
    • SEO
  • 廣告分析
    • 品牌故事
    • 娛樂新聞
  • 純文學
  • 日記
  • 手錶
  • 大人
  • 抖內支持
No Result
View All Result
No Result
View All Result

如何新增圖片連結?透過Link Block在圖片上新增網址|Webflow完整教學

2020/05/10
in Webflow, 網站技術
0
SHARES
192
VIEWS

很多設計師會使用Webflow來架設個人網站,不必找工程師、不用花好幾個月學習程式語言,也能透過Webflow簡單拖拉drag and drop,設計出介面漂亮的網站!關於Webflow的完整介紹、優缺點分析,可以參見我這篇完整文章,我也會在部落格中,陸續和大家分享繁體中文圈最齊全的Webflow教學。

文章結構

  • Webflow的製作邏輯與Navigator
  • 如何透過Link Block在圖片上新增網址?

Webflow的製作邏輯與Navigator

使用Webflow架站,就像在蓋房子一樣,從Navigator裡的html架構可以清楚看到,它一層一層疊上去的。

如何透過Link Block在圖片上新增網址?

假如想要擺放圖片,就直接拖曳圖片中的Image方塊,到網頁中的指定虛線區域即可;假如想要在圖片上新增網址,則必須先在空白區域擺放Link Block,再把圖片方塊Image擺在Link Block中。

並在Link Block旁的齒輪中,更改目標網址,就大功告成了!

假如想要設定得更仔細,可以在右側欄位中找到更多內容,好比點擊圖片時,是開啟新分頁還是直接連過去該頁面?或是游標滑到圖片上時,游標會變成手指狀還是什麼形狀?

Tags: Webflow
Previous Post

用Webflow架設網站,需不需要再額外租虛擬主機(Hosting)?

Next Post

UX設計師必用的網站架站工具Webflow,設計系學生必備工具!比Behance更好用,哭了

Related Posts

網站技術

Caps lock 常常按了沒反應?調整 Macbook 按鍵靈敏度,快速切換輸入法

2020/12/31
142
PTT/Dcard

Zuvio 校園新興大學生社群網站介紹,Dcard、PTT 的競爭者來了

2020/10/24
904
PTT/Dcard

Alexa 無法監測 PTT 用戶活躍程度,PTT 網頁版瀏覽者多為站外人士

2020/10/23
197
PTT/Dcard

Dcard 各看板的活躍大學排行榜!哪所大學的學生最愛逛西斯板?

2020/10/16
1.7k
網站技術

YouTube 直播分析工具,收視率、抖內金額及主播收入一覽

2020/09/23
3.5k
Twitter

如何用手機下載 Twitter 影片?用手機瀏覽器下載推特高畫質 HD 影片

2020/09/19
840
  • 數位行銷
    • Webflow
    • WordPress
    • 線上工具
    • PTT/Dcard
    • Twitter
    • Google AD
    • Google Search Console
    • SEO
  • 廣告分析
    • 飲食
    • 外在
    • 科技
      • 硬體
      • 軟體
    • 交通
    • 日用品
  • 品牌故事

隨選文章・局妹吐信😛

Rezi 履歷表排版校正工具,新鮮人的ATS求職信模板好選擇

2020/05/16
979

KYMCO Many 125 鳳小岳特仕版

2018/08/19
105

偷看限動神器Saveig.org,偷窺別人IG不留痕跡,渣男壞閨蜜剋星

2020/05/13
29.9k

愛之味麥仔茶:開趴篇

2018/07/21
813

野狼125:台灣1974年

2018/06/06
1.5k

天祥百貨dodwell:香港1988 英國腔篇

2018/10/30
1.2k

DW KOL微網紅行銷

2018/06/06
317

維力中華特餐+一度贊

2018/08/10
1k
  • 如何用 Twitter 搜尋18禁成人內容?推特搜尋功能教學

    0 shares
    Share 0 Tweet 0
  • SWAG.live 是什麼網站?商業模式及競品分析,AV素人寫真、付費色情影音市場簡介

    0 shares
    Share 0 Tweet 0
  • 偷看限動神器Saveig.org,偷窺別人IG不留痕跡,渣男壞閨蜜剋星

    0 shares
    Share 0 Tweet 0
  • 健身網紅咻咻Ashlee與男友Tao分手

    0 shares
    Share 0 Tweet 0
  • SWAG 廠商模式A片看到飽,Logo 按七下長片免費看(官方已取消)

    0 shares
    Share 0 Tweet 0
  • PTT帳號肉搜教學,用專業搜尋工具人肉搜索鄉民的真面目

    0 shares
    Share 0 Tweet 0
  • Dcard 查詢被刪掉的文章和照片,用深卡和 PTT Brain 搜尋原文備份

    0 shares
    Share 0 Tweet 0
  • 關於我
  • 抖內支持
  • LinkedIn 履歷
  • 數位行銷
  • PTT/Dcard
  • 線上工具
  • 工作術
  • Webflow
  • WordPress
  • Google AD
  • Google Search Console
  • SEO
  • 廣告分析
  • 品牌故事
  • 飲食
  • 外在
  • 科技
  • 交通
  • 創意
  • 日記
  • 路人趣味
  • 迷幻文學
  • 普通文學

有事燒紙:[email protected]

版權是我的,不要幹走

No Result
View All Result
  • 全部文章
  • 數位行銷
    • PTT/Dcard
    • 線上工具
    • 工作術
    • Webflow
    • WordPress
    • Google AD
    • Google Search Console
    • SEO
  • 廣告分析
    • 品牌故事
    • 娛樂新聞
  • 純文學
  • 日記
  • 手錶
  • 大人
  • 抖內支持

版權是我的,不要幹走