[WordPress] 外掛分享： Rollover Tab

WordPress 外掛 Rollover Tab 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Rollover Tab」是 2012-06-07 上架。 目前已經下架不再更新，不建議安裝使用。
  • 目前有 40 個安裝啟用數。
  • 上一次更新是 2015-05-08，距離現在已有 3649 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
  • 外掛最低要求 WordPress 3.1 以上版本才可以安裝。
  • 有 4 人給過評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

sabaoh |

外掛標籤

css | tab | style | graphical | shortcode |

內容簡介

這個外掛定義了兩個短碼，可生成帶有圖形的分頁面板在文章和頁面中顯示。無需編輯主題的 style.css 和任何模板即可使用。

要瀏覽分頁面板，請使用非IE瀏覽器（已測試的瀏覽器包括Chrome、Firefox、Opera和Safari），或使用IE8或更高版本。使用IE7或更低版本，它將生成標准的 ul 列表，並建議使用其他瀏覽器或升級IE瀏覽器。

請到http://sabaoh.sakura.ne.jp/wordpress/?page_id=106查看範例。
“right”屬性範例請參考http://sabaoh.sakura.ne.jp/wordpress/?page_id=116。
“scroll”屬性範例請參考http://sabaoh.sakura.ne.jp/wordpress/?page_id=122。

使用方式：
[rollover-tabs name="id" norollover="true" border="true" margin="-2px" height="1.5in" left="1px" right="1px" scroll="true" font="small"][rollover-tab name="tab1" label="sample1"]
tab1 的內容...
...
[/rollover-tab][rollover-tab name="tab2" label="sample2" font="large"]
tab2 的內容...
...
[/rollover-tab][/rollover-tabs]

屬性說明:
name:
內部名稱（ID），[rollover-tabs name="id"] 為可選屬性（默認值為 "rollover"），[rollover-tab name="tab1"] 為必需屬性。

norollover:
可選布林值。對於預設的分頁面板，當鼠標懸停在標籤上時，面板將自動切換（無需單擊）。如果 norollover 設置為 "true"，則必須單擊才能切換面板。

border:
可選布林值。預設情況下，面板沒有邊框。如果 border 設置為 "true"，則將顯示邊框。

margin:
可選。預設情況下，在 css/rollover-tab.css 中定義了 margin-top（現在所有主題的值都已更改為 0）。如果面板的上邊框與標籤圖形不匹配，則可以通過編輯 css/rollover-tab.css 或在每個 rollover-tabs 標籤中設置 margin 屬性來調整上邊框的位置。

height:
可選。預設情況下，面板的高度將自動調整。您可以指定固定高度以使您的面板更具一致性。

left:
可選。在 css/rollover-tab.css 中預設的 left 值為 "1px"。如果您想在標籤左側留出空間，可以將此屬性設置為較大的值。不建議使用 "0" 或 "0px"，以避免邊框不足。

right:
可選。預設值為 false。如果您想將標籤對齊右側，可以將此屬性設置為 "1px" 或更大的值。如果已設置 left 屬性，則將忽略此屬性。不建議使用 "0" 或 "0px"，以避免邊框不足。

scroll:
可選布林值。預設情況下，面板沒有滾動條。如果設置 scroll 屬性為 "true"，則面板將具有滾動條。

font:
可選。您可以指定標籤的字體大小，例如 "10pt" 或 "small"。如果與 [rollover-tab ...] 一起使用，則僅為單個選項卡指定大小。如果與 [rollover-tabs ...] 一起使用，則大小將應用於所有選項卡，除了使用 font 屬性分配的 [rollover-tab ...]。

label:
選項卡標題，必填項。

注意事項:
從版本1.2.0開始，margin 屬性的默認值已從 "-26px" 更改為 "0"。所以如果您已分配了 margin 值，則必須更改分配以維持良好的顯示效果。
使用豐富文本編輯器時，您不應在 [rollover-tabs] 和下一個 [rollover-tab]，[/rollover-tab]和下一個 [rollover-tab]，[/rollover-tab]和 [/rollover-tabs] 之間插入任何換行符。因為 WordPress 會自動插入 "

"。

特點：
您可以創建一個包含選項卡的面板，以方便在文章和頁面中顯示。

原文外掛簡介

