Article navigation

Used on the Article page, this pattern provides quick and easy navigation to the previous and/or next article.

Standard article navigation
View code
1fee5408efa7a0d0dc55d4267d1c50964fc9430b17cde9a6cad4e1ab06b4f3ea7f252cbf9992478065c7b8e7645272f91851f8150f5ab9d2e13afa177edc461063e3414d8d557eee6a1d2d6e39ac6390f69c3f7855d6803600b4ed8db761e9ed063a2d826fc773d6a6a0d9d7d5025ec420e45c826dd7a165d966b7ddfaf010a5a21b73449ac799f66573357d476ce1696c39303a78d850983fef2eec837ee1cdb9c8452ca884b4cc129bff20ed269ee076cb352b24dbbfd94fade442f7c1d5235755a76173ed680e0c8fef0cb1c86d5db9ee6ba3f3f998486e56d343432e63bc9325f6221a8b53c4593743e524e64a4b63c52ee25ed54a00fd4a32928b1ee458756d9fcb77cc5636cc70e4507316bf4ec3b436810ab079e7bf13fc6cb6e9bdb207803755cb91b8b9d42ca986bd8087b300682722ef93228bebc8792b773c74571891cf4fb0a8f497de923138ccde4b05131cec97226237dc8d8a07bb6a437f6f16ea96791e394a6eefb17a773dd4d34d2fb4597acefa6571b526582e046a841cd1f1d6878dad9e846927e9e8f730e227e3460bf3557ed7b58441e426161984c1299115ccb447d5d6f19c14b49e62ec44b7e7c9fe79aa5225dce7188730501495cfa411b0ace0ae18916c96f0833682fe7561aeb55875b08b93ecf1e3e586a136cc82ef330bc450b9f53af07140b4bb3f7d4d9d168f98a6e743772e98a18ef0fb668a5baf5fa150e2e113255542ba73b6353c368dcb54cc0d3453597b563683ee1884aecc40339e291c1f89f9714799d1d3be3c627bf472bf7ba0792bf7afbf87a3acc602c15ec6a72d594733bf8417b85f42be6fb6209e77c9e13c8e26ce944e2fe816a101a048fbef1936b561650422de319e255143b5199c7541feb86903f1d3b17763e3843347d8c5c23728bb38234c5a4fa3a8159830757f6ea35471f579af9c6b6586768e1c44ff8b8c788c1669030e4ef3832e0ec6d7b490db5a10639db5f5f645ca4de15c5937974b71f15e3b9fb29018efe0fa10082bacc149aa0857aa33fbdbde1b94f13a78d0fa3935999961ae9470dcc20bd0e16de789ec58e98a22c6622cecf5e4dfa0b8c1ba52cfd4ab134f9ee7a7b9929830f93968dcc53cd4bc039a5cfe4d4b942f1585fb490ccf6542f71e81f1f2f87dcf9a777ba178d6078b7b08e40a5ed9771465e19c45171f8b8149f538a2155df06fe43cbd0924d28e7795b1eeb20aebd9155c68fdaebc98203f1b0165bfb8bc67c3d516d8cac5427a778ae2f577589a4b6247a5ed0437fc87aef669e4c383c9e04e358d839a1a200e20c61573af7c6124eb0a8ab7ec1dc3231d9175c678c26c20be56c75ea5651bf38881d1d2f02ef7a8474b5d458cac294643533a838f49ae8d54409d1f721bc66cab08ca10dd3433bf3a9795292e384f66f678b182a83dd13f9e786ff95e7d28dde809a6c686cc53b0a60b21226fb91cb2aec2ee9c0c23b51195eb88c11cb2cc8b202294676eb706bafa741fc605f26a842f9a91e20ef26a5f6ce0b486d488402a5d82376e5e4a95d53d2a12dcd6e25e58518e6b0fe094e90cdfe3ad0b3d824ddb130296fafdc9c342bdd538b5fe6aad1e22b4301eeeca62ba59c326e0cb49ef74914f2a271d9c8642029d0072c312211b4ea199729c6b17f39d48162ea67e6fceb1ec537f24ffbe36155b562f4fd3dd59d5979d420e2ca89acf1108018f73da66292fa15ddc166e6c2285fe4550b623a004b4f6eff6974f49e788eee1ba910d1d8e5fe4236d19026c778f35d6802ce362398281548aa87989144d74e3ac7879e49e5b87c556a5e679c4a87ae2551effeee85dda821a3357aab518c150ffb54d3ba2f0a02d91595827bff8cbdb0fc0bdb4ff6f509222aa67f058bbc88c4a3a2eb2ff51b3bfd90dbbd3797eae5b608913918d231a92eccb25bf7f0ac07409ec382c7a19a9cb8df592d787abda8963973e91c694a09399053f20318062b0ccbf7cc0f19f7fe2c041036c279ee0a27ad3857a1563e21ad027dab861aa1311bb099297bff3682014063cb2b9ec1bf3d1390b71a9e2a8f4808e27ec5f63e7f864933c1fc55779d3f33abad5ae32be44db46c131e3236a3fa46a0353f7ec5c899bed4e13d110cbda3ff180bebdedb608ddef1ceb47622f324a1f369ffa3dbee8a6c2b1cb502657ddfd74bf1ec862550e956cf047a6ada968621107cc053f755bf05896d7e0e5a97903042e2d9d0209e49e0d5372530dcb017287f2730b34e129d76cc65f
Bordered navigation links
View code
213d06ca62bdefd3ae33c9818eaac5928e59794bb0c57b1589e0063bf70c5d03784f24b5d63b1a8462af21b3f98e4ec6f6a1d1fb727bf478e63c04693124972fe907d42bfb0c41d8431e9cb79bb30de1737c7c8bdc18e3b30f1c61b788e82bc488bd3ae838c7ef41d25d9219784a519c5d29faf63478ba4275c7cfabecf2b90cd1a2f7239fae45ac06c12b0fd3bd7d9b88eff0fa9b3d8e5a528f3cb6431555e77d95f19175f88aeb6af0deaa93e4eaee7890623cfcc44e7814a7b0ef57ef98037a9f6e32848593b76eeca6add0a51649ab4aad69ace4f06f905bc151290934af8db71130fbe4f181f9b3e47bfe4a1e1bee7979708fd36ebb2b7dd04f45d71e60564f941ff9423984c09b7992c16cd6742578a3397f85e407bc1086741a681eacc831d2a49955df8414ab80c22a786879d0b74e0912bd5e7da6fab56580580ba51672141d81cd4aeecfd76a000950624d968e32fd0990a911474806d8196a587ade481b4fa99261ab00f90e2641eb0dc7721c340347ff87e66f24cc6d8dc93954ec083343c3cd47fab1330fc885a4342c0b49790bfd3387ce2854723b3d94cb7790df71f8322a8f98bc2b5e727703ef9158fa496eb9d243d4fb469634fd4f1221d9df4074e7da92e1e8822cbf0d70dc30de00692f105d106a8233630f0861de4f2e64e312270a89092bdd7d01b613960327854a1e129f3a5187b91c0edf1e2d2533e6f61056fd2f93f082eb9274d69432aacd6d14b6e61cb8b3139d13f35150b0c54f3d555790b376f7ba86875cae5b9e8a9960b5bc29810edf9383fcb62de8ad4fa23b5a06ef574d3cfd283bf23699bb1c06fe1e5cf997d214eb5bfd7d4de2fb8d93fb79126216927cfd0f8a3f706c0bd3e7bc260d7a946071c9ed3d5c97558c7d4b7810fc793ac4b568e29b72861c51e54a8356b3ebea8676f37e32e055ae15354d58695b60960f09eb3a647e3ee70ed67aaf0527b368d0c179e071085ff013c240544a9a0085aa6ed6bd741ec5aed303c8c194725706865ffe0c8ff7c479816343d79edbc5b87008ef2d5b0f99dc5e43102393542fab225828fc7b6d32a660b48b8f360dec3fbfacd0543144a83386589c71be1ea53c9a4d44dd0c1066da374c9cf6226e71ac5bfe9207017b1b5bab44b910540317024fe6264614f7bcfde29094479ed52e190f60516520b80ac1a2aa1f36fdc991d1c365a3c160beebf7bc87e2f8f7a55b417c96b499415e077b2a2758cbff2a883343be1206ee888f28e5aae41d3ffd888961f17c5281a4b2976f120af38c00117153c68adba6aee95d5bdc49000a27700bd85e56b15fd65e54ab96a80a781adab05a3e9810fd91edd4d7234d0b266b4fe84c1f421b006be02e1151854db53da92f989edb05b8caff8130d7800d4558323c5469cf9279338ac7d6258c1357b33977ed5af65a2a2b78d7f686590531821d3dd161968f181d398b735ccba0cd409f880c1caeca4d5809757eb419402c9c6ee7369586f9c9bf1eeb69f5dc97c2d3bc157b58c79376e2c192f9816c3596d204d3d75804e93a6be04a2df498cf7e11d5cce87588aab355f834d95974d63e348236c7916cc81aff564fc8f32870dba1eb0854ea748657edc37d1c15878bb13f9e9b661d8d9ff372d3b384d273811cdfe5311204f6e797290e7073e58a97a9a7d685eb1948847c7adece506a072dd84ec217c85060a1cd981249f318bcee9c6f1eecc8d2d497d4f5de564890e36e8e43f775d6b3e69f09ded0b1ef1b5a9bda61021adb222dae6f04045160093bab2010569869ce39807dad4cfc4e90cbd8369edc22601f425c5824845f3ef94172e1792c347553505fce20ac047b0829d56ac696cf965b2b62dccd09fe3dccd3f7bafc2bb57e7a81d48088bf19618b864f4718aa6141482d66ba2d7fb27386b018d3da5ffc906fafdfb6624b903df12cc964cdf1035e3c101a5b69f026e641a71b14ea49b95fe815a4e4222d4cc6eff7aa1cd4dc495acc3638cbf212684425750bf5f1eb6a5295d5035e6d4c4f097aeca21acfdbf6c2456f2a96ae3167bcfd3d82914b74d2ff3f908f1bb8754061ad46f58d6a579646f64f74977814f19d8abb480995fecabbc7b7143bee9d3b2131c677e29e61d53d39f4c8163edcbfc4f6c20e758e9194b3b3b894b4a2cd101987e60c73b47c956ea2a1ec95680701bbb4b47f6a3a416f3915b79bf66562fef0fea0cd4ef426d6945a682d9c573553f592275e07be674eff6cbd88813a9c9b1b05e39970facce4686d86cb40fc3cd3d255d1fc337a05aea9241e68f83ab5b8c012b5d0b442155d90b0f76aaf0c8356bac55da84d83d95ecff5de7e84971ee93c407d9a09cb837df5db168b3c5ac560459bd224ed19026674a382840cd252ebd519318c10e7e71398613586ce9fe22e3f6343439fb8f3d7d0c5aaf37e5e802738d8939b7be77d6b39a7eb17eded79b799ecaa1d46bb4ba732a4ea3bffaf7e1c1467ec4f733944f79988adb71d9e969fabbce09bc3e361926cc16ba86c9604c08a826b49ecf10127847fbd8f32bec46257a432634586f44b6e6e358ffb9b3cac3c25e2fc3f5f35bcdd6b11b327ba8c0b93620b2300aa280e9a672e0f33cd439417dc0b2cdd299008c0b23381e17bf0053da149c45eb2a98bd93a3a4e43b441ac3ed3ccddd096a21e1ec0aebb543552f6a3b6f62dd1fd08ed74ce306fc65e5c484f5f9048c136c586f6986f5c4625ea978c
Button navigation links
View code
6c57497b9de3ae6524cc93e13755294044ba2a340d3e2be44dab657687f2c2dff3810e95178585844db7484323aa07879932d1dd1471c98b01fd2683c06afe490ad54b50452e5e7a8e9049f66197c93c67da445e2c7d4abf8c6fc8ae128c8af0ebd60b12dfbe42d796536fb91bf0d16901f2a18e9ba11b98f2f8f86c743d3912b2337a9a9650865686c3956fd4964bb806cb52adb07785849c933f3d4acbe9da3c419fbba058adfdb70eda0910e7080d946198cda70c380a9d17703a3d6010fa7b8c545c2f49982e61c1a352380e9045b5dd5c10d98319d34afbefe8f1b26144a0ecb9b18874ef5258abb7781fbd8fcfdb17d276e167bd95b969ca086e4ef7e3c64a320a4a4bc1aafae5bdc3baf96ea9e3fbf0e60cc1a996b184cb307d1f1b7b1a96a11e58f104bb2ce37a0040255615c244cf6a8659e289b7258af97e47340d8351f2789d533d460355113f4f889804663d76e06eb151bb90c47bff13fbe7ab25293c56f1dab78de1e14814c463b89adbf7340f455021dc7b36645fa1add8437e685e511803e46833ebfd82f62959657a258027c75420ea37db6092a73d6e4ddbd44093ff004841f0913441c7f8b533bc35670927c89048d9336e522e4acbbd0243d10a2e2926d67aa3a7ff8b2dcdf0c67ed24640f5457a2f1efadd597caf229aa3eef8e5fcc439910581094bba03ab502e94090ee43c078f3ea91b954d741d3020923d1e20cf112c9152b1a5b0a9c3f6446cae9ed2c4fdcdab097bf11a8864775b27fc4037a7932f9136905609161c437ec01a61f6b93ddc94d288ca839464211a96ffcc0648c41080ffbde4c67c1de9738980ffed9a1d4df3f617d4e0c4f1286b5a255e42dd9d71d69f6a22e4877ff3c6b46ac2f7a313708710036e0e52692c6540b808a201b3fd5e642bb8ce4fae48a1a5a2f3f936de209d9ab724b46adef9ee4fa86b872accc8e7da444219c3a525a2351370484bad097d6aad3a893093707a1385ead6f97766ae4673f28e577c8cc17f99a20eee26bb7a63cf4868503e13eaa1299b89a45e345e824c8c419e2b7baecb4248762bf8792bbbaa2c1988a0322ca1ba2784e656a168a90552d0a32af63752bec6e04466d7569f13662e65e350ae03fc671b78cb308143256a133dda746bf9f3eba4cbe4ee9bc2784bea3b11d3d95101ad109c2775148f599963eedfb500db5ddcd10c10f30d7ed9cab50986ff6ce7fda631b5e13612f1f0c89a7c411a9b53ea447d2ecf7e70ce3102dc83ca2ec1ac8080f8092df7a082de46b3c21a45c3aee94b6553f582f84d28dc369073e515449ef57d14b3e93918d2ff7de20b07b047920b890e885a845a768ac336aefbdacd26fb622b68bb6d74a98d62bc8179bbbf94a87685c1a2e13f68af4f02e8d13fa54b731f87c9b34c8ad681516dad860b506b9847dbc276257bdd4fdfcca58c4ad1d2c133fc8464748b4e714e5feae2b7deadd2d7cb802bb41dbd69ffb54f6cb14986b1a40142071d0786f8550b62f3a78d9f707b7cc8e6f4d0a9b084967b154944521fd4a677a6c418f609e7a62f6af92777eb59823123540361681ef104a14269dd1ee9d59d2ffbac6265af3ee540557fe606dcbec4ab76f36fb0121ee3c4e21c209972262a236295034ca7afaeb0275a041055710e4fa11b0fc65ad4c5a3238cf7b41111806f95f219956b632c82ebb34c06e0cbc6fe54915975bf652a8349c945f328948163dc209964b5c3053274fee23379bb29f471ae3625044989419f1eccf034bf36a57c4b020e21073d8c778bef84f29e19c8a66e7187ef0d97b6dcade4a579586ad0427d8e3fe53746a1620e88db358d90d5b61b16535260a8db0ced107ae613a904a98040307cef297ab0d7b84f1ceb7f48b01140e3f4f1ea7d501703bdf67f31a73cf6e3ca03557f691419af099450fe62bd25a2d9c5cb5fd4897c195dc4ddd203f5aa573021bc7ce777ba5bd0d8c7146caf9b60aacbff0cf757de3c4c4cb3493cd73f58af3098fd16672b4ca8d41fe25bce4fa0573ab7b70a92e7d3b8accc3b0e25eeaf6dc5bbb021ea14a0c581962b14e0371db043b42fed8e8ff0fb69156c13b1b6e21d57a7d6fc27ddd0929b2bb48d321c64f0bdc69be78538401d5ef25b8d52417e376d00c6cc019b72febf16d178469f10db864e99ad6ba2c8a2921f0f3193f126e3bd5814168da66efa88570eb7b6fe8854a02e8f8154f425002cc78d829b31701d7db71988e1dca2116e047d8febb003114a3a5cdd9e075b3a3706b00b894bbf6fbf9cf21541a583c9ad477473f5458d00fcdfe61a3d432bf2d7fd06abb2f0fd4fa61b61e4e7d4345035de03a24e356ae69ee1dfc359b6d938ee02852bcbd761157fa72a02e53a61c12a2911a66828861992fbc718380fb71f2e7136b1adf6f3eae3e6bbd4672e08d2009df28b8dda24c6d406db39e6b5c712848571c5fa4122ffe3be2c4c1fadb2aa5554a90b20213f510212072480b2c2684c7aa13ffeb28ce7dd39fb4d9b63f50865c599ec7f7f5a17b89672b50ae1c58e16c283aa036bdf1cab60aa63765992835586e5464fb461797e34bd4a2c755289edd2b00c667672856057e043893a5b7695095b6babc952cbe8e0c832fd2ecfbb4e8cc39b494dd00c264a2ab026ed129d1048814db8c343d391ac0e608d1279cce7c0980c823c404e17f35dc388485a52437fe2e2fd61fc7d342f5bd46fb6c6115e61598358e246fc96c3c379455e8e917d0ad9fd9dbf67822e4a02c6311e854e0f124bf070cc9ebb44b94a1e1427fc068ade5373a4260becb2815686fa6809f8f330697a4fd692a17b17084fee5fbcc898e0420059a1c4b7624eacce00d6821bdc16b70566890354aeece79b24289f8fa426050cb17102eb4fce630cdbba78ab5fedf56bf854e203e26d9ab1d287b2950182e5ed526f91fd41e6be248fa74a20347266a56401e4b74c32e4

