The next-page and previous-page arrows on your article are the digital equivalent of flipping the page over; they suggest that your reader stays in the linear reading order of your magazines.
This structure also drastically differs from a blog's typical navigational structure, which usually has a very unstructured reading flow.
In Wordpond, we allow you to add two types of navigational buttons in just one click:
- Arrows to move previous and next articles
- Arrows to scroll to the top of the current page
Arrows to move to previous and next articles
These arrows are positioned at the sides of your content and take your users to the next and previous pages.
Arrows to move to the top of the page
These arrows allow the reader to scroll back to the top of the page.
Enabling the arrows
To enable the navigational arrows, go to Publication Settings and select 'Navigation & TOC.'
You will see the arrow options in the Navigation options panel.
Fade in/out
Additionally, you can have the arrows fade out when the reader is not scrolling and fade back in when the reader starts to scroll the article again.
The fade in/out option appears when the arrow option is enabled.
Additional settings
On the same Settings page, you will find two additional options:
Selecting the arrow style
Multiple arrow styles are available. You can select which arrow style to use in this publication.
What happens on the last page?
You can select the behavior you would like to see when users reach the last page of your publication or issue within a publication:
- stop at the last page (the arrow to go to the next page will not display)
- go to the cover page (the arrow to go to the next page is displayed)
Editing the arrow styles
Arrow styles are managed in the Branding section. Branding is at your Workspace level, so your arrow styles are available for all your publications.
To change the arrow styles, go to Branding and select Arrows.
You will see all the available styles.
To change a style:
click on the Edit pencil at the right side of the style
make the desired changes
click 'Update'
The Edit panel allows for changes beyond the primary color, stroke, and shadow settings:
Size of arrow 'container' and arrow icon
You can define the size of the arrow and independently the size of the icon in the arrow.
Arrow size on Mobile
You can change the size of your arrows for mobile displays.
Icons
We have several arrow icons built-in for you to choose from:
