iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 27
0

https://ithelp.ithome.com.tw/upload/images/20200928/20116357Zbnj4bq8Gb.jpg

技巧一:什麼是 Z-Index?

https://ithelp.ithome.com.tw/upload/images/20200928/20116357gQcZtb9UD9.png

Z-Index 屬性指定元素的堆棧順序。具有較高堆疊順序的元素將始終位於具有較低堆疊順序的元素的前面。


技巧二:什麼是自定義鏈接屬性 (Custom Link Attributes)?

https://ithelp.ithome.com.tw/upload/images/20200928/20116357QLbKRI0GAm.jpg

使用 Elementor,可以將自定義 HTML 屬性添加到每個鏈接的 元素。這樣可以添加 data- *屬性,ARIA 屬性 (可訪問性) 和值,頁首,頁尾和 資訊欄,rel = *,以及其他可在此處找到的屬性:https : //www.tutorialspoint.com/html5/html5_attributes .htm

常見鏈接屬性用例包括:

通過使用 download =“ yourfilename” 自定義屬性,允許您的訪問者單擊一個按鈕即可下載 PDF 文件 。
實現關係SEO屬性,例如 rel =“ noopener”, rel =“ noreferrer”, rel =“ ugc”和 “ rel = sponsored”。
將 title 屬性添加到鏈接元素,例如 title =” Learn More About Us”。


技巧三:什麼形狀分割器 (Shape Divider)?

https://ithelp.ithome.com.tw/upload/images/20200928/20116357UjKd5u1S4I.png

如何添加形狀分隔線

  • 添加一個新部分
  • 轉到部分 > 樣式 > 形狀分隔線
  • 選擇要顯示在頂部或底部的部分
  • 類型:單擊下拉列表以選擇您的 Shape Divider 樣式
  • 顏色:選擇顏色
  • 寬度:設置形狀分割器的寬度
  • 高度:設置形狀分割器的高度
  • 翻轉:翻轉形狀分割器的方向
  • 置於最前面:強制您的 Shape Divider 位於其他物體的前面

上一篇
Elementor 教學 26 | 實作簡單的登陸頁面 (Landing Page) - (2)
下一篇
Elementor 教學 28 | 如何推廣您的一頁式銷售網站
系列文
Elementor 教學 - 如何使用 WordPress 建立一頁式銷售網站30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言