Single article links

Using a custom micro-template you can show a link to just the previous or next article.

Next article link
View code
92f96ae9f4a6dae8ff130e907e339e18b6c6617d063340beac3f644b82470a325e67b422e64fd4512d797146a1f830839200bea8bc076bbeb610f865cc098c7d3c76839ec2c5dfabcc6d737c09349d217e86dc090fd94a8bba1731f788245ae00e07724804c536e7f7e627daa1cf88fc95bdfc7dbb910b87af21ae4b203e00f6152d7513398bec480a423ce36f3089558ee3218b16cf74d00230d51bbb76a265dcabcf29e21aecad8f618e3e1436168b2cc9cba570ac65f152c1e33cbe78be336ed78b5ea91fe6f357ee7dc4bd575971e0883a748a87c40f5518e413b2442ea6bd16038a2fa55f028849b6dbfd70ede00b8893af2f9215dbf52c2c8338fd34de71fbe14d1e8af403b5c41d5dff7f5882a5cbfe7258f905ce043b60a94fb058653cbed0e68d640ddd26e72f7437313ecead0cf0171ab01ee5e79ab17c52b769694693de3647db1ca352aeb0fd1d8691ff44952d09a10ca8fc1860bf2d5b7a6bf8f76fd799650f3f28a78b63e7b91299ccf1c15a51e5dbb97832ef965d8880c846d562c93079a06c0eea91f0b5d491ff7771334068e3ec283de1ef1f8e6196b0879f5633842b54838431b9fb4596a794ae34bdb6a150f8bf73b71040cd8849ed23e15481616e88e18f64967aed443de011ab6217ff68789352acabb3c2fe8dc39309cc3b4a6f567a48e99ef724e033e0368e3cfa0736b55587453df37200c55045c5c087acbeb49ed68b5d46c4b2e417e644bd2d26560d51eadea5fd23453c70d92d14a58deb66a2719d710a475151f3f382669986c8e4582a20986a40843c98dd3fd5576c7e3ac0e1491bcbc653bc70017026e85179652be609b3feb2e9db00539861918c139c41a919ff86d320468d9fcb211e3bca2b3cd873ad064477f2b3abbe2309832369bdf2bea828e41918f3357eae9d0e7e079e358cea833ff584e75ed0b7cde2033eeb26c3717f04907a785228e34415c0e00d6c7e847395f50c2056e8ea9fae924ec04a30a21a52884d71fd89e39663d7d45078b414f0fea805b66caba5d605ac4a2ced15641505f34048381e1857862a0e883017792493eec6fe5ec43bc78afc2440ad3b2944588e123c61f67693869d522e6d9c80c75e14c90ff758cd0a0bdce721e576f74bfd69392a8b7efb429b033f5d079a0a9663b09d11f1a51e5c9ac214744d3779180d181707cf113f232a913ec01e9350d8e9f09f4f054b8f2332b8b89ab55ec06b4e535f40c6a73ca4df7ea49199c501c42a4050a10ee58edca8613ccf3a65537d6c462a95a7a431802aa44b1780eeddab363dac19f98aca88bb366aac34021ec01f03abf8ef4d3e4f91c6c324de57b808f9cb2714f9

