Simple plugin that allows you to insert read more button to anywhere on your site. With the plugin you can hide part of the text, so that it opens from a read more button and hides it again from a read less button.
** 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"]'