help center

Search
Close this search box.
On this page

Create a Read More toggle in posts

Last Update: March 7, 2024
Note
Using the Read More widget, you can display excerpts of your blog posts on standard WordPress archive pages. However, if you want to add a Read More Toggle in your single post template, you can do it with a custom field. This custom field can be set up using the Advanced Custom Fields plugin, which you can download for free from the WordPress repository.

Create a custom field

  1. Install and activate the Advanced Custom Fields plugin on your WordPress website.
  2. After activating the plugin, you need to create a custom field group
    1. Go to the ACF menu in your WordPress dashboard
    2. Click Field Groups,and then Add New. 
    3. Give your custom field group a name, for example: Read More.
      Create a Read More toggle in posts 4
  3. From the Field Type dropdown menu, select the WYSIWYG editor.
    Create a Read More toggle in posts 3
  4. Create one custom field (example: Read More Content).  Give this a unique Field Label. The Field Name should auto-generate. This will be the permalink key.
    Create a Read More toggle in posts 9
  5. Fill in a description and other requirements here. For your first one, it is safe to leave everything below the field type dropdown at the default. These can be modified as needed later.
  6. Once you’re done setting up the custom field group, click the Save Changes button.
Note
If the Label Name or Field Name is edited at a later time, you will need to re-link it as shown in the Single Post steps below.

Create new post(s)

Create at least one new post to populate the custom fields for the next step. Your custom field editor will be at the bottom of the block editor content. You may use this just like the classic editor to insert text, headings, and media. Publish or update your post(s).

Create a Read More toggle in posts 5

Create or edit your single post template

Once you’ve set up the custom field group, you can edit your single post template to display the Read More toggle.

  1. In your single post template, insert a Toggle Widget just below the Post Content widget. For more information, see Add elements to a page.
  2. In the Content tab, under the Toggle Items, update the Title. For example: Read More… or Continue Reading…
    Create a Read More toggle in posts 2
  3. In the Content field, click the Dynamic Tags icon Create a Read More toggle in posts 6, and choose the ACF Field. Learn more about Dynamic tags.
    Create a Read More toggle in posts 1
    1. After choosing the ACF field, click on it again to open the additional Settings box. From there, choose the key we named in the previous steps, for example, Read More Content.
      Create a Read More toggle in posts 8
  4. Publish or update your single post template with the correct display conditions. Learn more about the Single Post Template

View the new post(s)

After completing the above, the Read More toggle is now available in your posts. You can easily customize the appearance further by editing the Single Post Template from the admin bar.

Create a Read More toggle in posts 7

Have more questions? We’re more than happy to assist.

Link is copied to clipboard!
On this page

Is this article helpful?

Share this article

Stuck?
Our Elementor Expert is Ready

Book a 45-min video consultation call with an Elementor expert and elevate your site!