WordPress CSS 排版、樣式測試範本 Layout Sample Test page|應用工具

gray standard color book near green eraser

WordPress 是全球最多人使用的內容管理系統(Content Management System; CMS),內建佈景主體(Themes)的階層式樣式表(Cascading Style Sheets; CSS)快速編輯機制,讓使用者自由變更佈景主題的外觀呈現方式,讓網站設計更具備個人特質。

然而許多網站設計者經常會遇到一個測試困擾,在後台編輯「自訂 CSS 內容」時,由於一次只能顯示單一篇文章,無法完整觀測到所有排版支援功能的即時變化,往往想改變一個區塊(例如標題、清單)的參數細節,就得慢慢找到有使用該種類區塊的文章,有時會浪費一些時間。

為此,下面範本將整理出大多數人較容易用到排版樣式的設計內容,一方面是方便我們鷹眼觀察網工程師自己使用,另一方面也提供有需要的站長與部落客們可以直接勞心勞力刻苦學習使用。[沒有一][也沒有二][也沒有三][更沒有四]

CSS 變化範本


標題階層一 Title H1 Heading Tags

標題階層二 Title H2 Heading Tags

標題階層三 Title H3 Heading Tags

標題階層四 Title H4 Heading Tags

標題階層五 Title H5 Heading Tags
標題階層六 Title H6 Heading Tags
  • 不排序清單(圓點)。
  • 不排序清單(圓點)。
    • 不排序清單子階層(圓點)。
  • 不排序清單(圓點)。
    1. 排序清單子階層(編號)。
  1. 排序清單(編號)。
  2. 排序清單(編號)。
    1. 排序清單子階層(編號)。
  3. 排序清單(編號)。
    • 不排序清單子階層(圓點)。

To explore, to feel, the real and unique world.(去探索,去感受,這個真實和獨特的世界。)

鷹眼觀察 Vedfolnir.com
#Programe CODE 程式碼
printf("Hello World")
標題區段一標題區段二
表格內容 1-1表格內容 1-2
表格內容 2-1表格內容 2-2
結尾標籤一結尾標籤二
標格區塊
詩句:一片兩片三四片,五片六片七八片,九片十片十一片,飛入草叢都不見。

重要引述標題

摘要式的引文內容,ABCDEFGHIJKLMNOPQRSTUVWXYZ-1234567890-ABCDEFGHIJKLMNOPQRSTUVWXYZ-1234567890-ABCDEFGHIJKLMNOPQRSTUVWXYZ-1234567890-ABCDEFGHIJKLMNOPQRSTUVWXYZ-1234567890-ABCDEFGHIJKLMNOPQRSTUVWXYZ-1234567890。
WordPress CSS 排版、樣式測試範本 Layout Sample Test page|應用工具 Vedfolnir OpenGraph Thumbnail 1200
鷹眼觀察 Logo 圖片
WordPress CSS 排版、樣式測試範本 Layout Sample Test page|應用工具 pexels photo 3820366

封面

欄位(左)+引文

WordPress CSS 排版、樣式測試範本 Layout Sample Test page|應用工具 Angry Tiger Face
欄位(右)+圖片

本文結束

  •  
  •  
  •  
  •  
  • 1
  •  
  •  
  •  

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *