{"id":25165,"date":"2021-06-28T16:24:51","date_gmt":"2021-06-28T13:24:51","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=25165"},"modified":"2024-03-07T09:44:25","modified_gmt":"2024-03-07T07:44:25","slug":"create-read-more-toggle-in-posts","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/create-read-more-toggle-in-posts\/","title":{"rendered":"Create a Read More toggle in posts"},"content":{"rendered":"

[callout type=”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<\/a>.[\/callout]<\/p>\n\n\n\n

Create a custom field<\/h2>\n\n\n\n
    \n
  1. Install and activate the Advanced Custom Fields plugin on your WordPress website.<\/li>\n\n\n\n
  2. After activating the plugin, you need to create a custom field group\n
      \n
    1. Go to the ACF <\/strong>menu in your WordPress dashboard<\/li>\n\n\n\n
    2. Click Field Groups<\/strong>,and then Add New.<\/strong>\u00a0<\/li>\n\n\n\n
    3. Give your custom field group a name, for example: Read More.<\/strong>
      \"Create<\/li>\n<\/ol>\n<\/li>\n\n\n\n
    4. From the Field Type<\/strong> dropdown menu, select the WYSIWYG editor.<\/strong>
      \"Create<\/li>\n\n\n\n
    5. Create one custom field (example: Read More Content).\u00a0 Give this a unique Field Label<\/strong>. The Field Name<\/strong> should auto-generate. This will be the permalink key.
      \"Create<\/li>\n\n\n\n
    6. 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.<\/li>\n\n\n\n
    7. Once you’re done setting up the custom field group, click the Save Changes<\/strong> button.<\/li>\n<\/ol>\n\n\n

      [callout type=”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.[\/callout]<\/p>\n\n\n\n

      Create new post(s)<\/h2>\n\n\n\n

      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).<\/p>\n\n\n\n

      \"Create<\/figure>\n\n\n\n

      Create or edit your single post template<\/h2>\n\n\n\n

      Once you’ve set up the custom field group, you can edit your single post template to display the Read More toggle.<\/p>\n\n\n\n

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

          View the new post(s)<\/h2>\n\n\n\n

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

          \"Create<\/figure>\n","protected":false},"excerpt":{"rendered":"

          Create a custom field 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 […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["62c408576d4dc778438d42df","62c408576d4dc778438d42df"],"footnotes":""},"categories":[1440],"tags":[],"class_list":["post-25165","post","type-post","status-publish","format-standard","hentry","category-advanced-functionality"],"acf":[],"yoast_head":"\nCreate a Read More toggle in posts | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Create a Read More toggle in posts in this article from Elementor's Knowledge Base. Get Elementor tips & more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/create-read-more-toggle-in-posts\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create a Read More toggle in posts | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Create a Read More toggle in posts in this article from Elementor's Knowledge Base. Get Elementor tips & more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/create-read-more-toggle-in-posts\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-28T13:24:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-07T07:44:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/Create-a-Read-More-toggle-in-posts-4.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1999\" \/>\n\t<meta property=\"og:image:height\" content=\"798\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Alan Kaler\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alan Kaler\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/create-read-more-toggle-in-posts\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/create-read-more-toggle-in-posts\/\"},\"author\":{\"name\":\"Alan Kaler\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\"},\"headline\":\"Create a Read More toggle in posts\",\"datePublished\":\"2021-06-28T13:24:51+00:00\",\"dateModified\":\"2024-03-07T07:44:25+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/create-read-more-toggle-in-posts\/\"},\"wordCount\":474,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/create-read-more-toggle-in-posts\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/Create-a-Read-More-toggle-in-posts-4.png\",\"articleSection\":[\"Advanced functionality\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/create-read-more-toggle-in-posts\/\",\"url\":\"https:\/\/elementor.com\/help\/create-read-more-toggle-in-posts\/\",\"name\":\"Create a Read More toggle in posts | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/create-read-more-toggle-in-posts\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/create-read-more-toggle-in-posts\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/Create-a-Read-More-toggle-in-posts-4.png\",\"datePublished\":\"2021-06-28T13:24:51+00:00\",\"dateModified\":\"2024-03-07T07:44:25+00:00\",\"description\":\"Learn everything about Create a Read More toggle in posts in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/create-read-more-toggle-in-posts\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/create-read-more-toggle-in-posts\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/create-read-more-toggle-in-posts\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/Create-a-Read-More-toggle-in-posts-4.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/Create-a-Read-More-toggle-in-posts-4.png\",\"width\":1999,\"height\":798,\"caption\":\"Create a Read More toggle in posts 4\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/create-read-more-toggle-in-posts\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor Editor\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Widgets\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Advanced functionality\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/advanced-functionality\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Create a Read More toggle in posts\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/#website\",\"url\":\"https:\/\/elementor.com\/help\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\",\"name\":\"Alan Kaler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"caption\":\"Alan Kaler\"},\"description\":\"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Create a Read More toggle in posts | Elementor","description":"Learn everything about Create a Read More toggle in posts in this article from Elementor's Knowledge Base. Get Elementor tips & more.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/help\/create-read-more-toggle-in-posts\/","og_locale":"en_US","og_type":"article","og_title":"Create a Read More toggle in posts | Elementor","og_description":"Learn everything about Create a Read More toggle in posts in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/create-read-more-toggle-in-posts\/","og_site_name":"Help","article_published_time":"2021-06-28T13:24:51+00:00","article_modified_time":"2024-03-07T07:44:25+00:00","og_image":[{"width":1999,"height":798,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/Create-a-Read-More-toggle-in-posts-4.png","type":"image\/png"}],"author":"Alan Kaler","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Alan Kaler","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/create-read-more-toggle-in-posts\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/create-read-more-toggle-in-posts\/"},"author":{"name":"Alan Kaler","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430"},"headline":"Create a Read More toggle in posts","datePublished":"2021-06-28T13:24:51+00:00","dateModified":"2024-03-07T07:44:25+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/create-read-more-toggle-in-posts\/"},"wordCount":474,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/create-read-more-toggle-in-posts\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/Create-a-Read-More-toggle-in-posts-4.png","articleSection":["Advanced functionality"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/create-read-more-toggle-in-posts\/","url":"https:\/\/elementor.com\/help\/create-read-more-toggle-in-posts\/","name":"Create a Read More toggle in posts | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/create-read-more-toggle-in-posts\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/create-read-more-toggle-in-posts\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/Create-a-Read-More-toggle-in-posts-4.png","datePublished":"2021-06-28T13:24:51+00:00","dateModified":"2024-03-07T07:44:25+00:00","description":"Learn everything about Create a Read More toggle in posts in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/create-read-more-toggle-in-posts\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/create-read-more-toggle-in-posts\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/create-read-more-toggle-in-posts\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/Create-a-Read-More-toggle-in-posts-4.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/Create-a-Read-More-toggle-in-posts-4.png","width":1999,"height":798,"caption":"Create a Read More toggle in posts 4"},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/create-read-more-toggle-in-posts\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Elementor Editor","item":"https:\/\/elementor.com\/help\/elementor-editor\/"},{"@type":"ListItem","position":3,"name":"Widgets","item":"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/"},{"@type":"ListItem","position":4,"name":"Advanced functionality","item":"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/advanced-functionality\/"},{"@type":"ListItem","position":5,"name":"Create a Read More toggle in posts"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/#website","url":"https:\/\/elementor.com\/help\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430","name":"Alan Kaler","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","caption":"Alan Kaler"},"description":"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/25165","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=25165"}],"version-history":[{"count":3,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/25165\/revisions"}],"predecessor-version":[{"id":47279,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/25165\/revisions\/47279"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=25165"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=25165"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=25165"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}