[WordPress] 外掛分享： Read more with Bouncy

內容簡介

** 利用「Bouncy」閱讀更多功能 **

可透過額外的 CSS 進行全面自訂
按鈕名稱任意命名
可擁有不限數量的閱讀更多按鈕

使用方式：

（只需刪除「‘」和「段落」和「短碼」僅用於通知您使用的區塊）
以下章節中的螢幕截圖將展示外掛程式的實際使用情況。

使用案例 1 - 無斷行

段落：
‘[readmorec readmorecontent=”hidden1″]’隱藏區域。若要換行，請使用以下示範 HTML'[/readmorec]’

短碼：
‘[readmoreb readmore=”hidden1″]’


使用案例 2 - 斷行（請注意，換行符號要寫在「<>」中）

段落：
‘[readmorec readmorecontent=”hidden2″]’隱藏區域。若要換行，請使用 HTML 模式並按照以下方式添加換行符號：換行一次 (在「follows」和「one」之間的換行符號) br_br
（在「one」和「gap」之間存在兩個換行符號）gap between and button to bottom of the text (在文字下方設置閱讀更多按鈕，下一個和最後一個換行符號將按鈕設置在文字底部) br ‘[/readmorec]’

短碼：
‘[readmoreb readmore=”hidden2″]’


使用案例 3 - 翻譯按鈕文字

段落：
‘[readmorec readmorecontent=”hidden3″]’隱藏區域
‘[/readmorec]’

短碼：
‘[readmoreb readmore=”hidden3″ label=”在此處輸入閱讀更多按鈕的顯示文字” translatedlabel=”在此處輸入短縮顯示更少按鈕的顯示文字”]’

外掛標籤

開發者團隊

原文外掛簡介

** Read more with Bouncy – Features: **

Fully customizable by using additional css
You can name the buttons as you wish
Unlimited read more buttons

How to use:
(just delete ‘ and Paragraph & Shortcode are just mentioned to notify you which block is used)
Screenshots below this sections will show plugin usage in live.
Use case 1 – no line breaks

Paragraph:
‘[readmorec readmorecontent=”hidden1″]’Hidden section. In order to make line break, please do use html as shown below'[/readmorec]’
Shortcode:
‘[readmoreb readmore=”hidden1″]’

Use case 2 – line breaks (Reminder, br-tags are written inside <>)

Paragraph:
‘[readmorec readmorecontent=”hidden2″]’Hidden section. In order to make line breaks, use html mode and br-tags as follows br one line break(br-tag between words follows and one) br_br
(Two br-tags between words one and gap) gap between and button to bottom of the text (next and the last br-tag sets the read more button at the bottom of the text) br ‘[/readmorec]’
Shortcode:
‘[readmoreb readmore=”hidden2″]’

Use case 3 – translated button text

Paragraph:
‘[readmorec readmorecontent=”hidden3″]’Hidden section
‘[/readmorec]’
Shortcode:
‘[readmoreb readmore=”hidden3″ label=”write here what you want to show in readmore button” translatedlabel=”and here same for the less button”]’