995 Eth Str, San Francisco, CA, 94000 +1 1234 56789

WordPress 高級商用主題 – CSSIgniter 簡碼 文檔

Shortcodes

按鈕短代碼:

[按鈕] [/按鈕]

 

可用屬性

 

例子

CSSIgniter 的按鈕CSSIgniter 的按鈕CSSIgniter的按鈕

CSSIgniter的按鈕[/ button]

谷歌的 新窗口谷歌的 新窗口谷歌的新窗口

Google的新窗口[/ button]

現在下載 現在下載 現在下載

立即下載[/ button]

刷新 刷新 刷新

刷新[/ button]

圓角 圓角 圓角

Rounded [/ button]

與v2.0之前的版本兼容

按鈕簡碼用於接受一個類型顏色是現在廢棄的屬性。這些屬性的有效值為:

  • 類型 – 任何一個:下載,檢查,信封,取消,購物車。不鼓勵使用類型屬性,也不支持使用。現有的短代碼將映射到類似的圖標
  • 顏色 – 灰色,白色,藍色,黃色,綠色,紅色,黑色,紫色中的任何一種。不鼓勵使用顏色屬性,也不支持使用顏色屬性。現有的短代碼將映射到類似的方案

盒子短碼:

[盒] [/盒]

 

可用屬性

 

例子

只是一個包含一些內容的盒子。
[方框]只是一個包含一些內容的方框。[/ box]

一個紅色的盒子
一個紅色的盒子[/ box]

帶有黑色邊框和圖標
帶有黑色邊框和圖標[/ box]

自定義前景色
自定義前景色[/ box]

旋轉圖標上的圓角。
旋轉圖標上的圓角。[/ box]

 

與v2.0之前的版本兼容

用於接受現在已棄用的類型屬性的短代碼。此屬性的有效值為:

  • type – 以下任何一項:正常,信息,警告,下載,錯誤,成功。不鼓勵使用type屬性,也不支持使用。現有的短代碼將映射到類似的圖標

網格短代碼:

[/ row],
[/ column],
[/ col]

使用這些短代碼,您可以在帖子或頁面中創建網格系統,以便您可以在列中顯示內容。短代碼使用十二格網佈局,因此單行中的最大列總數不能超過十二。首先創建

[/ row]短代碼,它是列的容器,就像電子表格中的一行包含每列的單元格一樣。然後通過添加
[/ col]或
[/ column]繼續,每個
[/ col]短代碼將有一個數字,表示特定列將佔用多少可用寬度,例如,如果您有
[/ col],此列將從總數12中佔用6列,因此可用寬度的一半。您現在剩下6列,您可以在一個或多個
[/ col]短代碼中使用它們。

 

row – 可用屬性

  • 沒有

column,col – 可用屬性

  • desktop – 中斷點’ md ‘ 的列數。
  • tablet – 小斷點’ sm ‘ 的列數。
  • mobile – 超小斷點’ xs ‘ 的列數。默認’ 12 ‘
  • class – 生成的包裝器的附加類。用於在自定義樣式中應用樣式和/或定位。
  • id – 生成的包裝器的可選HTML id值。適用於自定義樣式的定位。

 

例子

兩個相等的列
Col#1內容
第2列內容

 

Col#1 Content [/ col]
Col#2 Content [/ col] [/ row]

三列相等
Col#1內容
第2列內容
第3列內容

 

Col#1 Content [/ col]
Col#2 Content [/ col]
Col#3 Content [/ col ][/行]

桌面上有兩個不相等的列,平板電腦上相同。
Col#1內容
第2列內容

 

Col#1 Content [/ column]
Col#2 Content [/ column] [/ row]

 

嵌套列

WordPress無法處理同名的嵌套短代碼。所以,你真的不能這樣做:

Blah blah
Blah [/ column]
Blah [/ column] [/ row] [/ column]
Blah [/ column] [/ row]

但是,我們提供了相同的行和列短代碼,前綴為一個和兩個非排除,因此對於每個嵌套級別(最多兩個),您只需使用下劃線。例如:

Blah blah
[_ column] Blah [/ _column] [_ column] Blah [/ _column] [/ _ row] [/ column]
Blah [/ column] [/ row]

另外可用的短代碼是:_row,__ row,_column,__ column,_col,__col

 

與v2.0之前的版本兼容

舊的短代碼one_half,one_half_last,one_third,one_third_last,two_thirds,two_thirds_last現已棄用。雖然它們被映射到新的短代碼以實現兼容性,但是不可能將它們自動包裝在一行中。因此,結果將因安裝而異,甚至從發佈到發布。如果您遇到這些舊密碼的佈局問題,請嘗試將它們包裝在

[/ row]短代碼中。


標題短代碼:

[/ h],

[/ h1],

[/ h2],

[/ h3],

[/ h4],
[/ h5],
[/ H6]

 

使用h短代碼,您可以為您的內容創建樣式標題。短代碼h1-h6只是h的簡寫別名,其中level屬性已經設置。

 

可用屬性

 

例子

這是從H2選項設置的

這是從選項設置為H2 [/ h]