This plugin define two shortcodes to generate graphical tab panels in posts and pages. You don’t have to edit your theme’s style.css, and any templates.
To browse it’s tab panels, NOT IE browser (Chrome, FireFox, Opera, Safari were tested) or IE8 or above required. With IE7 or below, it will generate standard

    list and recommend to use other browser or update.
    Please visit my sample at http://sabaoh.sakura.ne.jp/wordpress/?page_id=106
    “right” attribute sample at http://sabaoh.sakura.ne.jp/wordpress/?page_id=116
    “scroll” attribute sample at http://sabaoh.sakura.ne.jp/wordpress/?page_id=122
    Usage:

    [rollover-tabs name="id" norollover="true" border="true" margin="-2px" height="1.5in" left="1px" right="1px" scroll="true" font="small"][rollover-tab name="tab1" label="sample1"]
    content of tab1...
    ...
    [/rollover-tab][rollover-tab name="tab2" label="sample2" font="large"]
    content of tab2...
    ...
    [/rollover-tab][/rollover-tabs]

    Attribute:
    name:
    internal name (id). [rollover-tabs name=”id”] is optional (default value is “rollover”). [rollover-tab name=”tab1″] is required.
    norollover:
    optional boolean. As default tab panels will switch when your mouse is on the tab (click is not necessary). If norollover is set “true”, panels will switch when you click the tab.
    border:
    optional boolean. As default panel has no border. If border is set “true”, border will display.
    margin:
    optional. As default margin-top was defined in css/rollover-tab.css (Now vlaue has changed to 0 for all themes). If your panels’ top border didn’t match the tab graphic, you could adjust the position of the top border by either edit css/rollover-tab.css or set margin attribute in each rollover-tabs tag.
    height:
    optional. As default panels’ height will adjust automatic. You can assign fixed height to your panels.
    left:
    optional. As default left defined in css/rollover-tab.css (Value is “1px”). If you wanted to make space in left of tabs, you could set greater value to this attribute. “0” or “0px” is NOT recommended due to avoid lack of border.
    right:
    optional. Default value is false. If you wanted to make tabs align right, you could set “1px” or greater value to this attribute. If “left” attribute was setted, this attribute would be ignored. “0” or “0px” is NOT recommended due to avoid lack of border.
    scroll:
    optional boolean. As default panel has no scroll bar. If scroll attribute was set “true”, panel will have scroll bar.
    font:
    optional. You can assign font-size in tabs, for example “10pt” or “small”. If it was used with [rollover-tab …], size would be assigned for just ONE tab. With [rollover-tabs …], size would be applied all of tabs, except [rollover-tab …] with font attribute assigned.
    label:
    caption of tabs, required.
    NOTICE: Since 1.2.0, margin attribute’s default value changed from “-26px” to “0”. So if you’ve assigned margin value, You had to change your assignment in order to maintain good display.
    NOTICE: with rich text editor, you must NOT insert any line breaks between [rollover-tabs] and next [rollover-tab], between [/rollover-tab] and next [rollover-tab], between [/rollover-tab] and [/rollover-tabs]. Due to wordpress automatic

    insertion.
    Features:

    You can create a panel which contain tabs, with [rollover-tabs] shortcode.
    In between [rollover-tabs] and [/rollober-tabs], you can define panels with [rollover-tab name=”…” label=”…”]…[/rollover-tab] shortcode.
    Tabs with label will display in rich graphical background.
    As default, tabs will switch when your mouse is on the tab. Optional, you can choose click-needed-switching.
    You can choose the border on or off.
    You can adjust position of top border without editing stylesheet.
    You can assign height of panels, without editing stylesheet of course.
    Stylesheet was improved and top border will match with graphics, theme proof positioning was innovated since 1.2.0.
    You can use some other shortcodes between [rollover-tab…] and [/rollover-tab], since 1.2.0.
    You can assign position of tabs left or right, since 1.2.0.
    You can choose the scroll bar on or off. Since 1.2.0.
    You can assign font size for tabs. Since 1.2.1.

    For more information
    Please visit http://sabaoh.sakura.ne.jp/wordpress/ . In Japanese only.
    If you need information in English, please contact to [email protected] .

    各版本下載點

    • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
    • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Rollover Tab」來進行安裝。

    （建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

    最新版本

    延伸相關外掛（你可能也想知道）

    • graphical statistics report 》這個外掛可以讓管理員查看有關文章數量、使用者註冊和評論發布活動的圖形報告。, 請參閱官方網站以獲得實時演示：http://www.gopiplus.com/work/2010/07/18/g...。
    • Graphical admin report 》這個外掛程式可以為管理員顯示有關文章數量、用戶註冊和評論發布活動的圖形報告。, 查看官方網站以了解實時演示 http://www.gopiplus.com/work/2010/07/18/gr...。

文章
Filter
Apply Filters
Close
Mastodon