iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 6
0
自我挑戰組

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

06 - 修改框架樣式:Header

此文是對應到教學影片第四天的第二步
因為版主在之前的學習各種亂玩把 Header 給玩不見了
正常長相可以至 Avada Creative 主題樣板 參考
Header不見
然後過的時間有點久已經忘記怎麼改回來,就先把這部分教學挖出來紀錄了


左欄 Avada > Theme Options
Theme Option - Header
*所有可以修改樣式 ( 頁首 / 頁尾 / 顏色 / 字體排版 ) 的調整都在此

選擇 Header > Header Content
就可修改 Header 的樣式
Avada Header 樣式
*類似第 2, 3 個有小功能在最上方的樣式,有設定這功能到並選擇到這種樣式才會出現

另外還可以選擇讓選單在 上 / 左 / 右 的位置
選單在右
( 圖例為選單置右 )

還有選單是在 banner 的上方或下方的設定
( 預設為上方 Below,可見下圖示意 )

選擇第一個樣式儲存預覽後
雖然是救回來了不過選單內容不見了
選單內容不見

又試按了 Reset All 反而好像用回了最原始的母胎樣式...
Header Reset All

只好又重裝了一次主題,剛裝完 Menu 仍是莫名不見的狀態
這次試
左欄 Avada > Theme Options ; Header > Header Content
點擊 [ Reset Section ] 終於回復原廠設定~
明天可以再回影片的步驟了~

Header 欄位內其他可調整內容筆記:

Header Content:

  • Header Position [ Top / Left / Right ]

Top

  • Select a Header Layout (上圖)
  • Slider Position [ Below / Above ]

Left / Right

  • Header Content 1
  • Header Content 2
  • Header Content 3
    • Content 可選擇內容共同為:[ Contact Info / Social Links / Navigation / Leave Empty ]
  • Phone Number For Contact Info ( will display if you have "Contact Info" selected for the Header Content 1 or 2 option above. )
  • Email Address For Contact Info ( will display if you have "Contact Info" selected for the Header Content 1 or 2 option above. )
  • Tagline For Content 3 ( will display if you have "Tagline" selected for the Header Content 3 option above )

Header Background Image:

  • Background Image For Header Area
    • 100% Background Image [ On / Off ]
    • Background Repeat [ Repeat All / Repeat Horizontally / Repeat Vertically / No Repeat ]

Header Styling:

  • Header Padding [ 0~800 ]
  • Header Shadow [ 上 / 右 / 下 / 左 ]
  • 100% Header Width [ On / Off ]
  • Header Background Color
  • Archive Header Background Color

Sticky Header:

  • Sticky Header [ On / Off ]
  • Sticky Header on Tablets [ On / Off ]
  • Sticky Header on Mobiles [ On / Off ]
  • Sticky Header Animation [ On / Off ]
  • Sticky Header Shadow [ On / Off ]
  • Sticky Header Background Color
  • Sticky Header Menu Font Color
  • Sticky Header Menu Item Padding
  • Sticky Header Navigation Font Size

上一篇
05 - 讓網站隱藏不要被勾狗爬到 / 曝光 (原生+外掛設定)
下一篇
07 - 開始編輯前,了解下架構跟從哪裡開始
系列文
WordPress 初探 -- 據說是最經典 Avada 主題可以做些什麼呢?30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言