與地球的栗色H3

帶地球的栗色H3 [/ h]

一個帶檸檬的H4

帶檸檬的H4 [/ h4]

帶有底部邊框

帶有底部邊框[/ h3]

 


列出短代碼:

[表] [/列表]

&nbsp 
您可以用您喜歡的任何圖標替換那些無聊的默認HTML項目符號。只需在WordPress編輯器中創建一個正常的無序(ul)列表,並將其包裝在

[/ list]短代碼中。

 

可用屬性

 

例子

  • 第1項
  • 第2項
    • 項目2-1
  • 第3項
  • 第1項
  • 第2項
    • 項目2-1
  • 第3項
  • 第1項
  • 第2項
    • 項目2-1
  • 第3項

  • 第1項
  • 第2項
    • 項目2-1
  • 第3項

[/列表]


 

與v2.0之前的版本兼容

用於接受現在不推薦使用的類型屬性的列表短代碼。此屬性的有效值為:

  • type – 任何一個:check,cross。不鼓勵使用type屬性,也不支持使用。現有的短代碼將映射到類似的圖標

Blockquote短代碼:

[引用] [/報價]

 

可用屬性

 

例子

盡量不要成為一個成功的人,而是努力成為一個有價值的人。

艾爾伯特愛因斯坦

 

[引用title =“阿爾伯特愛因斯坦”]盡量不要成為一個成功的人,而是努力成為一個有價值的人。[/ quote]

盡量不要成為一個成功的人,而是努力成為一個有價值的人。

艾爾伯特愛因斯坦

 

“Albert
盡量不要成為一個成功的人,而是努力成為一個有價值的人。[/ quote]

 

與v2.0之前的版本兼容

報價簡碼用於接受一個浮動就是現在刪除屬性。此屬性的有效值為:

  • float – 任何一個:left,right。不支持使用float屬性。現有的短代碼的行為就像省略了屬性一樣。

分隔符短代碼:



短代碼分隔符小時代碼只是彼此的別名並且表現完全相同。

可用屬性

 

例子


[分隔器 /]













 

與v2.0之前的版本兼容

所述隔板短碼用於接受一個類型是現在去除屬性。此屬性的有效值為:

  • type – 任何一個:normal,lightning。不支持使用type屬性。現有的短代碼的行為就像省略了屬性一樣。

工具提示短代碼:

[提示] [/工具提示]

 

可用屬性

  • tip – 顯示為tootip的內容。需要。
  • position – 工具提示相對於可懸停文本的位置。任何一個值:top,bottom,left,right。如果為空,則工具提示將顯示在可懸停的文本上方。
  • 始終 – 始終顯示工具提示。任何一個值:on。此外,’ alwayson ‘值可以單獨放置為速記,而不需要屬性名稱。
  • color – 工具提示的顏色方案。任何一個值:暗,淺。默認’ 黑暗 ‘。此外,“  ”值可以作為簡寫自行放置,而不需要屬性名稱。

 

例子

你知道CPU是什麼嗎?

CPU [/ tooltip]

只是頂部的工具提示

在頂部。[/ tooltip]

一個永遠在線的工具提示怎麼樣?

總是在右邊,工具提示?[/ tooltip]

 

與v2.0之前的版本兼容

用於接受現已棄用的內容和顏色屬性的工具提示短代碼。這些屬性的有效值為:

  • contents – 顯示為工具提示的內容。不支持使用contents屬性。現有的短代碼會將此屬性映射到tip屬性。
  • color – 顏色屬性仍在使用中,但較舊的“ 灰色 ”值不再受支持。使用’ gray ‘的現有短代碼將被映射到’ light ‘。

地圖短碼:

 

可用屬性

  • lat – 地圖中某個地點的緯度。-90到90之間的任何十進制值。需要。
  • lon – 地圖中某個地方的經度。-180到180之間的任何十進制值。需要。
  • zoom – 縮放地圖的級別。0-21之間的任何整數值。默認為’ 8 ‘。
  • title – 懸停在地圖標記上時出現的文本。
  • text – 單擊地圖標記時顯示的文本。

 

例子

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

 

 
 
地球デデータ©2018 Google
 
 

 

 
地図
航空寫真

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

 

 
 
地球デデータ©2018 Google
 
 

 

 
地図
航空寫真

與v2.0之前的版本兼容

GoogleMap的簡碼用來接受SRC的是現在已經過時的屬性。此屬性的有效值為:

  • src – 谷歌地圖網址。不再支持使用src屬性。現有的短代碼將提取該屬性並將其映射到相應的latlonzoom屬性。

有關地圖短代碼使用的重要信息

默認情況下,在新安裝中,maps API處於關閉狀態,要啟用它,請轉到  “設置”>“CSSIgniter Shortcodes”並選中“  加載Google Maps API”框。此外,您將需要地圖API密鑰,因為嵌入的地圖必須使用。關於這方面更多的信息在這裡

maps_api


滑塊短碼:

[滑塊] [/滑塊],[幻燈片] [/幻燈片]

