iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 12
0
自我挑戰組

WordPress 初探 -- 據說是最經典 Avada 主題可以做些什麼呢?系列 第 12

12 - 修改 Fusion Slider / Slides ( 幻燈片秀/幻燈片 ) 及 功能查找字典

  • 分享至 

  • xImage
  •  

一個網站會有很多幻燈片秀( Sliders ),一個幻燈片秀裡有很多幻燈片( Slides );

編輯方式

  1. 可從左側直接進入編輯
    下圖為編輯"幻燈片秀"
    編輯"幻燈片秀"
    下圖為編輯”幻燈片”;在要編輯的單元移入滑鼠點編緝
    編輯”幻燈片”

  2. 從編輯頁面中的 Fusion Slider 區塊修改
    按鈕分別為:編輯本頁幻燈片秀 / 編輯此幻燈片 / 刪除本頁幻燈片秀
    iT30D-WP-D12-1
    點選 Edit Slides 進入後選擇編輯即可
    iT30D-WP-D12-2


Slider 幻燈片秀 功能字典

Edit Slider

  • 名稱 ( Name of your slider )
  • Shortcode (.that can be used in the post content area. It is usually all lowercase and contains only letters, numbers, and hyphens. ) [ 輸入字串 ]
  • Slider Size [ Width / Height ] (自訂輸入)
  • Slider Content Max Width [ 自訂輸入 ]
  • Full Screen Slider (.Check this option if you want full width and height of the screen. NOTE: This only works when assigning the slider in page options. It does not work when using a slider shortcode. ) [ Check Box ]
  • Slider Indicator [ None / Scroll Down Indicator(向下滾動指示) / Pagination Circles(分頁) ]
  • Slider Indicator Color [ 自訂輸入 #HEX ]
  • Parallax Scrolling Effect [ Check Box ] (This only works when assigning the slider in page options. It does not work when using a slider shortcode. With this option enabled, the slider height you input, will not be exact due to negative margin which is based off the overall header size. ex: 500px will show as 415px. Please adjust accordingly.)
  • Display Navigation Arrows [ Check Box ]
  • Navigation Box Size [ Width / Height ] (自訂輸入)
  • Navigation Arrow Size [ 自訂輸入 單位:px ]
  • Autoplay [ Check Box ]
  • Slide Loop [ Check Box ]
  • Order By [ Date / ID / Title / Modified(修改) / Random(隨機) ]
  • Order [ Descending(降序) / Ascending(升序) ]
  • Animation [ Fade / Slide ]
  • Slideshow Speed [ 自訂輸入值 1000 = 1 second. ]
  • Animation Speed ( slide transition from slide to slide ) [ 自訂輸入值 1000 = 1 second. ]
  • Responsive Typography Sensitivity[ 自訂輸入值;預設為1.5 ] (Values below 1 decrease resizing, values above 1 increase sizing. ex: .6)
  • Minimum Font Size Factor [ 自訂輸入值;預設為1.5 ] ( font factor is used to determine minimum distance between headings and body type by a multiplying value. ex: 1.5 )

Slides 幻燈片 功能字典

Slide Options

Background Type:( Image / Self-Hosted Video / Youtube / Vimeo ) 調整內容如下

  • Self-Hosted Video

    • Upload ( File : mp4, WebM, OGV;*only MP4 is required to render your video with cross-browser compatibility. )
    • Preview Image
    • Video Color Overlay (Hex Color Code)
    • Mute Video [ Y / N ]
    • Autoplay Video [ Y / N ]
    • Loop Video [ Y / N ]
    • Hide Video Controls [ Y / N ]
  • Self-Hosted Video

    • Youtube Video ID
    • Video Aspect Ratio (視頻寬高比;"16:9", "4:3" or "16:10". The default is "16:9")
    • Video Display Mode
      • Cover
      • Contain
    • Video Color Overlay ( Enter Hex Color Code)
    • Mute Video [ Y / N ]
    • Autoplay Video [ Y / N ]
    • Loop Video [ Y / N ]
    • Hide Video Controls [ Y / N ]

Slider Content Settings:

  • Content Alignment [ Left / Center / Right ]
  • Heading Area ( Enter Text Content )
  • Heading Separator
    • None
    • Single Solid
    • Single Dashed
    • Single Dotted
    • Double Solid
    • Double Dashed
    • Double Dotted
    • Underline Solid
    • Underline Dashed
    • Underline Dotted
  • Title Size [ H1 / H2 / H3 / H4 / H5 / H6 ]
  • Heading Font Size (.In pixels, ex: 50 instead of 50px. Default: 60 )
  • Heading Color ( Enter Hex Color Code)
  • Heading Background (讓標題後方有半透背景) [ Y / N ]
  • Heading Background Color ( Enter Hex Color Code)
  • Caption Area (算是副標/內文區域, Text Area)
  • Caption Separator
    • None
    • Single Solid
    • Single Dashed
    • Single Dotted
    • Double Solid
    • Double Dashed
    • Double Dotted
    • Underline Solid
    • Underline Dashed
    • Underline Dotted
  • Caption Size [ H1 / H2 / H3 / H4 / H5 / H6 ]
  • Caption Font Size (.In pixels, ex: 50 instead of 50px. Default: 60 )
  • Caption Color ( Enter Hex Color Code)
  • Caption Background (讓標題後方有半透背景) [ Y / N ]
  • Caption Background Color ( Enter Hex Color Code)

Slide Link Settings:

  • Slide Link Type [ Button / Full Slide ]
  • Button #1
  • Button #2

button - 官方幫助文件


上一篇
11 - 運用 Library 快速套用 Avada 其他指定樣式在既定版式裡
下一篇
13 - 怎麼修改「近期文章」及 Fusion Page Options 功能查找字典
系列文
WordPress 初探 -- 據說是最經典 Avada 主題可以做些什麼呢?30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言