Using the properties option described on the Article Navigation extension page you can provide additional information to the custom micro-template. Including additional properties for the built-in article navigation links can be done by adding a data-properties attribute on the article navigation element:

{{~#isnt settings.article_navigation_style 'none'}}
  <div
    class="my-6"
    data-element="article-navigation"
    data-template="article-navigation"
    data-properties='["id", "title", "body", "html_url", "position", "created_at", "category_id", "section_id", "draft"]'
    data-next-title="{{#if settings.use_translations}}{{dc settings.next_article_title}}{{else}}{{settings.next_article_title}}{{/if}}"
    data-previous-title="{{#if settings.use_translations}}{{dc settings.previous_article_title}}{{else}}{{settings.previous_article_title}}{{/if}}">
  </div>
{{/isnt~}}

For example, you can fetch the article body and use it to present an excerpt:

Next article link with summary information
View code
5cc4e746743cdea1248730d9ced90cd5281bd0e3c659d2c18f32fffb9aa4e99b24af60c8c4feb01300b5886e62e5719808d6d1036eda088473849c9e3b4be5db4abd6a433c7c832b4813d2b85a72ef99ff65a51a62288bee60f351b19873f0465fe32e18a397d601fc1d9bd3a7dfd1726a49814fb71272d737bee7069018087cfe07032e5aeee85de5337552d877b89f19c33d27d82a522ab99c5b970f3ec4c0c4e1dd4fb99a93f404fa6eb3b4251fcc374061b9d1d014b2b239236fb66f87e3e59c89503b2d8f4e8b25cf65c37ed1c52f45decc17168d91a18d6532f6ff7c49f0bf9489dabef284ea594b078308252e708151a130a3e4cef2f96e8df29edd5005ef834c8e6205bd8b39da8970bd26ab0926442b859d42ca1c16c3924b301280729b6bfada6517a94b72845542c71225196132a5899873fd50e68910c8a132e5a1a96af7893a695a6c970230416472c56bf2272fde61b1d0120a32a6cff66578929fe739e94e6b56368b5efd768712e1e1bee7e28aae9115b55878731064cee9649dccb0538c76cf47c13865829bea97f05446bb020a1b97a3779ba1cd095dc6419e8e3a10630b811ab1e059758eefdeef27a1ada9a7dd7afbd914d668067ce11f58bb326152ffe1650bb76c2e60f459b0e219d54c623936b70fa6347cb5986df7c62ca24976358d08d284af06ec51db26f62bebb2f676dea82991518007aa4d685d69e7077d1932bcca9083f442a531f0c381798356237550ad052be49014e292f7b17968c378c7e0c893bff9120df3cab8223f847cfb58e8f246b78854cf7126d0cbb9f693ed50b31ceb979276dec9c0ec8de9c04b1324ece987a0503bde2c8545b1a70301dda3c64741aab42c136653364a003fe7642f9846625c62f79bc49790e845848158f648658201f41bbf1a747b5a4529f27eb1abe24fd46f6409c5471e31103b8ae10d31373f1dc8936d819df8386d34ed0538e5237486bc3f57ae4d10b5969782d9a9330090dfae33715841f7dbe1a010c143cb6eacba1a984f2a9d6d57dc4ba179fe7cfaa6545b8887ed7ebac6e9556f27da7c3b65db736cdd3dc7a8b03fb1f8881ec45c5482324f9ed398ad9e815d039d12d842595235b23b1635c70ba0f5b0e1a653a88f929a9b21d9f723fef2f67d87c73fa272d2073eb3112fce07b1f609b1932226d0f107e9e77bc16f4cb13fb3f3c7b1f0c3c6b981d04d3067cb49f186fcdb5e1597bb4266989c0e67815ddd51074b7917978c71e694a1958e32bf28ff7c6d9d26b7e9d2a8f45c4c925becad721b230dab4d4e1e27a9a0518a2dd1fea50805a9976a0c5087605d128f2fb92c28d099019f4a8ef505f0ad448a10e40e0e7baaa77bcc597fc41c009cfd4a8d53ec134d368d72ac7d96cecb8805b49e2927bd14f599d1815c343b40136164dc1408ca7d7dcb54eb22683e951ec089e52a4420777a90622aba11f86e95b331f206ff3175e981acf9143179f005f96487a68e7d994deee2ba1611b942f2dfb861fa985c74291cb9e50e086d44f320158621850c967fdbfc65267280fc5bdddd41822f81a6778859deae422e7b9f10bd2dcb4ea3b54ba061874d8a77c268ad265aefc86dcc9a152ed9803ceb62b050069a2b66533398cad6b444b48aaaa6736ce8456928a414e3a156cb2450736809e6895bbf5105df922cc1b1c50a4f33ae9834d0776d866c45c8af89621a8c49fc5ccf790e69cc885eda29f1c5520599c6bc061823d436b01d25d8e3b515d9e9afa79a20358b406be507994556648b1a310f8286e5eb065ce80928c20e1590fd015f92185c9eaa8b997c0aec9631d77db31f2ef6bc0fb734c87e3aab6208cfe2b49821c31341e0276394aeda209a79c6ceb1b3833e3e4ed111d4dd7ee1e3dff52b350ff0023a54e27cc5eb70156e2709f0d12574978c8888546fbf3fb8637391b1563442a19d5dc8ebb6c0b4812ef585a284d9fb0cffc39e5fdf61b2b2f3f679a4b350433f427ebc1fe1851f8177b1da5d982728d2dab89dc0ad83f9756f9352ad37f2d297dcf99e385158f2ed42a3f7a93d237007eb5ea1e1a5d1efd9b40bcd031c1e30a3fae0b9ed51f60eba6787bc0069d0191ebee3045267ff073fe045a60bfb8a6ff8d65ccad159902a3044de29dd5e6cb6a32f0324496506ad26eaa3829c806507e0bac59bcbba1ff01eccc588b8c209dbc75f069e7c69931397af0171689986911bc879e4089f2bdb9e43a3d513c2abfc6c8686f3ad1dd06561f326690e17382354d341c416e4878b1580704658296d9b67364c92d328a87e5ba01e1eea85058f8642e7dbec97e1c34020fa593bc6f3b5b55a3d5e3ab6c9a277babae429206b079b243329b3ce0ba0a934be3f67c1e026f8951de667c2c16b068ce005328a7f5556ed0d1e6f3117b10061a742ba862dc833da14ae0ab264f9effe0e311b066697529443a573214f26e956445faac9970d713b9174d922c6e721399a8adab2085247bf3ede1d57b9dda91bab83aa3e5dae7aa32a004230420336a8965b4cd4a8fc7ad6ac6c7f387cf43f310443f14d2b34b67456afc188d033c2e2219ed854078f9f57b466cd69867552a5bbdd678e665eacb10bc03fdbf9e73e652f2abd61ec1f830cb1dd2147287fbbe71dfa4271be8d893a86e59b1262d3179dcc499beb2f76f523bbb0e01819149fd7248ad0a518cf08c9f8d77ed35ec69704798052fd2cfdb87a3ea1524d020a536ce22a6dad116b13d5de55f6e81d16870f0af002ec132bb3a258512896661117a7249dc3a526ad7a0dab653fb62b69e0d97a6cb7b0c1fa38435158dacd38d0e51c4f61efd91fbc8dae5b7a1244d3159ab9d8709d2811d0b6ff66ff1cf175a56ce3380d280a4e4e316a66fbae455f3b6b48fee1b4d04b051cc0b89db1452e34d7212dc1f08e0ed0962a8180f149c544de72b0d4959cf184be48eb62fea376e4cf8cb583436a0b53902cb56e17060ac66cdfdfa677293fe5c23a5504b7f7dcdaa3f825e3959f65339c0d352864b557ca1e3cac0e906fd156c0f5c8bd3e1190a32a51062967d02fff0a037646f645c0e95eb171e90d3466fec5f435b24e5694aab656a6079a0557d9f99ede9b09d8d7cdc9869eeb3a74140fb9f7d9766a1bde1dfbfd15f8d4ecf6384ec6cd11c47bf795b35cb141dbc9801cb89e46d82461d47723f6663c0d30bd44c14c5693cece2149e12510c5d9021c4ad02c4060ff7c7e1ac93309d934f00624b030462b1093c674c64ba31529fb01eda727a7474f1f9067ef5372711271fc69d87c14bf2ba4a43bdfcf66e29831e30e61f13e15a39a7d919e97219e41f8c54a0899f4a39236d25d53ee231c2b60e77464c894127ca742e763f197a25a128f992c7e7cc25b612dd71c78079598cec9ef38ae84dfbedb21f97c78afdddad38ab69f2763aa51e04634fbed91160d47d3aa750ae9f2b025b423b1a7f7e100ea6e66fe44df705da5a68bccc31d6e676d97c23422ae51b77a50691bef9ec4f76d6b321c89080c6606452a04f18b749f995ca33d8668673bc4a6134e54ce309c06765bd5edc82317094c2b529cc359a22951d8773bea2d7254dbcf0c9851008fafb10ae0a32cb29e762d5b68161f9ad6531ceeb87dde0adaa7bf1c9aae2c620a24bae2d51d9d8f93b9fb255320af4bed832cffccef1c2b0b40e3f3ab9229fc6bc431030bad3175044b340549b4ed345a41af49df0143c16a8727884de88386d643e3fb9dae0fe93bff7d05661afd0d844556bd701e67670591e50a7b2798b60b66e0b4ea21b583909d2691e9c7b2db0e61e3e33f385db7f3e16894f09d6f35401c93098f1eec6bf8fb0730c196a1dab9a8f2ba52505b7ef30efb0cdb2e9a00917c333e3a45d53bf2727e81f03e24399e147309676c0364ccee85b07c743a582612374e9bf83bb7806a2e3c51c7b9fee5411c22c87fac1871097739ba03f10c0ab3fa5e428070f805cee21f33e6f960a93d76dc0c8bb749b35d65d4703422442ba62ffd5bd9f4cc16e3206a35d47c6acc2328c568207a67724a0496176ddeb82dbefb6c0666b8d2da9f195c9eac4ae473777adcde36cc41ccb2fb40f2abcf2d45bbb399b1022f08976ca885d32f99c1ed4451f9f71bfb96f83f0547e811c2d9181e27c8399f5ebdaec23dc08cd9c9d7cc67cc79d76368867dc3e4dd733c31dda425526748b5ccad66ca778aa6fdeec00aaaf81eeb271a094b6a758990351fb2fcf204deee3251341d0f76e3d151f10537b40ede7809d64d65746dc62ef7d269ef416fdea9b6cd97814b86958ec89ae621f4b34f05f0993d81d7f332a1da8d82ff6b62724aa6164f4a47d287ba5702396e63172681a2bfc4c820e0cf25a8ee48c9fe755f378a1edb13c6ffe11e754f99aa7656d555fa0b505fb2f2b1eea54ddb3b90144786885bd1c4cf56460e387aed408fa9d3c37b5713ab95e65548e9b08c6bd08806ed468be7f24a48f09f83a34a99593f03cdda7e37b60415bbaaa61ee572f5a37b4147bce086ebab6d93fe9beb99d3ba72f54958e51eb66a313dc5ca72e61e67265fce042d5ec5c7443e8650c6bd0af0c4485988ebeff3123477c91aaa00b971b78803042f67461b5bfb67977c8c7cc63776c75b423f37bc41faff6d03de4222f7083a84876620c644fa8a31a56c16e77b65f064d5cb4b85d1654da0fd203a35290030df3ec0faaf8ad2b734b58970c7005c657578f874aec222348e1b278f408c168da40d3222cfcd1adfe0db7b38bf5d26a89be6af7c1fde44d1159e4ad5448d447985dd200336ce3e5297e8efb44059e81a03f4dd6534bac6a4a1fc169997d83bab6998c0df788b481a130a49f1c077483c505c873a1a550d9d41d43dd2b43bb3a4a521ef260b8ea3394ca3fade519eef95be76123f64946ff1991ba00fb6f8f28fb87bb3c895901b17160e8bf8b48263f9183fb66b5c11743dcb30da0c41e43baa8832ca1d9bb7d7e188a83744249b096d65d9cc84b1bf03010a978fad447819d5fd43e7d40a8057a777176b3fa0f22cd37a0ef3096669afb4b680d5e9053cb10ce5d44b3aaa144b55710bddc1bc62bfcd80f87fd349a1746cdc3b72a02bd296c73cf21177d5d8415f6ec001c3bb46d5088b5f09d35af62892b654cca740d4ec313df1abcfe2c35f8da573012625955035395337fbd5c3d15b1087cabd3270eff6c20ba9dc2d96be054c
Next article preview and social links in columns
View code
5d5227ae562c8a346c4fa3160329dbf319fe295d00f110522db3249d92876553ce968a263954d932334c8bb24ac2d37b3a95c580fe06be18b5ae2b4f381d49977c070bf8ba0b03a46cb0cec6f12c03d8798a12eb3d991611496dd325b171796703439e248862b0886590e3e57c7653a13cd045be35323d80deff2ef392f765e0423be2a88f109ee9f2342fc0ee353ea6bb173a6ce84873e4522ad5e9b59a2b60158b9ddb155a798c68d1303d83c1882cfd7021719c6f3fd2527ea812bf43bbbf0cb05083a650d5d62b661da85d0e18d900c5013d188232151ee4c28d480f34e375a7e09eee186876bee96fef1fdb9ceaa9447057053aaaef28be00063730db969a7561e329a747957ee439a0cbf33bb6fbeb1bbfcb72313e910f23ff21ca0c8fff44dfdb4e7b16ff7a9eca27b0b9f2c150d7fe3334c82f8a554eadce2db238f3ed062b0ec24f9f7a86b48c73c42f64e7ea2b767cd87b54a8ec179ed852d58fdcac05c6134c3ea93f2a1532683856f9cf2a9068cd49ee4b3ea63a024ec887b0acd17c5eec2e06f3d348d8d62d3a0971a8c58cbafaa8c92d48fefc200eb3a299c7e3f9b6c9b35ff5f8f98d82e2ad722bb74cf41c1452bf407d7ff3e3d34ecc2c914d7c99245c801e6ca2141cc2f39767e35131b6154c59b04b3324846ffa61bd4df33c12d9e44a1d7ffa0cf9fba2f38205a573dc6a6f7bb38f6870ca474f60551fdb2f977cda21d268aad02c6cb0ac6c6a6b5001e3cfae62fa6f937d0ba1853a92aea34eb4de55ca58f6ce7ad71233a06ad9ad0c12e39b0cec4135ae75e1683d06d5ab20906c25db51fac518ed667d33ea00cdc96d9c5f0149fb150c8f7962ff5dc7217f8d06fde1de3b31edac44a68e018c352a54c70af3dfc2c7c1732cdb76a2cbaf77bf21894b30dc57c089678f5556e9ffcbcd8f00c4649a77dc01301c8c0f8435da79bf0de6f377626ce990bfe20ef48862c383a46733175436505730b8309a03f4f4eb5e2b90ca12a4bec2f36e62800927e313ca868a33f874f19d6a7f3fb272fec4b0df3559623af600c49be874f07a772745416a93742b2b28915b5f55a42908450d11a51a63b51fd88b9385a5ac9266822fd978e68a5ca289c4107ca3d3ca843d0b28b3d90299232a4f16d107d4437fb3379987d95d28c9cde88b99b3bd8bebb294eeea29545c20cd274e7fd0235904a86b44312bb1b4b39d067b7910ba95a21331266256ad95e80b1930008f9cb3a4b498b28f88ecea4c8fa962ac1376c181cfbaec4b2a713d0a923b95b1ae1320a11779d616ef0cc39a88a7de8b69615a0a92cd19c058270c1e900ac1d25eb5833df1cab152431d022cce0932cc35311e81010b82afb8162b1a4184aab1a177c5e937373591f49b6acd5150c2ac0f837447c9209978acd1bc4eeed1dbaa570bc0b0b930f3ba26d733f542dd8894e582d0f798b66cfd4d9f91900c4808de01ffd42e91591b9a2afa155be11a4091eed3169e0eac2159731dc7e8cddeab995ff1be461db373ad76f81bf7a19d0e5d337db77639b6e8c97bb1489cd2cc301eff5336482212cad133fe761ca8fb6c9afaa386dbae39710bf479352e51c87c52c2f66b7fd90c9f649fb368c714cb1fa93ede4bc9eb3b32c4a556712a0c94b373a7cfab551b7dce556e9b4f18622d73c19cce1ba7ef18d71719363399033bb4300270fb06bb2d437a9adf06270cee5e05633da0644538d89d454f290dadb7799379dff4fb2705580ef8239442a65a12dff3f0f15c9f605e3bcf9a7c683f6f26bbe2cb39fb532b281d976530265e0254525a28c52f8382f479cabddc11d0667a484f2b2b4d487123cc498829acd9078c7533b3752d4a3df2a12f34fc34aea1f000993123e912d2c11a40c4e4105ffbd65021c67204fe79849529209a132aa55512fcb8d8c05cf191445af045a9feb0e80f827ca6b0e0760e93f635c7a4eb4487cdcefa584d70784379c4dfd390cfb211f1514311369c200c5d866a9d55605c75fcbd7b6d358d780ee4f918df8858567e19a6ff37e0bd1a43f18da9cd8d51c65ae50b599dfb2456a06de112f83015451083eb5051909024f2dd8658fb4e8f0c32de23805d61f94fbef1d801b5c90034b822b746683778e82780de32ecef4dbe1aeb72e2ab93922442e964a3b7dfedfcfa059e9ec569758528d3ec2a61d1fbddec9ba63282f2af342ce2b1d3e8a2347d6f6d189434df45cdcc388ab8cb1ccdb3a05185a32587c92db1c6b7b3793d1549c5f7f2e697dcc54c15569304583229498763891f6945084f4ca109058c66744ab3260407b38e261321afd5b3fe139d15a12e545dd6fa3f797f0be124460ea6191f23de991bd18196081ef4bf8644d5f96096204f2053d0f69923efb30691ec81714586259b2098f5953f0c470d07a402b409775d0d5a0470937d56a7058c3905a9e94f1f80a78fb05238657562e476376561a7bb9ed3f83c79565cdd5ff3908514cc8e7ef59764aab5259cd87a475313b0e5f2a33d471fc44954726af3e3373c137c524c698c6928ddf6f8eea59af70aa6a2b42a994ad76e2aeec5e63490d9e97f9d5b849adc9d62e6e092faedb6ba1ae0a496938eaf5b3dedfd83e486e82e981f577262d1f47d1a6f42bd6e96d71491cbc03444a6251dd94d2aa6a83ac8fa491237ef2a467a5f1a69a9dabd00971eafd78fd01d9f2bd0ae4e21c930d690a905e36a535f6ab9a7f3908646bc1e7f8df5449452a2b2ac0b5cebd6adcf6df279bd65cb766f1903e0a0b4224dec6f19275eee349e712f99d6a7712bb6a899e91efe5af200c34a18b7cea8c63f2daec25c2a2ff30c3c1b4df643a430fa707251cee9d40b0317fb27e16002f0f33cf0fda44b8294e872241d7707636ff6d75744a4b0789a59d4881ba9d1c944c76c764914b2f4250a3a058d383f1143825f5c27eca9ed9513fd1c2916fb9a99bf334809134c00f3ee

Article navigation link links are powered by our Article Navigation extension and can be added to the Article page using the Article navigation setting in the Article page elements setting group. The previous and next titles, which some patterns display, are also configurable through the Previous article navigation title and Next article navigation title settings, respectively.

On the Article page

Select an article navigation style other than None in theme settings to have the article navigation links appear on the Article page.

To replace the default layout, copy-and-paste the code of your selected pattern into the bottom of the footer.hbs template.

Related patterns

Breadcrumbs

Breadcrumbs

6 patterns

Pagination

Pagination

2 patterns