要創建滑塊,請將一個或多個

  • [/ slide]短代碼換行為
      [/ slider]
      短代碼。幻燈片的內容將被放置在幻燈片短代碼中,就像這裡的[幻燈片]滑塊內容[/ slide]一樣

       

      slider – 可用屬性

       

      例子

      1. 1
      2. 2
      3. 3
    • 內容1 [/ slide]
    • 內容2 [/ slide]
    • 內容3 [/ slide] [/ slider]

       


      標籤短碼:

      		
      		
        [/ tabs], [/ tab]

        要創建一組選項卡,您需要將一個或多個 [/ tab]短代碼包裝到

          [/ tabs]短代碼中。

           

          tabs – 可用屬性

           

          選項卡 – 可用屬性

          • title – 選項卡上顯示的文本。需要。

           

          例子

          內容1
            Content 1 [/ tab] Content 2 [/ tab] [/ tabs]

             


            手風琴簡稱:

            		
            		
            [/ accordion],
            [/ accordion_tab]

            Accordions的語法和屬性與tabs shortcode完全相同。只有短代碼的實際名稱會發生變化。這樣,您可以輕鬆地從製表符切換到手風琴並返回,而不會觸及任何屬性。

             

            accordion – 可用屬性

             

            accordion_tab – 可用屬性

            • title – 手風琴選項卡上顯示的文本。需要。

             

            例子

            內容1
            Content 1 [/ accordion_tab] Content 2 [/ accordion_tab] [/ accordion]

             


            共同屬性。

             

            預定義的配色方案。

            任何接受名為“ scheme ” 的屬性的短代碼都可以接受以下任何一個值:藍色,紅色,黃色,橙色,紫色,粉色,棕色,綠色,灰色,白色,黑色

             

            顏色

            接受CSS顏色值的每個短代碼中的所有屬性(通常名為“ something _color”)都可以接受以下任何顏色格式:

            • 十六進制#000000#ffffff大寫或小寫。速記符號是容許的,即#000#FFF
            • rgb()rgb($ r,$ g,$ b) – 其中$ r $ g$ b是數字0-255或百分比0%-100%
            • rgba()rgba($ r,$ g,$ b,$ a) – 如上所述,$ a介於0-1之間。
            • hsl()hsl($ h,$ s,$ l) – 其中$ h 0-360$ s$ l 0%-100%
            • hsla()hsla($ h,$ s,$ l,$ a) – 如上所述,$ a介於0-1(允許的十進制值)之間。
            • 以下任意一個關鍵字:透明,初始,繼承,黑色,銀色,灰色,白色,栗色,紅色,紫色,紫紅色,綠色,石灰,橄欖色,黃色,海軍藍色,藍色,藍綠色,淺綠色

            請注意,上述預定義顏色和顏色方案之間的通用名稱不一定轉換為相同的顏色值。

             

            spin_icon

            spin_icon屬性可用的地方有效值為:’ true ‘,’ spin ‘。
            此外,’ spin ‘值可以自己作為速記放置,而不需要屬性名稱。

             

            例子

            以下短代碼完全相同:

            一些文字[/ button]

             

            有些文字[/ button]

             

            一些文字[/ button]

            他們都產生:

            一些文字

             

            BORDER_WIDTH

            具有border_width屬性的短代碼可以接受任何有效的CSS 速記邊框寬度值:

            • 一到四個CSS單位長度
            • 以下任意一個關鍵字:thin,medium,thick,initial,inherit

             

            例子

            只是盒子。
            只是框。[/ box]

            只是一個奇怪的盒子。
            只是怪異的盒子。[/ box]

            角落

            具有corner屬性的短代碼可以接受任何有效的CSS 速記border-radius值:

            • 一到四個CSS單位長度,可選地後跟正斜杠’ / ‘和一到四個長度的CSS單位。
            • 以下任一關鍵字:initial,inherit

             

            例子

            一個圓角的盒子。
            一個帶圓角的盒子。[/ box]

            一個帶有奇怪圓角的盒子。
            一個帶有奇怪圓角的盒子。[/ box]

            填充

            具有padding  屬性的短代碼可以接受任何有效的CSS 簡寫填充值:

            長度單位

            任何需要長度為CSS單位的屬性都接受一個數字後緊跟下列單位之一:px,%,em,rem,ex,ch,vh,vw,vmin,vmax,mm,cm,in,pt,pc

            以像素(px)表示的十進制數字可能會或可能不會起作用,具體取決於每個瀏覽器的處理,但它們會被插件接受。

             

            例子

            • 1px的
            • 0.5em
            • 1.2rem

            兼容模式

            用戶安裝多個短代碼插件或主題提供自己的短代碼是很常見的。當發生這種情況時,很可能會有一些短代碼重疊,而且通常情況下,你最終會得到一些短代碼,你無法確定他們從哪裡得到他們的樣式和標記。

            只需進入插件的設置面板,選中兼容模式複選框和保存更改。你剛剛發布了你的帖子!所有短代碼現在都需要前綴‘ci-‘,以最大限度地降低與其他短代碼提供商衝突的風險。例如,代替 Hello [/ button],你現在應該寫[ci-button] Hello [/ ci-button]