{"id":1805,"date":"2021-03-02T01:04:52","date_gmt":"2021-03-02T01:04:52","guid":{"rendered":"https:\/\/docs.generatepress.com\/?post_type=keep_articles&#038;p=1805"},"modified":"2021-05-01T01:16:02","modified_gmt":"2021-05-01T01:16:02","slug":"block-element-post-navigation","status":"publish","type":"keep_articles","link":"https:\/\/docs.generatepress.com\/article\/block-element-post-navigation\/","title":{"rendered":"Block Element &#8211; Post Navigation"},"content":{"rendered":"\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"GeneratePress - Block Element Post Navigation Demo\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/J-VIWJiJBDQ?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Starting in <a href=\"https:\/\/generatepress.com\/introducing-the-gp-theme-builder\/\" target=\"_blank\" rel=\"noreferrer noopener\">GP Premium 2.0<\/a>, you can create a post navigation in the <a href=\"https:\/\/docs.generatepress.com\/article\/block-element-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">Block Element<\/a> module with the help of <a href=\"https:\/\/docs.generatepress.com\/article\/dynamic-blocks\/\" target=\"_blank\" rel=\"noreferrer noopener\">Dynamic Blocks<\/a> and <a href=\"https:\/\/docs.generatepress.com\/article\/dynamic-data\/\" target=\"_blank\" rel=\"noreferrer noopener\">Dynamic Data<\/a>.<\/p>\n\n\n\n<p>You can access it by creating a new block element, then select post navigation under the Element type dropdown menu:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"260\" height=\"365\" src=\"https:\/\/docs.generatepress.com\/wp-content\/uploads\/2021\/03\/post-navigation-s.png\" alt=\"\" class=\"wp-image-1810\" srcset=\"https:\/\/docs.generatepress.com\/wp-content\/uploads\/2021\/03\/post-navigation-s.png 260w, https:\/\/docs.generatepress.com\/wp-content\/uploads\/2021\/03\/post-navigation-s-214x300.png 214w\" sizes=\"(max-width: 260px) 100vw, 260px\" \/><\/figure>\n\n\n\n<h2 class=\"gb-headline gb-headline-67901f17 gb-headline-text\">Settings<\/h2>\n\n\n<div class=\"gb-grid-wrapper gb-grid-wrapper-7fbb9fe2\">\n<div class=\"gb-grid-column gb-grid-column-20568074\"><div class=\"gb-container gb-container-20568074\"><div class=\"gb-inside-container\">\n\n<figure class=\"wp-block-image size-large no-margin-top\"><a href=\"https:\/\/docs.generatepress.com\/wp-content\/uploads\/2021\/03\/post-navigation-settings.png\"><img decoding=\"async\" loading=\"lazy\" width=\"257\" height=\"596\" src=\"https:\/\/docs.generatepress.com\/wp-content\/uploads\/2021\/03\/post-navigation-settings.png\" alt=\"\" class=\"wp-image-1807\" srcset=\"https:\/\/docs.generatepress.com\/wp-content\/uploads\/2021\/03\/post-navigation-settings.png 257w, https:\/\/docs.generatepress.com\/wp-content\/uploads\/2021\/03\/post-navigation-settings-129x300.png 129w\" sizes=\"(max-width: 257px) 100vw, 257px\" \/><\/a><\/figure>\n\n<\/div><\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-69bf00cb\"><div class=\"gb-container gb-container-69bf00cb\"><div class=\"gb-inside-container\">\n\n<h4 class=\"gb-headline gb-headline-1d42ad09 gb-headline-text\"><strong>Templates<\/strong><\/h4>\n\n\n\n<p class=\"gb-headline gb-headline-b74a3070 gb-headline-text\">Import a template.<\/p>\n\n\n\n<h4 class=\"gb-headline gb-headline-0bccb71e gb-headline-text\"><strong>Quick hook select<\/strong><\/h4>\n\n\n\n<p class=\"gb-headline gb-headline-1e4e7c70 gb-headline-text\">Select one of the three common hooks to insert the post meta template.<\/p>\n\n\n\n<h4 class=\"gb-headline gb-headline-1f8c57fd gb-headline-text\"><strong>Hook name<\/strong><\/h4>\n\n\n\n<p class=\"gb-headline gb-headline-d59a0540 gb-headline-text\">Select other hooks that are not listed under quick hook select.<\/p>\n\n\n\n<h4 class=\"gb-headline gb-headline-fcb0a00a gb-headline-text\"><strong>Priority<\/strong><\/h4>\n\n\n\n<p class=\"gb-headline gb-headline-0a10f888 gb-headline-text\">Set the priority of the post meta template. This is useful when there are multiple elements added within the same hook.<\/p>\n\n\n\n<h4 class=\"gb-headline gb-headline-e79cdbf6 gb-headline-text\"><strong>Disable default post navigation<\/strong><\/h4>\n\n\n\n<p class=\"gb-headline gb-headline-ea45d84c gb-headline-text\">Remove the default post navigation. <\/p>\n\n\n\n<h4 class=\"gb-headline gb-headline-efe90788 gb-headline-text\"><strong>Add default archive navigation container<\/strong><\/h4>\n\n\n\n<p class=\"gb-headline gb-headline-b4b98d1c gb-headline-text\">Keep the default <code>paging-navigation<\/code> container so the <a href=\"https:\/\/docs.generatepress.com\/article\/content-padding\/\" target=\"_blank\" rel=\"noreferrer noopener\">content padding<\/a> applies.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n\n\n<h2 class=\"gb-headline gb-headline-6248bbc5 gb-headline-text\">GenerateBlocks Container Settings<\/h2>\n\n\n<div class=\"gb-grid-wrapper gb-grid-wrapper-196921f0\">\n<div class=\"gb-grid-column gb-grid-column-9e68e208\"><div class=\"gb-container gb-container-9e68e208\"><div class=\"gb-inside-container\">\n\n<figure class=\"wp-block-image size-large no-margin-top\"><a href=\"https:\/\/docs.generatepress.com\/wp-content\/uploads\/2021\/03\/GB-Container-Post-Navigation.png\"><img decoding=\"async\" loading=\"lazy\" width=\"267\" height=\"395\" src=\"https:\/\/docs.generatepress.com\/wp-content\/uploads\/2021\/03\/GB-Container-Post-Navigation.png\" alt=\"\" class=\"wp-image-1818\" srcset=\"https:\/\/docs.generatepress.com\/wp-content\/uploads\/2021\/03\/GB-Container-Post-Navigation.png 267w, https:\/\/docs.generatepress.com\/wp-content\/uploads\/2021\/03\/GB-Container-Post-Navigation-203x300.png 203w\" sizes=\"(max-width: 267px) 100vw, 267px\" \/><\/a><\/figure>\n\n<\/div><\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-1cc726ec\"><div class=\"gb-container gb-container-1cc726ec\"><div class=\"gb-inside-container\">\n\n<h4 class=\"gb-headline gb-headline-1b967608 gb-headline-text\"><strong>Inline post meta items<\/strong><\/h4>\n\n\n\n<p class=\"gb-headline gb-headline-ad1bbc7e gb-headline-text\">Inline the items inside this container. This is useful when adding <a href=\"https:\/\/docs.generatepress.com\/article\/dynamic-data\/\" target=\"_blank\" rel=\"noreferrer noopener\">dynamic data<\/a> items such as author, post date, categories etc.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/docs.generatepress.com\/wp-content\/uploads\/2021\/03\/inline-post-meta-items.png\"><img decoding=\"async\" loading=\"lazy\" width=\"461\" height=\"83\" src=\"https:\/\/docs.generatepress.com\/wp-content\/uploads\/2021\/03\/inline-post-meta-items.png\" alt=\"\" class=\"wp-image-1822\" srcset=\"https:\/\/docs.generatepress.com\/wp-content\/uploads\/2021\/03\/inline-post-meta-items.png 461w, https:\/\/docs.generatepress.com\/wp-content\/uploads\/2021\/03\/inline-post-meta-items-300x54.png 300w\" sizes=\"(max-width: 461px) 100vw, 461px\" \/><\/a><\/figure>\n\n\n\n<h4 class=\"gb-headline gb-headline-08ae3cff gb-headline-text\"><strong><strong>Inline alignment<\/strong><\/strong><\/h4>\n\n\n\n<p class=\"gb-headline gb-headline-9f9c4d1d gb-headline-text\">Set the alignment of the inline post meta items.<\/p>\n\n\n\n<h4 class=\"gb-headline gb-headline-8ca8dddc gb-headline-text\"><strong>Remove Container condition<\/strong><\/h4>\n\n\n\n<p class=\"gb-headline gb-headline-8ca2afbf gb-headline-text\">Remove the container under certain condition such as when there is no previous or next post available.<\/p>\n\n\n\n<h4 class=\"gb-headline gb-headline-0fa35850 gb-headline-text\"><strong>In Same term<\/strong><\/h4>\n\n\n\n<p class=\"gb-headline gb-headline-e1c7ab57 gb-headline-text\">Set further condition when the container is removed based on taxonomy. <\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n\n\n<p><\/p>\n","protected":false},"template":"","yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Block Element - Post Navigation - Documentation<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/docs.generatepress.com\/article\/block-element-post-navigation\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Block Element - Post Navigation - Documentation\" \/>\n<meta property=\"og:description\" content=\"Starting in GP Premium 2.0, you can create a post navigation in the Block Element module with the help of Dynamic Blocks and Dynamic Data. You can access it by creating a new block element, then select post navigation under the Element type dropdown menu: Settings GenerateBlocks Container Settings\" \/>\n<meta property=\"og:url\" content=\"https:\/\/docs.generatepress.com\/article\/block-element-post-navigation\/\" \/>\n<meta property=\"og:site_name\" content=\"Documentation\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/GeneratePress\" \/>\n<meta property=\"article:modified_time\" content=\"2021-05-01T01:16:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/docs.generatepress.com\/wp-content\/uploads\/2021\/03\/post-navigation-s.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@GeneratePress\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/docs.generatepress.com\/article\/block-element-post-navigation\/\",\"url\":\"https:\/\/docs.generatepress.com\/article\/block-element-post-navigation\/\",\"name\":\"Block Element - Post Navigation - Documentation\",\"isPartOf\":{\"@id\":\"https:\/\/docs.generatepress.com\/#website\"},\"datePublished\":\"2021-03-02T01:04:52+00:00\",\"dateModified\":\"2021-05-01T01:16:02+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/docs.generatepress.com\/article\/block-element-post-navigation\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/docs.generatepress.com\/article\/block-element-post-navigation\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/docs.generatepress.com\/article\/block-element-post-navigation\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/docs.generatepress.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/docs.generatepress.com\/article\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Block Element &#8211; Post Navigation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/docs.generatepress.com\/#website\",\"url\":\"https:\/\/docs.generatepress.com\/\",\"name\":\"Documentation\",\"description\":\"Get to Know GeneratePress\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/docs.generatepress.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Block Element - Post Navigation - Documentation","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:\/\/docs.generatepress.com\/article\/block-element-post-navigation\/","og_locale":"en_US","og_type":"article","og_title":"Block Element - Post Navigation - Documentation","og_description":"Starting in GP Premium 2.0, you can create a post navigation in the Block Element module with the help of Dynamic Blocks and Dynamic Data. You can access it by creating a new block element, then select post navigation under the Element type dropdown menu: Settings GenerateBlocks Container Settings","og_url":"https:\/\/docs.generatepress.com\/article\/block-element-post-navigation\/","og_site_name":"Documentation","article_publisher":"https:\/\/www.facebook.com\/GeneratePress","article_modified_time":"2021-05-01T01:16:02+00:00","og_image":[{"url":"https:\/\/docs.generatepress.com\/wp-content\/uploads\/2021\/03\/post-navigation-s.png"}],"twitter_card":"summary_large_image","twitter_site":"@GeneratePress","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/docs.generatepress.com\/article\/block-element-post-navigation\/","url":"https:\/\/docs.generatepress.com\/article\/block-element-post-navigation\/","name":"Block Element - Post Navigation - Documentation","isPartOf":{"@id":"https:\/\/docs.generatepress.com\/#website"},"datePublished":"2021-03-02T01:04:52+00:00","dateModified":"2021-05-01T01:16:02+00:00","breadcrumb":{"@id":"https:\/\/docs.generatepress.com\/article\/block-element-post-navigation\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/docs.generatepress.com\/article\/block-element-post-navigation\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/docs.generatepress.com\/article\/block-element-post-navigation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/docs.generatepress.com\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/docs.generatepress.com\/article\/"},{"@type":"ListItem","position":3,"name":"Block Element &#8211; Post Navigation"}]},{"@type":"WebSite","@id":"https:\/\/docs.generatepress.com\/#website","url":"https:\/\/docs.generatepress.com\/","name":"Documentation","description":"Get to Know GeneratePress","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/docs.generatepress.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/docs.generatepress.com\/wp-json\/wp\/v2\/keep-api\/1805"}],"collection":[{"href":"https:\/\/docs.generatepress.com\/wp-json\/wp\/v2\/keep-api"}],"about":[{"href":"https:\/\/docs.generatepress.com\/wp-json\/wp\/v2\/types\/keep_articles"}],"wp:attachment":[{"href":"https:\/\/docs.generatepress.com\/wp-json\/wp\/v2\/media?parent=1805"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}