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
227182f25fa5d8eec192c6d97ab1f7ae02a9f8af60634c3402ffac4d731ec43431e7b9961d3f64812293e3eb0961ebf988fc273e07af7ccffc8ff5b16d75ae0030afc170236e0bcc48f50e2d6654c3df6464f667a2b8f1da048b30e41a3b454ee19f5bc118334208546071c8f642e3eeb22ec13bc146c81be586ae91f36e59d06b869160407c761da368ba480a006727f60ddbd0df5a2b291f0c8b112521b28c56a84af8ce651eaea227d8dccfd9d05c965b6080fbdc01ffce81827786e92d7486314f8655c133d408a33370cabb8a70483059b0ed90e856930aafc285d993e1b2e19ccf34f8cb585ff253c0b01344276f07386bca5e6c5ab295a0f08fcc183dfcf15f6e613779f0a8d13aa113e5278d835f987b08d20b9f39c894bbd5031cce8377d9d8fb7cd7f76ebff3eefebffb00ae74eda1b87053c2063b86c0c26811684d86e1a0a9a5ea347620e37747ac1338e58594e405f7248e3c19194ffd318315d3f186c3962d0cf40d0a39ce490e332b02266e5d504cc5648b443221d6899df8e38a0e7588e98a401ca57adc64a053cf255f092eed71009aae6a3b136a89acdd4d6a8336bb7c8401e0aad3a35bbcbdbee8a1f7ed3ce22479cee54d60c35a5ecf117ed26092b895374a1d77f4dffb3940a7b56e4ca23bc680f728f0a6311ebfd27fd6109cf3261feb87ae5ca232854d218b23f6965f6cec79fb03b41ed779b1ed672604e413931d73e75e86de77b6559526433416da512d0459341cccdd0b180d476d60ceb00f01b304edfae723c9b0c15c02ee9bca745452fd62b01bf7d3f149663997b16dd6d6ea2abe8f6635bc3694494eda189b610bb85f67bddcbc150876b9190696885e993b8fb8f8d8cf944ea7231bffebbbfbf21146c16dcf9311457ea92fe33c09214f0b2ebc095cc566f99f2c8ce87be6f5b6c2ceda346f6338a492aced4831586cc7abfae0e85026bd48e66d2b6878c787b11721e35eeaff4c967661c8728faea5a0e053bc25d8055486a64addeee6fdacd59060c3a4911823bb19c913c498f800232cce410b47f84f4b960dc4e7d1fd8f00c5266234571334212a4979638991a54d2740b82463b0b7665385d56e045fc42c6485ffdfecb0141d425c48d08113ac1487c75552f58a19c95d02fcdcb6b3b867573fc8b2e78ad91122370c29bed14a86ba37e338544df4142bfb534a6c567c46cb2371fde27b919df6b62cb4b0c2974bb97685c8f6b122cc9bb64412ceb2329c406a923e188ad4d621e875d02e52153f9e72fbeffc1587654e9d3e1dd43b3ba626924c585b618d20ba092cdbbf30d6189fab87b199e34548b129d329670c77c167df3a1ef3ebfca0b64ed284f273677655dcf16984605775aef27bbb8002fa6c9e10b24dab528a8841646079927859c66c4177d16db89160e61eea61e9dc8c7a038455223f7d62536893626f6a4c25db834b5f2c8d8ba1c4b24de0aa9398cdd1f77deade161380689dc85dd08ee95ca43ca90bc217fac79d5c867aa8f553b26c6a20340ba1e776fb034cf332f58c46be8b141d7980f891e011a2e749db30bee5801977ee3f8c96abac4f0e5288d0697969e4659fe6ae59b7deaf528756a5d927d4c18c1c299f85ee3ef2063ef56fb14a2c423e0b74aa35d7ad330d92bb4369b5e697fa17b88152ecda7697fc004f1d90ea7d61d42d65de9ff2852a4462f13c1b23654474ff0f0cbef8becc7f8656911b27d727432a2c359215bfcc54f62a98d66bc9c14b00ab25d2ede160255c5ca8f6373f53889057c32dd224879e89aab97f3b44482fb980591b9e1ec828f76ba837479119b8bcd9fcaab3199ae3c956d5365e6fff8ea1298813b3007cf04d47a077abb9b76fe6d96878cbed9ce110f69aee69900f321e0682d71a8b2f6215895d2b10b984dc163c8b57bb263b81ef13843f683a1e3bdbba8c47bdbcd9aa125ea9ff715a5e71849bacec089fc4f39524babc2f1f4f955f1e68a69721e244a08dabdf4e89f9701b25aae10a237118371eb70c3aa0804b7f8e0b0a21f215b14752335eaf3927dc7406422862a0f3f9021975e0006c35a51ad576ff5254bf01386dc8670fb541dddae712cb13f0a779b8795148b2e755df9b011302d58996b1f522e59d2d8d20193fdac39ee4a1c51a4e07e3cc824ba52f0b8cb1146e3438dbc36aaf7a61ab6858d8ce27a42ce1708a80a5d6d95392bd58c179742c5109fffe354a853226c4abfdeb8341c8dbb9ecf7b1dffbd0d13d22dba96ad0d69f
Bordered navigation links
View code
0a6ce1640cdc550617d963279fd562c749667be767fb72692554077ba1f247a61b547aa61e7739b3ee5a5e05065b86123b3df87a5fe6dfecb0f3b3e7a4234a6c62d4838934114cb6ba22b0333ea250961fb55fa10fca7edc63143c29ef0c90412c8ee14567c83c0cede37a84ddfe14fb17af19216e406cea3925f271483894add7075f6a0a0961f910ca16cf48294b10328dce2c9c3758fa04f31a5353e4d2fb5e2eb888e3c5ea9ca59230915cd6f1270e7dc9d53a1188e259e4c565e5bf808f694895cbc27eca40c120676942d04fc27d43716840cbc6a56c63689681a3646f19173f26625be91fc56e33ae6e10b590790d8cb580c830622c8a6edeb978d12082e773d12cd7b3ad4770cfeea093e3a90015832887808cb6b395d64a180e98ae7f2541180ada350726102b28df437259566bc160b3c6dc99d460c42df5efc63e1e4d6b2414dd66511f875f368c0c3e9f84ace358e61e5cb2224494f931e3e4471538f4a4beed20f8cbda7d67dc25c8b6906e91a3266a2fa8c44f28d1108b8e9af0f73530fa7d29a2646be4573a0e524fd4ae7b85fd481c253e38f1aea361f9ea0c83007e6bb41349e41c3215416b26c3cd1fcc39365361dfa65c70c342dda1dc7e69f01d2431ebb76e1174fd026570327cf9d8655615dc4357a9610415563a4549c1072d4036502e94954266160217586b776f7cdb6441d49b3b2389c1d71083cbdb11fd765b7c17a2dd2afe45f348c0fdd327f91f6928e4f956bceba1954171262e920018c1755a414d6056eae33bb98337118c9a13d201b7f3b029d368913ef5f960643961a2fcb6a303b5021c89e0ead9d1563260ab463d0d016dacb42155c06c6bce0db2789be1c996ecf154fb0ce59d275ab8f936f141aeb974d6f5d6d05caf80107e770c6e7b2ac99b8074f00fcf9648e643d8cd6e041c10fb362d1051f5c51de9f285a1f8b7a2ce8b027dbd99b8802ed61694ce4bf6ecb12347fe1f3681779e333f6ddefd0741c51f668b1369f6b0144c3e1a79ef763bceb2b12009ec5b33990be1e6390cfdb4fbcada3de8fa4de15c58e075a526dfac216a25c3385857cb95970dc2b0f9821a3402131850cb1959ac112ac04d9ebf6514bf0337daa226080a6ed16a08d1d2e78c51cf9eef0ff7aada621e89b7e34e6288471ac98615be3e10287462f691a0b6079f59b8a8867450ea0f6b9febed31793c92d76c8988631d3e144664361ea04415781c8630bc1fd74f87ad221489f7b1720440e1a6b79275b99064e793b267f235223f7d898b9bb9b0f45f9d45829932436547d203523ebf9443973f3e72a49f441ca850558fc0cc54eb22a3a62d5a6ddd23c879ea204a3bb39a45421f187ae7a115e12c9ad4552f6dfb68dfee176b1477c37457104a7934f8dab481209bd25f2126b936d3e808511d860d015fbf456640c5d2f11eadec758e46021e51af81e9ade92b01f8d4c088196fd2715b50299db5d882ffb2167c2b0d4f939c815646f2441151b3561d0b0306b3709c4b9397cbc01e7c6fb7a85fa65362c943b01d7d00423c8e6e5c05a3270af63b758450e7b2214ea97affd4f820b94e9f24d17ca9b5e78c5149df27765f3e12c489e79fb329770098ec9f94c456b8dced35c1f75a3bc3da008daa0fdb8ce8565bc505dc3da3bd10aaba0d88ad1270363ac04a8ae0a4e7f365dc43c5a569c318643bffa2391a21bd19c46935902cd5cb26c4d662eb03f128db67793e2639f6031ec0f88508b7641b43b3c9d5943534f2a6bf11d2511e0040e47d9aaf908e77f4a3ae3cf73d6f9782915c453732242a84545e74308d8554b09e9b5248290327f1a2a78cb96f01b8c3950530e5b3fd8a57aba97577100cf09b2ed0f811bd5a67c494daef981ef351dac8499c589386c7f3ce0f44ea84d7489b478d60ebc570a05a60d41cb085a18fe080ec39d9467559b63a4a2b87e9f1f5dd575f49efe4c674529adbf67428786c24686ce0dddd59b9fc608314f5d04becef318e3c37a065405ecf20ba62a6568aa95221fba4689306cdf3eaec95276cd8df1d8a9ca600dad1c217fe628f6ddfee4f5b8ae332c4a088703f8857119bdb5ce1b764ca8f68002493e9162995d26da593bc749495daba7fb0fa1808a8968189224632d068cf3b116e4f31b292c35175a02dd064512a2c404d8cf86760ce0c3fd724eaa5a1cd6784c7eb19bad4f45d67a62cb6e746befe12d63833bd96497e43a5fd7a8660f2dd45b123f82ba68a3c7a6cf51c83bfa0e77b90cff9a53587dd467f0c51c7bd5977751ac872936e310a328d2603de80a3968b64294f07fc925e5706becf191ed21b3479e51476ada60f173a05f0b1a980a1e6612a65cdb11bb01505856a1667ecf0af5af2fb97916688caf1fbf9fb96bf5862d9ef4b17b54531a0892055d0cf93306b13eec86bc2003322094cef7f28ecd3adf9de1d41c8d137cecb4c48e10540a9eded298765fa9a1f2f272cb18ec9145f403a53f3a576a8cf5365d78fab17ad63cfd5f05c70620c94a334f6bde329bf5a8acbf5be0bf6575320422985102668abf46c4bf3f4102c85c2aa2c03482506b8ac031700cf27ebc54bd3afd3a76c16c0d41e3ae54c59e97246d59a3342a94c631fd64296b54e53fea3ad5ed12023efe03b46757d1347a6410cb739ca520e3d196793e0369131f4a3f86be4671d5ef41356dffe64ff1ac4ae5d77779c39eaf1d8ab0f9931ad70b8f847a0e815d975
Button navigation links
View code
23b81abe3751a69a01a9e8fa2886488211256ab1f9fdba6e85ca822d4af9b1bb254c2588cc5631befcbc9ace4adb531076e60a0d8d5d6344a908cda182df94ed84db035d79a40fb238404b46265f8a472afe2bd37f445edf3efa68ddd4bce54d97352f9416f2821435de28be91cc47dee4e81d2392fda1ed9c0ddadc5cb6d021d62b95108549e167df50bf0f937181bc28a61b4b2625d654a604467ee34d17d362620516f3b47aad6f02cb1e53bcd2fa02f61d98ff5d356baa461a2edc8e96b916f5d71c2efe79c2636ed5e5036914d1e22e7de3cbd4b10aaaaa61207d2432dfe98d292e7d1c95015592b77f7ed414e271c34488c87e122fe0d3b2451f5d3adebddf42a6c76bcf637c0e5176d99a6ed2b3dc96f4d2d1a6b879002324d23fd191b5c95e95221248dac09ad78fbf50a75f866bf67badf5b4bd97c1a2e662bffbe1ef469e78bfc43c2f476f7028cc76d1e30dbd6d54418dd527ab4418940ad6b0854bcc99336f224e259c1d2d977242d89e68d7778c58505d050af286fe7e5553c6b9ad6c9e7d347993bf6368d7edb47390cf4a5e0b69605da0b4e72484c0a5c7de8f8f82e67364ed2badfdb8c9785660f1915010907fa2500e8020508f3ae73841ef40a07df14e2b701693534b6f5228c95696848f51e5e4864eac88f9f6cbc7c0a12183c6083166e5427ce730d0ff00a122bc60b7607284c421d7e38580a76188d27bfe684ebfb035cba6e2a0d3207584dc4426257fb5083aca72112f093d68b05ce590961a5c94ca6987d2cc074781d5b01e7c7fa608aecd72063d7d8ffd62bb71354429b344a06a21117ded3c519a5c4fe780c9796938ba2f5cd6d4533ec9fb88a277e7a56e60b5c95b639b58ad3e3eb0e42fbb5d97899ac82de9af6cbbc5cb7c7141ce5b21e2d045a6ef4d9c8a511786cc70e1331401bad168df86838c8a4099c480341adad5a985da4c34ce66605545d288dbc2a54c16062b7ce6198300bbbfd4810224db7f7e4cea633a554bd262d1211a14676bdcadf3ba4b6509c6a5f8054c462fdc2491da7bb5f76d01be1ba09176f4a1cfd60b04ad0baa34dbfded6b8c5a5a54fda4aa9e660a27fe8724c4435a9a31e1a3cee2f68c879e6a8225596ada9dac4d4d376017dd241cad70fe4397c2ead4ffffa31a36f0a562c43c3253ca84ca1d970bcf25dae2da73eb028a54e0217cf0940a5476eed1b1c21e8b50d300dd8ec3b06b8a0d0373153e2e4d92a541036a1b4462d2f8dd59618f60c1e56c788d1af06759ca7c49c1d06b98a53f869219d2927dd242fb70a13bf655fc6843ba975af30bfed3d9610c1b1513366e145f7cf591afa442d11c0043cf774672fd89e539145627ff38031807ce7e4069f61978c07d49357fcaf67875aa974c66bf152d134b3344194ee22d41972f5d0c1d7f32e7856d15e722a7a9094579348ed29404beb77d6beb119c0de2ad0062d59123794678d7fdfc9de58f3f5ae75f421b4bbd2d73fc8b3e48a39009e69abe86620d6d759097fef37a957bf9a7e0e936829902cf8c2bfd567f27e75e6a61e5979de196143c4083509731cb76a347220feafe1389d9c1900f68e28537c7512dbf2f614a6cdebbe14ad42c3f2060bea76485796b47b1da02c7a6b154d60c7f2dd6d9e096fa7335c8b3ce4b45528bb0aa87d6a530e259e6623fe0d2695aca94ed12f9d694c632ee99a0eb51a9ce164ff768eb58524e570eea8b153312a61df271029f7d294464aa0bcbf38879fd632262c7efbd20a20f41a95f9bc68be2bd7a07f85e500f31e5b45fdd1f484e1fd6c422fe9c2761cbca23041460099b74d1b3f246bae8747229c4ac799ffc6fecc17143d7aa6bf6234e28e8937c133d7be1319a02e702a857826ba2e5983df9460ea5b124114648adf289817c26fad89b9c22d1a480af5e163f13e4389d11c9e2e59f8367d41ad2ec8d9e914083238261adf38e337ebfa87cc94be94467b6a47fcd2e128cf51d9a2b1f10a39a80e4a2781c9a83f8bd1bd61874146455c74b1ad15f8383c216d72599c4ab5d77dcfcaa3270da50d1a6e2ff255d30d66e70733009f95d2531be9e8d7b6b85a43b3672e532f065ecc6bd8c702cf45140dd69f003eb8c774e8c54ec2765851ae500e9eff0a0c793edfbf9c7766a057e7de57176af7496f3200f8df2c57b67c9d84d6465c4409d5e013b5f86b4b1745f2fff807815acc0f05d1bbe80f3bb32ac6f0452c83bc49cf4cdf5960d3b474f09623bbee6be72211688e96ab7fe7683be18dc6f12d30eee16d1159b6e2dda57e73ef780ba836fcf953483efb1c0371a5e908262490663deb67d2a95c3ec003df7405c95505b972f9f308f92172352a662b06e258d9cd8768675c0025db1f71482ee43eaeea3b61541a1aec7a0cd33b7aaf7701626652fd71705a1db7283b465db2792330fe4ecbe33aa621c3fc574c41714f5cc935ed91f1216815c56f4f8a9670b404e91c17fa5f497ff71bc7b013cb67f06026a0d7a54eb1f2ae798de878b3f9ac29d5530d4fddc4e08a583ab7af280221429def2c803e5615a6e3f8bc580272076e0a62b1ca693935fc2c1c789c31539bc9e179e2e258ac963974372cf3d4c13d2e1307ecc39da34af6c15a1b07f295f3b5f07b680a99a4c5232bbed7ec3940ce94e2ba358faafd31f3349210d24279b696cbaed44656a452440af203a6b93c8b747abd8dcf9435dd05ee05dea55ff076cf93a2c62a8d722af13f43cd8393f38562f2ad0e6cf3370fa1eb430fd776fd06d61ddba9cb99cfea306657aac50e7fecc728d71d2399b61e9f0d6bdae88966f146b42cb5e183f93a40e66f19a75597676776e1ad1357b629e3de84b3039e6b14ea48eedb72213d6a36a5290e01bc5157a66cc4c0ce4acfc89230ef1c32bd4328b5c234fab8c92f9d16b78cfca7b84394a8f3ca293b8c165479f8f611e82a9131e3b825dae159e60cfbb19

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
68f20c632b579b851d654a3e8746b94eaa090be66c0eeb0a6ef83d6844726000f2391e4e35788c64f9bcaa7c2a06fd5c45c94525b11dad6f6cbe0ea0740ca7e940fdd6b489bb1748c491762e54a1ab80c3f349626dd788abb3327b254f5a2f133bfe6944a9cbd5c4a74145dba2c913323ba359a83594676e7cc82f6ce8accb62f2e7d364b1c31e8084fa3197812b3903e82f1e2ae767419fcff4a6ad61eee44dce975245e380c0959bb1ddc58ede200b2fabcc54eccc1b29b635f0d3db7d62bb934f398366ee1e757931d5a3503d942ef789d5a452094ef0ac894ad7ccc81330fd2ba9c9efcb8abba7ede3aba576f5d549201b320c933f03de9d8f2f7d3d563f422f033a3a727964da71d3a8bf28851e9ce836398a766767f5d25f52c865cb96882437501d055db08cc374a87f2bfa87545665fe743bc8d82c0d332aebe693387b5e5d183052f1d25ba0b2c5655229a62c4cf08b8bd45159ae7bd73e0287405e391735bbf9cb37d2e24d372e52a48f456c0f79d1f29f6cd613621a7dcc6f16e4439f0f2d3cfb8a4d5e5bbfd92e99c227ac6e54fb609d20beee4fdc698d8fa14eafce67b131ff1074c2b456a711a8d861584cb3192b4e8579ac851508f5c3a7ca482ed036de8808c4236e65201494a7509b35301b0318b877bf32653992e0f7f4c615819b8554b43bf72ecf68026d8c114ccb96731a5f039fba79f47f261e4ca531344942332a0654b704f2f9035de5f433099195e1d423b740fcb0c2865911f0aeafe9321764cdb3dd7c2b9daeb05eff03b60ad0e30aebf04c5f94711047691d5894c208315eda5396842a264b388a09e668c8427b03c79902ca7a9defaec41cb88e4daeca0bf578dc5633b36e4599a5bbc3beb654735d1293895892293411bfa805aab14ff54e995e62854fd1bcac0ab62a987cd7ae23675d998eb036402cbc6913af55e585a8483717707a3f76b894f494cef93c4c9a6b084239116d211f8fbb6d1cd50febdde46721b00c14a9607f3644062f083a7383b82cc2c4d54fad2c7a0c4b41348539247f384d14a516856e412a4381f59394cd8c893bc212411ca1e61dcaea74a3532dc4cca74f5fa8938a9b052840f8f8bb9c4b0443e76255bd7de84a11e46d57fb136f6524087dd552e7a2d699776f0e0b08a81412bf041e327be71038c9502a22e1e0b137369c080f091b3d307650e99bd45f0723beec14a471d2afd3bdd9af1e96c72464d7791ff476a9f2dcd51b6ad35b637c0068479ca1c5192137f199b068e3e4b82f6d6e5e6b95c2e414a367c8b934a5c0e167bc42ae3ba0fd8cdacfa4baad1d4f6a47da8c1cf0b3d2cd71addb07712e0d2e5c9070ef32

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
92637639c2c208b98fe5550c11bf4580f23d2391ef8a16a8db1040a579732207dec2cb63c0fa769117dd9f5d3fd8518c53b470d7ed6ebc591a0d0384698974f87a65d9a3d77f1d3200f8bd433f52dec60863c52323561544a5289934df05eb052c2ac500eafba9e62a95d688cb13e208ff1a0193756e19508482e574e9d87ae672983ead42295441932ef05558071fa865f0a55557f61cbe71048f3c6045e53dd97a61dd188dbff912ee66d1032cb96fcd45bb082d651e626dc53342dd015edb9fd4e73cbb0c0c7be73541dd13751bf1703b765f036233aea55c8918f741566fb08ec9048fbc24f7bae86b5773675d7d9b766f16823c737a81ced599db4be0d6128ab7bd47cc771634b81c40a69ef77b93b3d2f70637ffb99ebc58f6aa0c32641a19a0d8d9ba748b80bf4efe5538397c5d85f6b56c85859ba0870f5751a2aebdf9c511142db4241cc83ecc52c02f0ef471717e6cf410fbed004374b454181ea444953dbbcc6f251bfeb13429a6926a01ba2d6dfab5139ad4600f0f144ff2b5b06139301a2ae4767ffe9a0b5c0a596cfb3173b0ebd0ce762c265277659bff3f3f0afafc5c8eaf96711fc7e46a9bffc8bf18034079285b5c999c426ec81934362d3d536f0f736bfc73a170090e6c731be6e0e13a70806263d73882f3cc8358ce34de34a79539dd863422bc45a1ce60c5b36e794a6182d3f09ec98a849fd25cd73735c59b729129ba6d10593555a63e239aefbaefb9046e05992c9c6681661a1329376a329fc62abefc1749e83b40a62bcbfbdb8b46fdb4af3326e9b5b01b1cb0c39a87144e86a2eb6176ab5a63eaad101a85b089371b6c27d16bbf77574b70e81b59f138e99662a209cfee0328e819a60956e3b5bbbf2bfe02549458bc1985464c5e2b5ebc88c047e9ece66237c930b7806cc8115b3e1cea732cd8266d46f813cef2b4e7c93da744ad8a94d50f27b86fa7b5b013bd9028a76bcafdfc19e8463de8977a157639fa8e228548d5b4dc3d0038450bc4f4c515d234c3760f3f5e74aa1de47ceb12289e66df2aadea5fffd27f40fc3e2ad60764ed9bc4297fdfbbb823d1a123bcdccf56cbe0a459c033ba3677c62cb71e6f2400705510944bd774f0038c8cc0d0df6f6a2884a624c4046d6b1d081a2cbfc1fb6a1e2dfac21366f8111e2b9426a7ba9e7bd5fdee384b6a8aeca2da093dc6b59e4a10f1f756333a8e211ee906f52e24d21a1539b37484a5d9cb575987146267febe01d8dffa49d555f65ad1a87313102ffb867c43ff572e68ee4ade50656cab9a914dfe44d37ba3e7eae10110dbb7b465d4316ac51f6beb72bec18c9d3f8fa64ca829b9799a154d1efb8b407fb9ea694011aa5cdf24aad027d205f34e2c820f7e5b99e8635bf7652a861a8200578795d0b40daa2ee9300194f79a7838187343428c9f8744e3d09d6418e1425f108e551bf3fece6635048d667061b4df52ad917ea2cf65c74d97f2b07fee8163929522adaf06caadced7a057ac52da218209d46cb3a528e0d7f5ac83f10963a450dcf9403c3137c966cbadadffd4602c617e69c7584598ef093856560056c9b4c18d73ba8f95978c4b67f63e5da86885729efe162225374648a6a05887a9da81095c32883b2a36a4fd25466275bc712a9d9e3cf0c354e8eb1f04d64419fc7678edd971645b0149b6d9d5fa8aa2862ceff5741a09a1e1b2376d866c9a5319ce4c4ddec2e2aab245b320cd70df058f0c48c3e080d93c9aa8b181e6d4cd944ce646f98318020d1043d27b8302a53ae0dbb7249b61297088faaeedcae0b94fbf600d81a179da2d22e10b4f825eb0ad509d5c4ef2b15752180e5d74bc4a95c4ec916382999989a471e93cb81ccf094926a978034e2b2a774ef8d032b537aa30eeed5bafddbe2c0b0f3734d00df2fd14592c8adb5b315fe22db429e4385f1a1ea84d0b8588e88c97993fafe90662e9fe87e2972b7c77d1fe57f166b56643ec403897ccb1bfdeb5f6a67f9498fb2c0243978d25b9b335d764ce69185aaa556af31c834beeda4e60e0a755d30976880eb6ed6d8e8eb8a06f14076788c008d546e846ae659f08b15d17da336af3a794c19d9c5cf6bd202143e0ef93b2b336fa9375f3be5be24b160549503716e6ce982d0ffcf458eeb8ac186d100340ab8a1122a559f21b1dc82254d53566f5cadcf40d429732c190b8092816c2b621a537ee728d77528b516eb7d34db11458de2bec070d1ec1c138ab00224c467aae185b25e84bb324d309394655f4f06b1105f48d51054eabc913b3abac1eed65a1527f8a0c66b3946c0a639981106fadc26ec1072ed894a144667485e0837427a54b9d176666482eac7e09043e54073155599be6807aaeabe76c445f464a0b344ce1c7fef4c0b384601088ee09039fe665bb5503a2fef898f0a41265ad1131a3e5ff43c3f9028221b8aec555ffb91d4be66a350c0a7887c2448a20c2f828c5cb8e180eb0edff573cf7b3806dfea804810eaa8f182a6c1c68018cd06a12491fb956fd675f04f99022ec7a15ed4cab9693e30f205dd4060c9e61243a59f0bbb40541f4af800ad2c2f3ac589fe5c755b781e72fead1c73c45c83741c1fcce2073d624a2dfcadcc46ed84802263bca1a3169d056d9829fd671c9efce2d709deb6b1a18994ab7fbe81b6b2d983e4efb43345c1534d9779aae523105ba17f96deb4436af6f23d1a3d10dec0b7c4912190d212230789c37d3ce93d522e3508feac6e76b95e69ea0869aaef2616fa815f2c06354fcc6c009cde69b1d338cd94b869689dee24f5f1e3c71bb0942e026f86b2d7968c851098e3a05e69a76e9caaea4557ff0c397f519c5031a0780666770ad0e8461679707f004c22e51b0435e16807d20e6db3bc1c4852ba20197e38532795661c16ccec9885f22e86b9ac0565861ef8c64f284c014d6ebcaf829887385ac39e707e862023fbf8e2ae97fcac09d8c6891cd8d050664987ef271a3ef2473f4cb842716190557d2f6d668144f18e59ab8f99c68b24f6319655951f8cc7f8864fe6df171283babb0b10a752bfe837a403a6baa46a06d89f73d65d1936164b9b6cacc89e6e900bb4b9574d8cdf20f440b05854ede9e1e23586619b94c9ddb1ae92be6877e9130790f93178a561f09fcb2b92b08dc12a9cef78bd21397d13632f1d147ab6c7df5581a30b138e486e93f98b1dce09bc1b68f10f4364e449365328f54a4ccd51e4309daf2a73735f79467d33be4ca1a944301609f803ee957b549ec3cff071b4194e399946b5018df696d08bd7f5ef3ae543064317df236d82c734a0e606e442c1d495efe09ce4a702a2aab362fb73eb63573cfcbfbf16922f11876449ec67fc4348dc1c75e21918773a2fa40c0abdc952ab91bd1ba0d1df1d9ee19ccaf925104b48a08f91df1269e6c67297542ea93112d2d90fb744cfa2563b946e3c035145c82a0f05c59de06ac8835416170d266f5529566200d12ad6cf2ab41fbe8bf607f672035c70da8588506ed6917807f8c9bf343fbb730c0c14e548428515593af0dc9f8ec204acdd27b0270d5e218e966ebc762f68ad034d0fd679c91057a4c769ede6cff5c77f868bbde2099f3f54777a90fc5d60667f6e233c1ddd190244f97eccbd0ea74039f6852bbe2c37d92efc62a517de2b21c198cbfd55647e9d352779e9255bd21b0009345d1c7a2543e0be034675868fc3770879ffa4a0d8b7ea8a34e5d390ec1e5d0331e66d654b02ceb5bc32e070b1f0ad81634ac9dc1d1b2d6935753ce25824a1284dd7499c8c97544deea346a08bad85921b533e05ff065e24b5c0038cf5636c129783bccc62333fe95eb8424362280a9c4de0955079deae3c6848d73ad37fd39ddb3a360a8cda68cdeb98f95604328792dce201a877c2fd1b880fe8d2e9f981e0166e32dc865744e8eee3d6b7c2a68ca739df6f3924b8600372565651a09f80faa934ab8f788b4ee430fd457e0ef7374c9dcabb287a8f39070e21ee83bb4e66052442409f21e7bb0c282f8b25390f9ae1552eab578b23d8f2bdb359c5166e3a701b333099d6b1ce8d8d7b81badf88c1b26ec8326e7082683d1d611eab9ac4fcf1b9e0da2373d4d1095a91a6845badcda5de7a3b62014abe16e13aa0737a7e342f2c891391f97784dd9ab1567cfad88f66ba936b0dbefcb187a61d739e634c6d8ea252487a703d385c691ad44e4497708f8b1630d52ddafb1b99ea6e782e2e48e890ca8eaa3c44903d35b7f3d60ca5145f9f490693bfd825cabac7f5769388648c6a7b4e77d6a71c1a3b9116bdb0da3b7601aecaba7bed5121f0a8196280971fc08027bd90485e8c10253c9027c1330401326482a7daf6a92366d1fcb52878b3492f8458b189c12ab7f1b880935d5f65a3162e26bdabd4f911db13c2cd79accd1deab92e57d3c910aecd40c449fe879929c5ec3c2d3efc9c591f33dd193dbb4015c30cd55e155b8b8bcf90178c1fe68d6cf2d27fedfcbe1deffb731289bcbb2c1e31884fe05e1614e162476327dc158881d51807ff8a110b6082dadb908c30c57a4bf7d9ee0f5ccb430e283d9b78492126cc8fac7ccf996040d24a03e77813493a40cc836d60028b428decb453ebb2860cf84a36053c91219b3a0307e416740533515b931536aa143fc7c6264a6af039bab8025b4baedfc0b6edcc72d3adc57bd97e725b92132071130dce7502faf2e835170744113c5b376b4201a800f75ac33688524fd0b2857040cfa8b15249f2d2b22d253b89c1189942abb4040d1ec471b2774f86df327119789e0d87d2b9d182095da0bd0880fa25da1fe1727a4c24f2a7e5da7988e01540231934670afe849077f410ca7fbc3cb06cf089eb585455c41cf79a4c046c43e185f7750b88c4c556ed5a75cfba658110052ffb3399caf0c5041cd4abd3a17e9552fd2cd6d2a82e8b7eaf5e51c88f32a53c24dac0c3e8e6eba5482b224630bd09a7635de339771f8e9ab5168fdc0cb9ad90939d3b3acbb921ad06a458e50a91acc6aa3de7cb2efeb2bdc640b8d1218b952b4a4017deb4bf4fa759025cd7aeee35f616f3d6bb819da7dc6b49b6cf2d553be6160d01f135283fd9fdaacd0ea68382cc65840225dbb4c0684e853138b1706fd5ba392883449b8a6b0b7e903092cd2a47075a7640a2c72b854ec9c7f9ac5f4dab4d0cffbc79d0585ccfcd53efeae70bdec92b89f02ff524c
Next article preview and social links in columns
View code
a3b350655819affdefa1a569802062faa65d70fd5e5051671a86a4291db2e10f715443a8239edc98764c97d0838c8e96a8bc3b8903c7853e26125b85b27f1755afba0f9d2ac3da0d4dc77cc0b09f6cadfbfbadef308feebd7fe98de203a15f658b739a3cf8daf58865b54f1e3ffa6898b03b289f5b3c4f8f471bf96000f0c5969b347dc5397c27f1ad2d5bde33b7e8ad042350d2bb66cd566098fd5cedf96b3047d4d82df2a93cd663e229033edc0796902d711fbbd9b0bc194a8a360c2a89df5603cd6fb2674d2d712b2a1970b681521df640b2ab837d38ac8a29c261dee21f8def741e7a01e47cf89a3dae095768b12cd670aa52f86a3083b64ed66677a89d9c0c5d8b9d4b845283c20bb5863fcaee9c274cc99b4f0a5a02b40030b04bf6eb6f436370f56329380d4001e13e6c2b965d93b6284029e40769d5a5f8d8795860f3221ec19995919401408b3d1c05829816c6d61411300205fd3b4fb0594c4c26557ae438582c3ce7b5c008f157e3fcf48233fbfe5931253210ea692fd7dd74c909e47d6d203228ec675575dde93cbe46ac65a98eafed5a8ec61f2c4e3c101c4ee7890694454d3652c38cd4a589913083c38267a229a746441fbb4ff83021f6f356668802c42b53e625815147d21bc00949d2669d982c674f5bda7424392f29049051a93422af1c54f2fe9cac72bcc0ddc9e587ff0f479afa5aa4fd76f860f808e0ab9d4895520d6d8e7d9e320cb0d9ad134f758533a458412c7be104a12ed4ab82731fc28ba2ebf8b5ac7fa271398600bf1612c2e2e38a848d5ef02aee35824c7cbdcde02624e762ddb747dccc9e9def3031f3eb43b55d52e20f1fa4ef3ffbff7f0f76cac72c43b439e48eb7b2a579656289a230785d87d8a0eab18cc9c6789d42d0c960a78a10d11451a2047e09417d47ae6a448191b2806c4636f1216a362a66c631a5b09b515263dae2024b10a6232ff6289bef83c35027d1159ad5d39980035e624c801935346d7303cacffb6d94c3ed698ea2311be8f2b3bf355005901608c4fbed2149bcf6f8d220c3c330e917812776681bf1eb8d8ceb3db90a6d6984e38f21c0cd73c94e7c1caf9c2558ee1d4a6363e97b7e660bd378828f202914691195e4a8b7ba2297b1f43b9238d564da997a427d91bfa9fe2377fe3714c8d2cb1e449264819ffc5f911f875c303c766d22d20a4964032ce959540c8f8930574278fed283c632cd336cb5f6f9845b49e5af7fb056e916151dd37d31098a8380f894296b18ad58d72a2f32c3f3530a5d6b81e39f1dae334b67af2849f48dd539e58a9e344195c16d0e80f7f7b95a171b3c01c0a0dce0d95516aeff184fb727a13c97cd48c41f112efb33226ec362888ef229b0858cf5abfe55688d3cb5b2bca53b8256823f68822e0c3ba3a3acec7b6462e2e08688c9330543dd6c6e960c83c8d2e447ef88ae39f8a95bb75e8b79f64b597646542bf1242abd351df0d547c8b6b505dab3b452789f15dd70190ad8a642a91e36c86bd8545acde6402104be91214331a84412455d882cc0d88989d01070d19695d7530dd33fec5ef018c8780dfc910bdc48438e20e7a2220536bdf72cb7ceaae7af45bf0ebdd5c6d64274b4d37d1da5d01a7f3bac1d2b935028b8cd0b0a0db0ac65daa56e0f82b036c528472492db962daa100e01ec3851baf9ea50e1a4b3da96a73c0cba90103af94c88876b511655a5976e5e90e8d77a2fdac247588a57aabee977a6c84dbbef01cf907e39e8841797c465a64cb1b253af226d7d25785633bb043974f7a116a4b8609479760cf2b3d805ddba69304093804d560884b04d53969dee7164e2bbada166ac5e5f45d468d689a7d111cba6fb165a74ff7691273e83fccf2f5884b624bd04c5b7f6637a95fe104c4528a199a05a21496c5c74e75a88fbdc38b9af517918866bce0dacd5ab99cc9af7ce9630b317ee20875b5c7522aa9a0996090337ecde7e28d7a6991f39cac2aeadba93effc69445c12574d1d1955880b0af27638b0b12a2b3ab1c7be9cbfabb98329072e5d3ed7a28a11723312eadd21f2ac0d04680b4cfaee4f670321c870004b2a3083bf69f883d5341581315001a5d86aec9e689776beb22d6fae31fec010b7e8316900cd7cad741d1785470710cf652efd2bb659e5d695b53f1a41430b75a70b401306286a03d724c6d59445b712b5e48bb9bee1a246eaa8430af03ac4b9e20af816feb3bce0082ed9c4dc9ed3117765e999cf818264f15fd1ae3c99b5ce95725642f39058d945d094167914f35ec207c9d3e0821e57e4bbe27bf850c892098648cc5dda134f1ed929ada9111a745c22f36644f832041a24d4c6f5f081e11ca76aa5faf26dec844657b19b6281178d9cf09681b4b28a36587841ed3073737ff7b76615dba6b51a600c79ddb177ced80a4f2320f2090946341c0f196591c5ffc6066b4b9ada39e993131269c60aed2b7b7e176ec12066211eba5bd35d52eaf1a5ae7bfde313120cb256f0ce56127d01aadfd82117c2eb3f61ad44895dbf38cc31801ee391a7c9f19270470d075e683a18fe1adc9dc97a0f36fb99ef519b12a368f381eedc20be8989f99abea5fb3ebad32f7e9f4c6289a70e575093317b16b21a31335a3bf5ad6b608d7002353af99dab6c2bb2371ca7462500cd3f1d223beb6a2bb8c7122fd911a0c867167f57e2d2fdb8bc682080338cb418b0f32593114b8065aa79803c90f454a7f4bc08352705935da9e7e234609758c864940708be8d153c75d45f5785900fd44f8e07a74f8e3f0ab8e0028704b36412e9b0c66ce293e29a58c27cab6f3b04ef83a4db6fca41e5e8298d2bd30432b51a5588c7a152f26cea3609d5b3b642e81067e0a21042dd167f418958206527f77b5c636e5c0e97877dcbcccf795eee7795b4573ad041ee3b4ccfd54db13786731793468251586e66818daa7c8de9bda2909b

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