{"id":270,"date":"2015-01-30T17:15:57","date_gmt":"2015-01-30T17:15:57","guid":{"rendered":"http:\/\/128.199.176.160\/?p=270"},"modified":"2025-09-11T17:54:55","modified_gmt":"2025-09-11T12:54:55","slug":"add-styled-single-post-navigation-genesis","status":"publish","type":"post","link":"https:\/\/wpbrigade.com\/add-styled-single-post-navigation-genesis\/","title":{"rendered":"How to Add Styled Single Post Navigation to Genesis"},"content":{"rendered":"\n<p>Beside having related posts under each articles to keeps your visitors staying at your site longer, we could also use the next \/ previous navigation feature that were built right into the Genesis already. What it does is that it will have 2 text right next to each other but not that close though and under it will be your latest post and then the post before that. It could look something like this.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" width=\"772\" height=\"250\" src=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2014\/12\/post-navigation-for-genesis.png\" alt=\"post-navigation-for-genesis\" class=\"wp-image-271\" srcset=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2014\/12\/post-navigation-for-genesis.png 772w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2014\/12\/post-navigation-for-genesis-300x97.png 300w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2014\/12\/post-navigation-for-genesis-768x249.png 768w\" sizes=\"(max-width: 772px) 100vw, 772px\" \/><\/figure>\n\n\n\n<p>You see, something like that will not help you generate more pageviews and lower down the percentage of bounce rate. We\u2019ve got to do something more creative so that it can capture the attention of readers. How about a 2 arrows (next and previous posts) on each side of the page.<\/p>\n\n\n\n<p>That\u2019s nice right? As you scroll down the page, it will also follow you. I can guarantee that most people will click to find out what the pointing is all about. This styled navigation can easily be added into any Genesis Child Themes with a plugin called <a href=\"http:\/\/genesisthemes.de\/en\/wp-plugins\/genesis-single-post-navigation\/\" target=\"_blank\" rel=\"noopener\">Genesis Single Post Navigation<\/a> by Arne Brachhold. Even though I recommended you not to install much plugins especially just for customizing purposes, this one is necessary because it\u2019s useful but also a lightweight plugin.<\/p>\n\n\n\n<p><strong><em>Let\u2019s add it into WordPress\u2026<\/em><\/strong><\/p>\n\n\n\n<p>First you will need to visit the plugin page to download or you can go straight to Plugins &gt; Add New and then install it there. Done! Yeah I\u2019m serious, there is no more steps for this except you need to activate the plugin but I\u2019m sure you already done so. To see if the new post navigation is working correctly, just click on a random post.<\/p>\n\n\n\n<p>I hoped that this short tutorial has helped you to install a brand new fancy navigation in every single posts to keep readers active on your site as much as possible.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Beside having related posts under each articles to keeps your visitors staying at your site longer, we could also use the next \/ previous navigation feature that were built right into the Genesis already. What it does is that it will have 2 text right next to each other but not that close though and [&hellip;]<\/p>\n","protected":false},"author":81,"featured_media":285,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_analytify_skip_tracking":false,"footnotes":""},"categories":[53],"tags":[],"class_list":["post-270","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.2 (Yoast SEO v27.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How to Add Styled Single Post Navigation to Genesis - WPBrigade<\/title>\n<meta name=\"description\" content=\"Beside having related posts under each articles to keeps your visitors staying at your site longer. Here, we are going to discuss How to Add Styled Single Post Navigation to Genesis\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wpbrigade.com\/add-styled-single-post-navigation-genesis\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add Styled Single Post Navigation to Genesis\" \/>\n<meta property=\"og:description\" content=\"Beside having related posts under each articles to keeps your visitors staying at your site longer. Here, we are going to discuss How to Add Styled Single Post Navigation to Genesis\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpbrigade.com\/add-styled-single-post-navigation-genesis\/\" \/>\n<meta property=\"og:site_name\" content=\"WPBrigade\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/WPBrigade\" \/>\n<meta property=\"article:published_time\" content=\"2015-01-30T17:15:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-11T12:54:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2014\/11\/wordpress-blue-logo.png\" \/>\n\t<meta property=\"og:image:width\" content=\"350\" \/>\n\t<meta property=\"og:image:height\" content=\"350\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Tan Nguyen\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@wpbrigade\" \/>\n<meta name=\"twitter:site\" content=\"@wpbrigade\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Tan Nguyen\" \/>\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:\/\/wpbrigade.com\/add-styled-single-post-navigation-genesis\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/wpbrigade.com\/add-styled-single-post-navigation-genesis\/\"},\"author\":{\"name\":\"Tan Nguyen\",\"@id\":\"https:\/\/wpbrigade.com\/#\/schema\/person\/b70c582e20b472d4d11a336ced0b40da\"},\"headline\":\"How to Add Styled Single Post Navigation to Genesis\",\"datePublished\":\"2015-01-30T17:15:57+00:00\",\"dateModified\":\"2025-09-11T12:54:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/wpbrigade.com\/add-styled-single-post-navigation-genesis\/\"},\"wordCount\":321,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/wpbrigade.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/wpbrigade.com\/add-styled-single-post-navigation-genesis\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2014\/11\/wordpress-blue-logo.png\",\"articleSection\":[\"How-to\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/wpbrigade.com\/add-styled-single-post-navigation-genesis\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wpbrigade.com\/add-styled-single-post-navigation-genesis\/\",\"url\":\"https:\/\/wpbrigade.com\/add-styled-single-post-navigation-genesis\/\",\"name\":\"How to Add Styled Single Post Navigation to Genesis - WPBrigade\",\"isPartOf\":{\"@id\":\"https:\/\/wpbrigade.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/wpbrigade.com\/add-styled-single-post-navigation-genesis\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/wpbrigade.com\/add-styled-single-post-navigation-genesis\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2014\/11\/wordpress-blue-logo.png\",\"datePublished\":\"2015-01-30T17:15:57+00:00\",\"dateModified\":\"2025-09-11T12:54:55+00:00\",\"description\":\"Beside having related posts under each articles to keeps your visitors staying at your site longer. Here, we are going to discuss How to Add Styled Single Post Navigation to Genesis\",\"breadcrumb\":{\"@id\":\"https:\/\/wpbrigade.com\/add-styled-single-post-navigation-genesis\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wpbrigade.com\/add-styled-single-post-navigation-genesis\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wpbrigade.com\/add-styled-single-post-navigation-genesis\/#primaryimage\",\"url\":\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2014\/11\/wordpress-blue-logo.png\",\"contentUrl\":\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2014\/11\/wordpress-blue-logo.png\",\"width\":350,\"height\":350,\"caption\":\"WordPress, WordPress development agency\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wpbrigade.com\/add-styled-single-post-navigation-genesis\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wpbrigade.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Add Styled Single Post Navigation to Genesis\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wpbrigade.com\/#website\",\"url\":\"https:\/\/wpbrigade.com\/\",\"name\":\"WPBrigade\",\"description\":\"WordPress Development Agency\",\"publisher\":{\"@id\":\"https:\/\/wpbrigade.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wpbrigade.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/wpbrigade.com\/#organization\",\"name\":\"WPBrigade\",\"url\":\"https:\/\/wpbrigade.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wpbrigade.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2021\/07\/Screen-Shot-2021-07-02-at-12.42.14-AM.png\",\"contentUrl\":\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2021\/07\/Screen-Shot-2021-07-02-at-12.42.14-AM.png\",\"width\":271,\"height\":63,\"caption\":\"WPBrigade\"},\"image\":{\"@id\":\"https:\/\/wpbrigade.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/facebook.com\/WPBrigade\",\"https:\/\/x.com\/wpbrigade\",\"https:\/\/www.instagram.com\/wpbrigade.agency\/\",\"https:\/\/www.linkedin.com\/company\/wpbrigade\",\"https:\/\/www.youtube.com\/c\/Wpbrigade\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/wpbrigade.com\/#\/schema\/person\/b70c582e20b472d4d11a336ced0b40da\",\"name\":\"Tan Nguyen\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/6337022c23047f62933e1b524da75aaa1d28015a040d4dad6d10043a16b72cfe?s=96&d=retro&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6337022c23047f62933e1b524da75aaa1d28015a040d4dad6d10043a16b72cfe?s=96&d=retro&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6337022c23047f62933e1b524da75aaa1d28015a040d4dad6d10043a16b72cfe?s=96&d=retro&r=g\",\"caption\":\"Tan Nguyen\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Add Styled Single Post Navigation to Genesis - WPBrigade","description":"Beside having related posts under each articles to keeps your visitors staying at your site longer. Here, we are going to discuss How to Add Styled Single Post Navigation to Genesis","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:\/\/wpbrigade.com\/add-styled-single-post-navigation-genesis\/","og_locale":"en_US","og_type":"article","og_title":"How to Add Styled Single Post Navigation to Genesis","og_description":"Beside having related posts under each articles to keeps your visitors staying at your site longer. Here, we are going to discuss How to Add Styled Single Post Navigation to Genesis","og_url":"https:\/\/wpbrigade.com\/add-styled-single-post-navigation-genesis\/","og_site_name":"WPBrigade","article_publisher":"https:\/\/facebook.com\/WPBrigade","article_published_time":"2015-01-30T17:15:57+00:00","article_modified_time":"2025-09-11T12:54:55+00:00","og_image":[{"width":350,"height":350,"url":"https:\/\/wpbrigade.com\/wp-content\/uploads\/2014\/11\/wordpress-blue-logo.png","type":"image\/png"}],"author":"Tan Nguyen","twitter_card":"summary_large_image","twitter_creator":"@wpbrigade","twitter_site":"@wpbrigade","twitter_misc":{"Written by":"Tan Nguyen","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wpbrigade.com\/add-styled-single-post-navigation-genesis\/#article","isPartOf":{"@id":"https:\/\/wpbrigade.com\/add-styled-single-post-navigation-genesis\/"},"author":{"name":"Tan Nguyen","@id":"https:\/\/wpbrigade.com\/#\/schema\/person\/b70c582e20b472d4d11a336ced0b40da"},"headline":"How to Add Styled Single Post Navigation to Genesis","datePublished":"2015-01-30T17:15:57+00:00","dateModified":"2025-09-11T12:54:55+00:00","mainEntityOfPage":{"@id":"https:\/\/wpbrigade.com\/add-styled-single-post-navigation-genesis\/"},"wordCount":321,"commentCount":1,"publisher":{"@id":"https:\/\/wpbrigade.com\/#organization"},"image":{"@id":"https:\/\/wpbrigade.com\/add-styled-single-post-navigation-genesis\/#primaryimage"},"thumbnailUrl":"https:\/\/wpbrigade.com\/wp-content\/uploads\/2014\/11\/wordpress-blue-logo.png","articleSection":["How-to"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/wpbrigade.com\/add-styled-single-post-navigation-genesis\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/wpbrigade.com\/add-styled-single-post-navigation-genesis\/","url":"https:\/\/wpbrigade.com\/add-styled-single-post-navigation-genesis\/","name":"How to Add Styled Single Post Navigation to Genesis - WPBrigade","isPartOf":{"@id":"https:\/\/wpbrigade.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wpbrigade.com\/add-styled-single-post-navigation-genesis\/#primaryimage"},"image":{"@id":"https:\/\/wpbrigade.com\/add-styled-single-post-navigation-genesis\/#primaryimage"},"thumbnailUrl":"https:\/\/wpbrigade.com\/wp-content\/uploads\/2014\/11\/wordpress-blue-logo.png","datePublished":"2015-01-30T17:15:57+00:00","dateModified":"2025-09-11T12:54:55+00:00","description":"Beside having related posts under each articles to keeps your visitors staying at your site longer. Here, we are going to discuss How to Add Styled Single Post Navigation to Genesis","breadcrumb":{"@id":"https:\/\/wpbrigade.com\/add-styled-single-post-navigation-genesis\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpbrigade.com\/add-styled-single-post-navigation-genesis\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpbrigade.com\/add-styled-single-post-navigation-genesis\/#primaryimage","url":"https:\/\/wpbrigade.com\/wp-content\/uploads\/2014\/11\/wordpress-blue-logo.png","contentUrl":"https:\/\/wpbrigade.com\/wp-content\/uploads\/2014\/11\/wordpress-blue-logo.png","width":350,"height":350,"caption":"WordPress, WordPress development agency"},{"@type":"BreadcrumbList","@id":"https:\/\/wpbrigade.com\/add-styled-single-post-navigation-genesis\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpbrigade.com\/"},{"@type":"ListItem","position":2,"name":"How to Add Styled Single Post Navigation to Genesis"}]},{"@type":"WebSite","@id":"https:\/\/wpbrigade.com\/#website","url":"https:\/\/wpbrigade.com\/","name":"WPBrigade","description":"WordPress Development Agency","publisher":{"@id":"https:\/\/wpbrigade.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpbrigade.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/wpbrigade.com\/#organization","name":"WPBrigade","url":"https:\/\/wpbrigade.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpbrigade.com\/#\/schema\/logo\/image\/","url":"https:\/\/wpbrigade.com\/wp-content\/uploads\/2021\/07\/Screen-Shot-2021-07-02-at-12.42.14-AM.png","contentUrl":"https:\/\/wpbrigade.com\/wp-content\/uploads\/2021\/07\/Screen-Shot-2021-07-02-at-12.42.14-AM.png","width":271,"height":63,"caption":"WPBrigade"},"image":{"@id":"https:\/\/wpbrigade.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/facebook.com\/WPBrigade","https:\/\/x.com\/wpbrigade","https:\/\/www.instagram.com\/wpbrigade.agency\/","https:\/\/www.linkedin.com\/company\/wpbrigade","https:\/\/www.youtube.com\/c\/Wpbrigade"]},{"@type":"Person","@id":"https:\/\/wpbrigade.com\/#\/schema\/person\/b70c582e20b472d4d11a336ced0b40da","name":"Tan Nguyen","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/6337022c23047f62933e1b524da75aaa1d28015a040d4dad6d10043a16b72cfe?s=96&d=retro&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/6337022c23047f62933e1b524da75aaa1d28015a040d4dad6d10043a16b72cfe?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6337022c23047f62933e1b524da75aaa1d28015a040d4dad6d10043a16b72cfe?s=96&d=retro&r=g","caption":"Tan Nguyen"}}]}},"_links":{"self":[{"href":"https:\/\/wpbrigade.com\/wpb-api\/wp\/v2\/posts\/270","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpbrigade.com\/wpb-api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpbrigade.com\/wpb-api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpbrigade.com\/wpb-api\/wp\/v2\/users\/81"}],"replies":[{"embeddable":true,"href":"https:\/\/wpbrigade.com\/wpb-api\/wp\/v2\/comments?post=270"}],"version-history":[{"count":1,"href":"https:\/\/wpbrigade.com\/wpb-api\/wp\/v2\/posts\/270\/revisions"}],"predecessor-version":[{"id":317503,"href":"https:\/\/wpbrigade.com\/wpb-api\/wp\/v2\/posts\/270\/revisions\/317503"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpbrigade.com\/wpb-api\/wp\/v2\/media\/285"}],"wp:attachment":[{"href":"https:\/\/wpbrigade.com\/wpb-api\/wp\/v2\/media?parent=270"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpbrigade.com\/wpb-api\/wp\/v2\/categories?post=270"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpbrigade.com\/wpb-api\/wp\/v2\/tags?post=270"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}