I have a list of articles and on the front end I want to display the title, content and then a
read more link. The content can be long, so I want to show only the first portion of content in the list, and then I'll use the
read more link to show the full article on another page.
Administrators can create/update the articles from the admin panel using a WYSIWYG editor.
What is the best way from a UX point of view, to extract/differentiate the first part of the article?
I came up with:
- Have two inputs on the admin panel, first for the intro text, second for the whole text. Then on the frontend I use the intro text in the list of articles. With this I either join the two inputs for the full article, or ask the user to copy and paste the intro into the second input (giving them more flexibility but more to do).
- Keep the user out of it and pull out the first 100 words to be used as the intro text.
- In the WYSIWYG editor have some sort of toolbar button to insert a rule which separates the intro and main text. This is the way the Joomla! CMS does it.