內容簡介
此外掛的詳細使用說明，包括短代碼範例及圖片，請造訪 http://elliottbernstein.com/listic-listicle-creator/
什麼是Listic？
Listic是一款WordPress外掛，允許使用者在單一文章內快速簡單地創建多頁列表式文章，只需使用[listic]短代碼及自訂項目名稱或編號。
快速開始範例程式碼
注意：所有Listicl列表式文章必須以「start」項目開始，如下所示。
[listic item="start"]
在此輸入開始投影片內容
[/listic]
[listic item="1"]
在此輸入投影片內容
[/listic]
[listic item="2"]
在此輸入投影片內容
[/listic]
[listic item="3"]
在此輸入投影片內容
[/listic]
如何使用Listic
Listic的關鍵在於[listic]短代碼，使用多次短代碼於同一文章內建立您的列表式文章，別忘了要從開始頁面開始！
1.建立開始頁面
您的第一個Listic項目是您的開始頁面，在部落格頁面及列表頁面上會顯示此頁面，其它項目及分頁只會在單一文章內頁面出現。
第一個項目必須為「start」，如下所示：
[listic item="start"]
在此輸入開始投影片內容
[/listic]
開始頁面不會包含任何項目編號（相較於在單一文章內頁面上，它將包含分頁在下方）
2.建立項目頁面
當您設置好開始頁面後，您可以創建任意數量的項目頁面。此時，您的程式碼看起來像這樣：
[listic item="start"]
在此輸入開始投影片內容
[/listic]
[listic item="1"]
在此輸入投影片內容
[/listic]
[listic item="2"]
在此輸入投影片內容
[/listic]
[listic item="3"]
在此輸入投影片內容
[/listic]
每個投影片都會依照分頁所點選的項目載入。
3.自訂項目名稱（可選）
Listic最酷的功能之一是，初始的「start」頁面建立後，您可以使用任何您想要的命名來命名投影片。想要從「1, 2, 3」更改為「文華東方，貝爾蒙，半島」？您可以這麼做！只需像下面這樣輸入程式碼：
[listic item="start"]
在此輸入開始投影片內容
[/listic]
[listic item="文華東方"]
在此輸入投影片內容
[/listic]
[listic item="貝爾蒙"]
在此輸入投影片內容
[/listic]
[listic item="半島"]
在此輸入投影片內容
[/listic]
結果將是重新命名的投影片按鈕。
自訂Listic的樣式
雖然Listic的基本格式適應大多數WordPress主題和網站，但使用者可能需要使用包括在Listic中的多個CSS類來更改各種元素的外觀。可以使用以下任何類來進行更改：
listic-content-box（內容框區域）
listic-contet-box-[項目編號或名稱]（您列表中的特定內容框）
listic-item-number（全部項目編號）
listic-item-number-[項目編號或名稱]（您列表中的特定項目編號）
listic-list-preview（在非單一文章頁面上顯示的開始頁面內容）
listic-current-item-number（目前顯示項目的編號）
外掛標籤
開發者團隊
原文外掛簡介
For detailed instructions on using this plugin, including shortcode examples and images, visit http://elliottbernstein.com/listic-listicle-creator/
What is Listic?
Listic is a WordPress plugin that allows users to quickly and easily create multi-page listicles of any size within a single post. This is accomplished by using the [listic] shortcode along with item names or numbers of your choice.
Quick Start Example Code
NOTE: All Listicl listicles MUST start with a “start” item, as shown below.
[listic item="start"]
STARTING SLIDE CONTENTS HERE
[/listic]
[listic item="1"]
SLIDE CONTENTS HERE
[/listic]
[listic item="2"]
SLIDE CONTENTS HERE
[/listic]
[listic item="3"]
SLIDE CONTENTS HERE
[/listic]
How to Use Listic
The key to using Listic is the [listic] shortcode. Use the shortcode multiple times in one post to build up your list, but remember to start with the start page!
1. Create the Start Page
Your first listic item is your start page. It is the item that will be displayed on the blog page and category pages. Other items and pagination will only appear on the single post page itself.
The first item must always be called “start”, and will look something like this:
[listic item="start"]
STARTING SLIDE CONTENTS HERE
[/listic]
The start page contains no item list numbers (compared to when it is shown in a single post page, when it will contain the pagination below it)
2. Create Item Pages
After you’ve set up your start page, you can create as many item pages as you like. At this point, your code will look something like this:
[listic item="start"]
STARTING SLIDE CONTENTS HERE
[/listic]
[listic item="1"]
SLIDE CONTENTS HERE
[/listic]
[listic item="2"]
SLIDE CONTENTS HERE
[/listic]
[listic item="3"]
SLIDE CONTENTS HERE
[/listic]
Each slide will load according to the item that has been clicked in the pagination.
3. Customize Item Names (optional)
One of the coolest things about Listic is that after you’ve created the initial “start” page, you can use ANY names you want for the slides. Want to change slides from “1, 2, 3” to “Mandarin Oriental, Belmond, Peninsula”? You can do it! Just type code as such:
[listic item="start"]
STARTING SLIDE CONTENTS HERE
[/listic]
[listic item="Mandarin Oriental"]
SLIDE CONTENTS HERE
[/listic]
[listic item="Belmond"]
SLIDE CONTENTS HERE
[/listic]
[listic item="Peninsula"]
SLIDE CONTENTS HERE
[/listic]
The result will be renamed slide buttons.
Customizing Listic’s Look
Althoug the basic formatting of Listic should adapt well to most WordPress themes and sites, users may want to use the numerous css classes included in Listic to change the look of various elements. Any of the following classes can be used to do so:
listic-content-box (content box area)
listic-contet-box-[item number or name] (a specific content box in your list)
listic-item-number (all item numbers)
listic-item-number-[item number or name] (a specific item number in your list)
listic-list-preview (the start page cotents that display on non-single posts)
listic-current-item-number (the number of the current item being displayed)
