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
6bdd9803926b856a90272adec8fe735d48a7606c20220dc2ef815291d7bae836ab4912a5e4ca246417961e2e42961ad23f1166558cc7f4a23e50e8a6f964f7a7281efaa2943aae06991027a9de18485d9633df71f3e6dea013169e2e9bd69841f8d4ebcf58480b3d07dc0b8ae61bab625ee23efd30e019927991f003f8caae4387ec66266e073baa0e3e57ee32ed8a8e89f12c421057b91b059be2249a120ff5140f3b0abdabc611d3d3445eb4334fc0b5da60c5d3a3da98f8e999538290956a6e6b3da7ddc60f5dbe15a03a03257beb948d599b350df9ca3dc065f85edd2876c3d8deaee61a3aa886562b801e8e99d8e1457d1090e47b4390eaef120bee939ebf46cb8f26b511814a8abe871057d4e1212f4f3a0c1673f9ca2a235fe4b204131a5efa8e385f4715d6c7ee85cf5464725fa52de1a37d349f0fd6fd01ad74ad8b6ad446d5eba800314cf30aeb532edb3bf569d804ed8132744983fcf4323e756b544fb66628c1158850f614a02728d425e96a7e0cdde55311303db79b3601374909a78b5e6472bd7e6588258ebac2438a81a68c1b4209f40503549939708818d7c996d5c48aa5e03e833563e58d151c1e66c589f5099a71955847135afefe1c11fa82b4e519664357d2a8e1d59eff6b4ab9e0c7691a2269f9f54ad75db5453d8296d0bc7633fa84fc4860e113ff7c8a1dc58eb96a8db6e2b6b6072b9fa0449de4c10fc107ad6f3c01a9c1a5a9169dbfb233dbd44b6055a8291dd2d545a96c169efbbdeb6739d08a3fe9a664f46a870410e8cb7449b7cdd0d6e549a496c8a5cce89daeac89b27a9701795915a55a309b1f6571092e87b02900b507f9e0f70bcbe7224131996c338c208db787a4d59583d85deb7b5578e3d80534d78763cae6c7a834566d7cb118fff8be24702cca8664070c2330aa23eaab6987677c97d023cbb9cad33ac448f8b89a789de0da24cdf6b9bbb055dd9b8d3db2b51532af906672f35ef4af7a88395329f7f33092fcb25902fc5798ae2826cc6dc30badbd0d1e38f48946e3cc92b916808a86ee953e5904db7d8df6edeb29cad90799b22dcf028c00a6e8966d40e120b547cdfe0c1de7b7ab95bf9710fd1c54ff3a517cd482daf125111283c8938f21967495892dfc455769655bd144633be499b016871297c4c4df2e22f16f18e8937ed7ce18641ea29ca38857a66a697db93ec242145fcef4ac35f0a06cad0d467e77462fdefa0057e9ab685d279f968da4bf9252e850453aff5ab93303ee66ae5529e15c3f20f84747b714f80ab3867e91907ae9f7acc0006665d2d6adc26109145b47a311d189fb14a2a156755f35e78642dfe64bd203e16330fbefafd81cecfdf5801daaa396b689a75eabc9c6d8cd2ecae7ebadbab2174e915108331f6fab3edf500f944c58ecb74886715be96d39c8d2fe9c7860444580b057ab716b7c0390283a56b2ce68865f9ab9fc26201626be894d684df2f51cb82163ddd21c2125c81ce2ffd9cfea895260af09216e7e8517d75a170411161ee28171d59da60259a656cf62f44101f9cc7afdceb895fc2b6f20e109d261135b19c3eddd8d353132882727d8128815d35ce844295206e9e0bf11e0f17f2dd1914f08af33884ee2dd75b11e918af33d053cc7284ac171ada5aa61e7d227ec73e25b8705ff33a64a50f24d065ee87bb57f219709833382638c719a23f083ff1857dea96c5200398fecea91ab316cb9d539bb41bf199d92541bfa25c3489135254c20f4b3a2769e08bb29c42688a415e76fc3f50bb80441e993364beb7c715af6f9f2a9ad68f02adf2c9855bebb084caa77aa779ace54ee05af667d3249da93d7b93be2565caf880b588a0062aad0713b5faadafc23468692b4ffc715740bb293a752f225438995ce9b26f8f1c1bc7c8706ba9759c18b3519946bc7e5564acd8c176f0991ee1229818199917535b745df8949d7727aca71b98a22ec7bb44ad45b458b581b23e3d3cff54031160ab984f5bc7243966bae997686b67b07a0c4f09a1e3a7c95b7a269bf9fca133d2cc7038713c6ef23b8029730e5a0d9f9aff303f9ee2d29234f584881d115ce2cce36c94909d3e91d931970dd606542d108c1a15d7a1a15bcd49981fcd96592894ca9ca8ff908ec633b08d4bf8e6b75b78df1d70fd1c3dca2320ad8f6f466caa447956ff2e6a3c7b8feac211418c703bd5654a899aa77c8449cc4315ddb6f8f89e98fa9f12027f529c6e73aa708420cac44c10d1dff0c3e
Bordered navigation links
View code
ab146a99b8595634cd1c6a3f8452ab913feb8483e3535083797cf21bec121f2f4e1c2dd0f9120fc56b7ed8d8fc5c0d8d11d6ebeb05c595668046a07e9d305503e4f610a5a00451307fb2ea21ce74e25e8ef78bf00faa7399887a7cfb9619ac5b4df9a93f28b103add10b24b1bebe802c53505b617f8cfc48e12647f441579237a464d9476105e2e988fde6e47df63153ca2a28538793650eec808096113ef2741d3f3a60a3aefd24f734bcce5ddfc2f1e3f52b7d5226b72def68d307e48854240ad38b5d2db285ed3842037109b199705ad094c2f19071155334511e2e41e7947bfe5e0cf307687a8fe8f57d6d434445da488d28705df503f5204d1db4440ed84b029d5fa17178cc9fc58ad8ec4110068c24681a9d2d1ba8c87dbb9fb36cee4c6dd06c89fb6287ee74949dc4bde80e2ac46b726a36a4ee8c892c04d6181bb0512dbc542ee93df72ef72ec50a0f98ce5bac04d8eff0a1f600f38198c01ef13989383a48574f2b4a684d15506ec85cfa27a973a8701d1efe6a3ef39841cd036390620bb823742586ab12b38aa66dd336806d7cc063cb9bd01f8d14db6f66e5152a4e65e79dbee92fbfb6d5aaa5149f00e517fdc5fac728162775dd90e4c0b0c57487c534c65a171c69346208eedaadae69deb215de2ddd3f3bede600c1d718627e9445d02a2a9b6cdecf56d99da68d9af79881e3aac79409f18f5e8b11bec3a87fd4ab66cabaf87f11e003bb3127b9e536903d576ee8cccf7deb1f56929c64515bb23e67b6b44844a115e2e50da7da46cd6be320062e1332795377b4b4f2a57444fa7500ab2fa4e95c380e1b686a1ddac1ce2340b9a806bbe71461f0151621861d0fd1b25c44a543a51974b974c65c057206a1f4fb6afda973164fa2fe9743582a667d3414b9f9947cebd62320491eeada2d0f612f919e0573c3c042ce0511c2eb356a030e48a89d8bc93f15525d929418262c856df2b3b8969391c75f1b42b88a499cd119ad736d9b7a039bd507090402393bb2bd061f91f3e0bdfa21eb4a2983776589c98f12553d82a8633fd7190eb24a1d5204183243a5a9e6071c506dc8901e5fe2234f11660c2e7befa5996b24eb6aed08bee4e14238faf59edd0e5c4549f17919a60b41d20fa92a400d352ade78b29fde23ffcd67c19058cf6ed48388a8c32643472125e5cfa800aa125d89056ff75fbf6d758dd6d6611fc56fc32fb648d138a7772f63f83aaa65db523772da07dbd934e0aa023ba9763859256ea8f5e4939621ea09e628cdec59a4d17831d31b46aca8a6d871f04231fe992bcde92ae4029606b5905fddf2d98f5012989508d8049f78ccc98de1fcf83f515773cab9f3f6531bf47f217e8d368533740cb5776bb8352003713dcb8df75b9cfbab0a6e6aff2c1ccb952175c0d4c0a1e3bee1ea705ffc2a7835834e24840727d966955a5231ca6c56c8c75b99311209309bc2045a51a44eb4a89886de7d3830df19a3ec51aa30582c62470f2555b937ede21b907f94b1b4fbe9b4354275f7fe6989ad799123a89a982760b8c30c6df13b400dcfda61921adc889e7b3dff165acc1b3f3f3db6f0c8982bedc15e32f9a10d2ca3b68d34f60cebd194e6669f2eb6202c7e0700755f652e86e5ca5c026db903e925ed60153aa7b77ff2dc8646e0f15a12c77eb15355dcd3df840b4307f26ad515183b108894f697cf844eef4353c83744d7f6bf7a9c6ee47a820834e984ae026d39a9f49aa51dbbd0b48888b4b92beed005eb2c36a94cfbb26dafdb5c19e6a48e340cc407fa35f50e94cf226ef001daa4efe57d7eacbfe5431a1de19cf4d1f03cd665f79c9610abedcfae81c1852b90bd6d687ff77bf1dbfc9b21a6caed2c5d509d946c968cd7be2ef946771f44a112f997ef2ce0c86e93dbbf84e686461030475951c7a3f458b7a0137312d25e540813c680317e77b9d840615306727ecfcddc7a52b5cc962ea77f8ddbd60d89e244f4874173e9c2e605ae3b1795f21dfbc94afffe85fd977524859ea1464f392d581fde9f4347d96ef115bffebf3bde4befdc8ad11d6437c476f64fbb4b8fa345fb1d421685d645441b386dece82435bd541c561d7b960ce65bacac754ea3c7f6ca5564262270b771a9a4acc1fe596c3d5acab6cd6ac02caf283054f2a87c378fab8f9f5aa35b5811b1a8d2582e0a927042bf6886157b5dd0041fa1e1b41b9f85eb04843d2eaf296b2a2a839ae656ceaa31435f3c0c5eb7d6a9798c726ffe857d24b4f9604ff5011289ab9024c2ef09d6d21a11866fcbc707ef511978e66bd16ddf34fc42fa8e4fce93e8856ac87ff54c48ebf85f3f9b992478f09e5da8a8e761877a445e53dd9030382fa9a81b259c617ca4668196d1029e1158bfc0890bdfe7f2d8df7495d4f5b95c12203c73f8c109dfb2c710d436a27972c2d671b8ffa6811169225be0bf6c55d1cc4c9ce4300d8532216a00a7aa8442ab39a41983118b79e0db80466ad38bfb8a8f102971ac54f8149a9ceed53f6e5e98adc4e37abe40366389129903e3c7caf565a2e07556a151649d6588b30ac1484d2a37dd936a8534025c8512012eabc75cd6170bd6544892a38b8d58aad24b69348a5a903b8f7e74b7f19f401f61579c3c2ccd18389d6cd1dea1af64edba8cb67dd21b2f8adff574e1ef49a0672098ad5b27e4c2c08cd136ae698c0fe1fd3e980ddb03ccbd10bb8915251125b2bc6279701ffc26c912c2ddc3b02bf4d2
Button navigation links
View code
96a7d61ef0e68732ba6993567d4d5e8b127f0da9291d511edf1a2222e282cef15a55b5cd7d7e453fd1e8426a818fcedd4969c1e280be350e1eab11fd93c28e812b867ff3a823efdf31c364f1ee54fddb68530099a3427870d0bd61cc48f8209038d8f8a3da5a5e56b9f3f79e84d12d605ee90e14adad52352f2fb983bb9fc4424ec7582dceb56c7caa4113fdd652d3f759861c6d588e30c3de2bfd244fb16f513563ff26af9bbb4f896fc294890bbf9b21121725006bc94c072e199a92c47f76d48feff0b68047aeb1995f68cf2d202a05f375de3365713a7ddd67403bb39114902ab05c7ee08c79638e56759a455684d883d369b1fbf5d8c0c512fcd2f61d32c4ddf8a1e44e3006aa664dfddb8ce6cefed7d1bf1a3ee52adbabd23ae6603074a0ad804a8bd9c5b79f6b6b349959e020985d3ee29d08cfc0b96886fdd0850d131fac0e51c2f1cc3c23f921153c5ecf1ae7afd8dfb63f0c12aac769741edbe1b4e62a41b650b4866d128f97d751bd815cf564ac16d04417be18e04e905b447655a44f6cb9fb336e8ba88d7f3b34ad111761e69754b03c6970f4eaacf46d7b8ef44d04111d1fd54c4ce1503ab0c3cde15efaadf64d5d0c3319ba4e84f28713d8b40fe89880cdd373ea36b1b62d57aa74e925ab9dfd84b5ad34b0406f253b9fb9934f2311bed612200c1b57bf985a7f231ac3bdcafbeb01c7e616020951cc40323ad95314cb2b6353fccedd0c02e3a950b3fbbad92a7e405c686a1844fb478519f725fd827824ce57cf08a4f84944d048dea5ee98f9947bbabce94f30f5b32d80f59774b50f4c2f720313996f3c21b15d9cbe548fcf9d291b73ede98118649db518e1b674c7bd7004d76f25b6ae97754636249c1cfdce8597cb2d7a2ac4d6014f6ab317c749a88163f1c7dd86c9e8fbce3c8a7c7377e8f2fd9008cfd6bf3ec64c1f0ed5c9d2e3e4c75b3f94434d244b94ee7227b479d5d469d00e32cc9eeb108627ba63ecd1c0b82cdaa0d1769f44bf667c5d73f64fb6740508458e20a3f31405fbb80a2fb9162dce9bb91b6e168a875830cc7cdf8d1c1936651ddd75348507bd227f04c103c6d2d08cfac6756c5d4254c631ef249e9a5ec5f49486be874af9ea08f6a87722eafd91dc1c3b742d0e5c2f455b52f5ddcba52f96e22118a4118b9f41e78fc019912268c3d7227e90203066158babaca7e934a69fced1e3e8512b591b9cd371813384602c9191c340413c002dfdcffa5147fe88cf717e9ca2db1a840f3dce5d55965e323be94602f0612073e9500ebe6da839f7a7a19428820aa2af9663b295d4d09849d3ed7e4782b815b00b9f3e7aca6e16bdc00ac66753f5ce240ce1931ea64b654153fe327f4a211135afa1bb7e1710ad4555a2e0a28eaab05b43345da15ff48bbfd605f7218d20ac771b3b854457587a863fca317c3b70fa4056bea95f21e110e811adbc126c526f91af753fe8377622927e52ac15d00274c244698b6ec62ce57f56c5c2bce3b57e20f5a19a06828c869fe160f5dcb308e49470b346dede162ef2d2f0a4414af9d3ae9aacc302769389b339686fc55bc2f9c522e4a20809335e6a39e99e808164dd9d3597acd1c751709367ee91bf9e2b23a0d74cc18bdde9bbb6a5f1f4a2da492b9c3403ac80a32d9fed4f3c92d1f716d63a7e07020b88c39f9000fd414ac35e9bd3a064f8f2c2704b44c24533bbf1fcde36bb4822c79a9e4b36958980c5ddd4a3eb4958f85e4566b6a1e61cda9103ff8adbd5b0db81a8a266a90c11207e9199e6236d315bd517a1c95c1c53b1bbf0920e53a5130d365901d8885f99c24c18acded773f9369164105fada105e3c54ff8cc2c1797487549a70ef5cde513a02fff1ed8c9e8c36098b70b86a10850d6178270b566920af9ec5f0c58cfdf3f80736e9c0a331534dd51d4f2fa1c97f89f483cfb614b0da0e42d46e64773143ec643d259e17ea1ba8e26dd54001e9070a6583ea79b9835b64d9052d400feac6b0a3ee413632b8bb5d7693ccf2c4d59f17136dedcccf47ea9ee0a233dd6ff39c9b3e4ec986e2124308d6305e99ac89f30346709c96a72ed8f43665df2f3b15f1cbd2d48389251cf019eea751dd67984b386d27fb5029748f0e824e02fdd7402e4815a104eed2bfe4d8440f40be9d5b3de8975e3a6b76c3ab7dec60f8eb0f51c8fcc635096f24c75469c311c6f735ddfd74d4c8f5f66b6a3fb606f6d4b64974819b36b5b5fb3e995e52673f4829b8d959ffdc5426f43fd6ff1e4bd84dda0a1a113c04e49d64d3605db27cbee733d413926774f899564bf35e064d49a6edf551fb140677f110f7783f478d17ed35032fed00da71948fa6997a693b954f5073bc26845a54ef6ab5daf49bb55612081581298cde24dbb9b412c74fd7574e1b5c0c17a39ccc5a7008fad63b52fd7ef8a28a1bf0c880ca98c0d7f387695e5a057634afb20c35b2d70da0b5521643a97f10b8adb7ccac4c92fbc2073048a47bb73bb6bdeed02fc4716fc437dc196b6051bac9ddf1cbd8e1c616fc96188376d2295cff001e4e943fe6356b45b19fc986381312d289e36d46daba8d3d2d4204b03c6faec9644d67530822e43a3fd6a33998052e48760d8d0be49a282a7ee667cae5650c49a26aae4fe6656ce9efca7373c57ad3ba34559abe6a158952149f48d7a474fe1b30d7d8e2fdfc119cce0132076788ed0ef2b995af4993a7f435bece717950916c14340e1ff0c2d72cc12fa3c1bb03f114380e4abafa913598449a9a1d34b5d03ad596f406edeb869ff484f3b3cef5a1c4a29560762fad499371d20b487673b247b34935558ee69d6441f791d15d60c2e9c1d379b8bf2f075ae103c3d82995314e8b4a107813d6349648edf7a5d277b1b99469174c1de70f66c0f32e6b6f5cbf462ad2763464e2183819fd5b0e5b1ae0ebebdb29ddca661bf5350a5fd3d8c87069878f56be0668f

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
501ce9ab5d8620d7ee388ce0b7c3d93a87bd33b4770b9880f3686060d1222cb3f9b984998efd98f5ba1191349e3cc3f4823caa59b3160ba6091c91f55f3cec2f6ba5e8433e6bc9d6d5cc1d8f356536a2ff239bf138f60c54da10751849cb867eec6bf61359fa50d5b347de94d4c30a5bcd9619e7d82f4f710955fde6b17c88b903c54a6c4394b79536f3bc2185506f92513d1d956bb697416a79286a42c94427579811a51414836cf21733b37964ed137b89a720634380a99951d7e2a79a8e504a57e3f2ea178c8b27829ef509beb1560285688ef391b6e29fd7f1d47a9689cba2219cf52fa6648f260b097c1e753149dd066dceb3b36d9b10de4bb105d804cf9fa28bd1df530a03d67647adbc506c3b8a59a8c4864d2b982b48ca70aed92536e20355d3711e9e91154d6b63b6e5fb6adacf115c8a0abb6451dfaa16d0b1641e0fad408d75ecdce518f1315a3f0869652154530b7b5fe9ab4e905fa8942157638acf0f77f2742b765cf3cd4748a4f057b857b46c33109eabb5068b1433989925494c4ccaf86b9d9c5b849fcd8e8574b7f798bc70a9719e2021af6b855c33cdfe6a5258e2344d4e39b66e9ac126b49a26a207a7939d687e3cdf94f558216a93f683efbf2d282e63f3ecd50ed7cd0f1c4d0c7b0c9b6555f033407b575274da10e45f0e35c6721ad63175c8a4107ab5ba5fe366329230136a47f935d78fee8938f3f26d0b83ee21631e243504195d8bdab0e735bbe69d51d117b6a308035c8154e9da24e2819b3bdcc3902a0491485fc26976b4fb6b80ee4e5bfdf9ec6231a5ae0794faafb5ba56b40101d9fe1e5d8d0a88c471380573516bd3e7f52efe35b3e2e7b390fc4648e50285eedd14ce7b1da3c9da5984abb905d5283c6d6112030abf3b25ab4d41998524c4652e16beb8b83ee46b99642e3d7443f953ec9c222f302e88120798f0c3cde8460d14bfc587de0679e93dc0ed564aed7357c544f8c041251c6829cf8fc8943afc8db1ee05ff2028d53a7f7124f028d4ba76f9c9c6b607549a51805ca967796fb4f02ccfefcfca25b7ba63a0dd3400edc80643e4539175da7d96cdf5010594c1e6d35d19c7e6b0c7c02aacc1e187ea1f478712f10f7e979ab08b6aeb7861b6c2040ee5d86ff3ad342a5d95541b0c0ad19bc7255db0de6047d1babfc23cdadc10be5df26d54020ce7160f3d02d7ef209379efa987c1498355fd4a9a31b8d9226bd35049d85c7f39459745ff1e25623f7210482858dfafb47bc181649c40c1cb9f49dc1520229146276b0467d326707cd4fdd3c30bf7a43e9593a1bb7dadfc9af765bae3348e7ff4366d8ee45c2a3e237d06bfb384abed957486

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
8a9bb0347e691827b1fa73c9988d8034fbea550e68ade2b4c5caf8bbfcde572c65bffe4d24f18b0cb8afe4001a4e63b9cbacc805de52fc8c40695f66c2ab871663acecad7dfd643e3c3d42b89677408c0416ffe4b7cad5b781259398952097502babb9662c9f6df4c3976837b6c30334cb9cccc0f2c62bce125a697f473d96f9edcba61671b7c503bbd92b160634117376a83fe1f6b71a57b4f73980d4befaa310dd31e9c03810c2422594d1b22202a518f2c64bb319a71d3a4ab15c9a1c8bfd07b9a650fa7b5a8dc3a6fb419bf36cc9e3698928204d92b9de84ad3d7c77985b76b7581dc69e4e5d8104ce0016ba5de3ac520dfdff640b386866fbdd695c87a19619197998f4be8b6de8c249687791594bff7c74d1f00aa4c51c4cf61b575a19d5a017fe574091e2b74fa0d4232ddc1bebd1d28966d830b10e748957c36119474595f85008f728eb20964d3fe2ad29e84b238a93313b121562583179d1e13f2dc67ded6af4dcc0b04d7a78dca92c2db9c4371513c68caf1b145c173feaa73a809733cbba6f47e8ee5886f832dc8a2834115609ce86733cb31d37d029310d65b108bf677b4e5a970e7d59801359065d1681bb168f28f36daf461511fc47c3d649b0173127492d580e85f668ca3cf60ae8f2435a381e120e852ce3286a2780762e81a9169542e0bdd75754983592d1613b587d024f9d5cfdafa3fed2a927c5320cb007906b425b5b59e86303187b728dc5ea29f81cc23e26c0a8875a4c3188a95eb0101bf5c79afa013a587808909136530e1abb60a0a833727bef3f70befaa650cadcbbc8ff8e62108a1875eab98de311e927bc57f620a374bed8cdda99c80d0480e9825f04b0de3399016179849d769ca2a35c5e1354480ee3144538fbc62fd9277aa2aa613f329203a086d7c70af9e4800e8931a6d138b6b7313d4c0d8b1a402c42b5e7a34ee32ca5e04efa3eca95265357bc4ce088f6b6abe0524b329c4dae04a817ee4d484db91a3c5b239f7a38da49dfaba954921c6bd99b33e607c26dd67022f31b166990af8dcdbfa4be78b2a8b495ff5d2a58ea7f335b906585e602251fa384b1842c8cee21f6280143eb0f37598d2a115252417685d78c696b98f5c5d15c2f7860c92f7fc9460d766b52feb070655a32e7fb0c5bb3c895b4d8e660ae5e5a3c9f0dff25f8524c6f9e82ac79ca4d77acebbad47a8f2491dd5838a0359343d51fb1ba647bb47fa64fb5b0d7bb805dd2b1b2a89201ebb275585747601689d24cdeb1f4151d326651d0e630aded9445d6f66c7ca91f95601f711401be2e9d9a69dc686bd943ff13364ec8ff1ae1aceb7edf9558915c0aec3a9ce8268e12c45ce5ebfbb2b8baf78bdd65fced428d297dc1b4d17318f228d77ab177d2a30a8aa965d0e422bae3e10fe37a6362f4ac80967f973298d1ebc3973053c922d1429494f34e7812a4fbac03ea5c829452dc667e87f900093a93b228e31e6f33e708d237021a6e03a3630773b909efa634200b69dd34b55b9d2382c6829d0a9e28f82466a96a2dd7c71b0c9140166e62fc1069b9f4c8820900a1cf6b86d0c8f77769f0831b7da85b0df25844254d11aef415c35ce35a0ed792d4b937bdb0ffae06bd82dca0aad0e2479e28d84d7fe9962e2f768295aefab161de294c5626571962f21692f888e0b75c34079f2355709298b8f92bb47c4a13ad828315cf4825ee07f27ddb3884f0544b9fdce838d232f663fbe080935903c190d6ede8926e2862467d4db30b27f15248a96f44e8e5f67f40d92115376a869d9640a1b6bfb334675e9568efc1d90f225f1dcee03697fe77b2f41fa8961870f8dda166bd099350e988fcb3834822bd5661b8f2be3e3c2749f92810ac81e1fa4a818b39208a4ee0871824ec4e7d9a9ce81028023245c33c16aa692897b4b3e8c9d680f5da2a11384f9b5edacce32d60521013956c55cb821211161e76747712385251ec1abd976fcfad8dc1f4c43ae6fbe341b11c76e09f9874ab7147e7cb13fd3acb1448fe1dec67b348277b67caac424e927854f440b432b3ae63ef6f572df5903b335928ad0e17b3a4128eed75e98f40640dffad6d361a7105bc00de1eefd676561ee35f78f18b2d5da443cbea2cfa6a0591b7c950826bb21aca0ef14b3f14d1802de857aabcb1684c4d293a42bbc1e8aba6178bceaec497c491e824d3448fda5da8c80c8ccafe5ea5565f3594ce65211bf508077c8082a5b1399e1cf6b2d2b8f3de87031e97a690933ffc6430f5cc7de0ee7c2c22cb3f05b5200971d64d04fcb4356f9fb3de4f14011e7ca36bf04a52c650d840f7ea341c4731a5ae65b2145e2ac0277d6f3ba251a171b14625484bb0d8fe931355cc7d3d09168caa4978d44464b0bffcde7db42466f4138a789e273796e8c2650722fbdee290ae0b48d93336920a27fd5fc0565334b25d80d5a947a20a4bf583eadebb770f612e5f6916ac9e18b272e1423c4f67efde315c7a9aa3ba8e63def1b055ccfa6f704a92a57613932defc843a6c4667517b936a747b06946a7c221aafae4ee87661ee12ac7436d6411d55e74b16d023313271df33bb0e6eb5a1a2d2589350d3d89878a0b994bc91d31d138f0499677766d98355609293d16f343423065a595e9e8ddf69811e300461e5a38ab0630605186b31847b3d30b6381db7a190d730047bceed47663276d1dd8d97f41d8ab420655756e75473eef12a06ad7ea175ae160a8d20a903af90e097493aed6610d221dfc01df0342f0449b206ca6d64bf86ad25a4774fa6fd21c0d4b1e071c40b95f5e9217a8074e9f1882574c3052dfec213bd4338b713a121630d0b13b564af289e15c483baeb461c56fd6c5235d7a762c921bfef1b8d70544b570a62158cdf246c03e1159ceb03a4255a0d1f42bb2828e2c725fad20728c82a342c5b3c9dffeddd0d8f9a08a9648fc9de8630c5c2105b390a795f69961917589fd3411b757155d581619690b8cc5d9e41c211a8974b697e11076175c0735f71fdd8c1025f063ea62f3ee97a346c55c79cb8762dd2bad8d2d219a8f80d8705313893db70058289b3008d56bd3e0affdfc1df0262ef57426d6ec2c132a1ec33ad3672a536a84ec48add40a59a0e43d3c5bc891f0b5be7f9abc7911a9a179b7c8d3bb8d0bf1ba37375a42c9749f728e43d5904ba19b644af39b9f93e837f55a8a7a16c4221e98fa323da275786b3189563c618efd1b7ae90d4aac74587a4478ec706f975bd2174075b538280d8c71cf4a3776129623b64ca376ee3042901f2991ab3d1176457e38ed4384113eb9fabb8ceec44c6eccb1157b23b7a420a45017bf20b03186b775cd87751fd269676f6178df47be91a74d7b647160a4de56056b8323e58f53d2c04b485492daad3d8c83c43be4cf5e59c3ecf7dc481e6defb9f1a4dc49f60eeec603c210a84a811df958446afae4269b62106d2dfa5ff5460848c106d11cffc62f217341a77b216bb040bac2343753b78e61c271028b840fd27fa4ee73a9ca5fe738d32d60c4543a5d4302b12b65a8f0717375332f56f7d4a81e49b2fa7d1add5d87f28b2afa76a3f1ed18db7a5ae5f44209d77e53b1322b6e1e5ed078f1d2c53c2be3cb8827e105da73c54fe722d9b73f63150c7fbe70cbb55802d5e2eb5391fadabe0b3ddc87b3d02459d84dec15f47568d2d1711b718a85d9d21f6e4ae1eaa52b23cde1b66830a95530230eb01f613af4919a4eb54f31f2bd83cbf4674ad1ebbddea8b2b30b467a6841d167110512e1b497a09f5132ed8d06e9317627e1ed3caf32e01c07fe74911d3b646efb698549730d92868a398677ced299b9f6e14beeaa2b6967022d6724f83cac0a3e76e10bfbca06b63d49b5931a42de8fc340e4716117d3904c56baa872c36c17535dc36ff30cf4be757ce46dfe1f1b6b98f657ce4128147ee6e3869117cc3e45cfca43b17f89aa6b57f2ad084003191bc34fad3c3b725618b4800a6650922b5578bae4c1b08764b5e699e3ba170c0a224d32d069b12396107d6a265d5599f76af81107f6c214de75be7b885412fa68a0eac5a7b99edde1d844452222d5c8b114246596f275bf5f8fed473c8b2c7dbb27a7d19a74b153922608e494af2e5ae8946a641007a0bfcde959a6d5aeebc91581017f97829910451e434668d67bac9803b36b35d69e5cf8f7699c818fbac150e708099c8e94e287597e4d935bfc85d0fe8728e159ac14679deb98e1816f5a74128b1d078d4eee0978f9db4cf024a0662017687a09e5798ab263cb6b29735f53fc8fb38b186f6ad47f11d44b69c775de99649fa5db171d108dec51f275e8a92a01341caa51d02fc1832b425fed996e2155ddc5e16c582bad5f3f111bbdf6b14830917219087b6997b36f3653db96bb29d9b900b0d7e47282dc96adc03c087639d70b824a4357318b60c5da01cd519ca3c13f4bbe0d80a678e2a580a5149e5f19eb98c9bd7182cfc5d0d62da11310d19742351364eed9923de3ec2a60c4ac7ce54cbe6fdf0e1438f63b7fac4d4b24ac1312f54871fcf0c75ea81f241ecb6b596f4901b17649a1e9fc685a49b07ec4d05c4a9cb6cc4e106a28938bea95fd3f88f3b7bd70f321f30ee88022cb26ec95e84e16539ac96be378baa3ea8d55992423750b9c1a5a527153a257baaa68b44a6bca2be5890078d7107a8d790b7b89fc9a490290acdfd8ae23afb5927f3dc65de96a31d356f373db1f1104775fe38cf6daf4809610b3d51f20ba8f90e3b72dd7e3482e181bda0648d4bad8324209e3c2af69e4fb901411c39f21a33e3e1e18996bfcb7cc69e8889f001e2decfc2589673e96b432c5eed372e8d89b4b140af65b21138fb5f39a3a99426c2a884d30f8460b1d45b03d022cccefe3779bc2b91499f3c5a106eab2b13c36860c54d54a47e904cc46d40e0a28349dd5ce6e526b9637c320baacafb48c21cbcf2d214f40d1528d09753d6c6f55cfd2d2f411834431621c633b6acf0e60e9208f51f65ee2ac23adb82ea41c328565d0a3092843968e0548204c54fcdc608e7b2754a5e228386bb2af8a512f9d3a11e0bdf8ebcecb1b7cfbf45abc154bd61303f39284cd28662f30bb9448bb5174f630c2a2e1725b3ea5425c10ed475685ddc038f8472ef8570be1d81731668422c9990a6f870f3969804026eb1099bc119213862edb92a59542a65d8aad3a645c9050e208a9
Next article preview and social links in columns
View code
d8aa6a8623da7c900f22b3f5b31e05edcdf08599fab6a8e36292b82080e922d3023c2bd25cb6b98b1be328136a45ef609fdc65ce04f28010e95e444d4152de73574de3db4af9af00a313e6306550f7326f533c6a7b15c0751576149acebdf14c2daa7e20f9af39b1ed9eb4ff1f9060197c711052903bffcbf37f16721fdbad77d5bc6fd7cce84c9d16c9d39ec086fada68c61c1956d84693e110d26fab30294e2f8a01b81efdc035eec1980de11a0440d9e2567b5d76f209cd898dbaadccd204ef6b3f10cbeda70b858f9de80401159b6727d7b3bfbac2278b0df17e642217da0173ccdee60b66b427d687a83428e50625bd74873adfd5425fe0c6e45eef4aa66b858a45902c366e92c25a7325252029990db677a8b69c670d0c95ce322328331f68a2ef75e7e41e527f6dbcf806c1fb4940fb8eb153482c7b334e37c918199f022897e83401c01fc8ffa52c99422259c47e3b64bf7a34441300f85804d0e7033066b974a6096fa88b390ba3b47eccb1965e40b7dc1ef624d68d8af694918a85db00f9d1be3881c9c9ace8b754ca205cba46286ee9e20e38edac613ca4381edb3b1c371db106e1d4f80d243f92dda0eef027d7226d3e1c14503af1d2ff95f8ca4c120a6722d60d2ff7b3235a2a0f47af848bb4b7548b47e06cbb276322107dcde10ac8a76941ac5daa14b1c2ae07c236b0b1ffa5f137531024e1fb986ce61590a1f89832d93f209ee23b0493874eca0a25e37be33b46a1f5d5bc655a6dbfe607706c3c21c6c9f598cd88e65dd326fbc954ed83d42164149b5f6d91910dc7479f9b66a9f27614f9da326a4f137d22cd67587cb4405bb96145370dbad632dba85327f375325f8e276da9597f0205d745abd0dc405bba408d6bc1205de935584a8dda118dfc64e820bc28e1d9062591b4ab0f7d9468732d668d034b9b890483be09d830e17051980bb1ab745392d6ae3d3571c5c9c282f84a4f8a683b2bbbd14fb1a9136cc9f0055c9e5f3968690b7836ef8eea4777986da396baf4e2a06c3bf242dfc52f8e3068b37203a62b7e6b3ebd291ef9ba23b9537c1fd949fb08e4ffa2c0b183dec4eee3c4a96911f2084544e1441e8c10d507301dbe0f3b7e288e2a01425d111c385a99d2558f3193180959b3b91a477af1d4609b9bd728f33a6ce1a924fec2760729ab47e32f69443c7ba72d99618e6c7bb689f563ca4f18ab256584cc46d951a429ac1ecb82e8c17e12ebc56e2588c260e60de878fccb5b1661569d2ff492fad125e858ac5791f917f71f22d99539c387a320476a86a129a8a3bcdf589c23e068b854d4af874d1beeb7b78ee93b2ec38aa56c9d1a4f419b18c77cf7b30504bb780b9655e2a6422f6fcfd4e6b6128e91f41485a5897c1738ec42b320b1e9140c5f2cecea33597b62119aae74d8a6ace9e63b3288c9fb863d6b709d8a222906d25eb6758053160d7eea5761e3cb70a80253fff97e97a1616ff2baabc038888409c2de05520fce976dcca38dee0aa6bbf021756d7358b5fcb11fb35bda99823320fbc37cf8416ea53b5cdb575484f27e139a2e3e7ec685b73df020025df5c8d1f13cca985b7b649386280ed0539ea64f52271f811d98e49711cc891811de9b79cb74b8f3c07a4af49bc3ca7703f758c12625f21d8f14f33180cf7a403bb39f1a8ee3cf5fa239a6faf31ffe4f87a9683f5d167e6b68d8c6b5fd8252635c2b141015573913f420b39556bd31571b8bfff984fea864e1b65d22284687558d46ee291710bc75e5c919d3d39a8261095124f8e1705b8e1a5eed7ad610cd4dd739fb09f1eefe2415fdd8d54f5412e605e29caa9639e379c170f718a39791373ce113f2be35cf6443d62f7eb01b702fd894a8959ed33fd916820c975dcc3dd35543444da76e8244d191580f2e7eed5d056345dfab463f3a69c20d075146c79e1007147ccae785080422b55da64fed0e7df45ca0ee231ec06ded1bef941a4018cd6f41733632f6490e7ad2728c4e970cfa0ba78b59243026e88438485d86a23fedc81d76456859a511d735802030be6ec14c931ee4e95056c6bf0c514f0db39ef6f2a8aae6a080fa0c7798a53221b4c02ae5a15c123239477622de7f9902b7d74d0ee9fdb2a577dd4a605d41403b587312dd29a3439c0f929ccee3845e2d06bba23481d9f5014792b8bd6f333c86b588f8519707a921ee5945f39d1665a15d5646ad318989522eef33b9e67b9aff1da2e8a0aad0ff4885c3fed8884fc51860ba4ea51f0a70f4095a268754382563882fcb60308af1d725cb1e51b7e5d8e294cd95d8ba13036e5b76a1eab057306639263fa8226602b19d94b2ac16e7379f5da24915c7bf4ecfbf06aa404a1a0adcf0d0de5ee65218d12ef6df16fab2d9a5e1bec07d7b5735c1b0b668ebd66cc7b617a826c5e1f14414ba3e4cfa2eebc175edf1400be09efc87cdc80eaa70058b1bf6205c6c6c9a4f916b8b87664dbd083fa5a98e0067851278d1b067e12256aa410728720698afb720abc83872842ab5de9020c402dced1c7b0feabe3bf4081dfd91e0be422bd7c1ab4ddd185a9cf5e5ee08db18a40cbf3e822904da084fa9b7678527dccc06e5bbb0865bdf6947c6813cdef87166ee9dd9010a1ab53a19cd4309d30f940d09c95ec949055168d0a8e804f46fd066277498ad88524b88b63f2b2dd6369a59596806e986720c83d1cff76f76b2bddedf1241ee496b5bb240087bcda82aabf94e220c5d5a895db55b1a98b08bf9baa34557c117d02bb3a8c19d0278040357211f5488faa7a1d6e379fe7fae21ce966affe0afcd4bcf45dc95be84b0b585ed5d687c7153359b039edc30cf4463fe1b077e2778d9184af77519828c0569b6e5ee7575e940f69097195059fe37227828363acd96946d060d9be140546f643740e23a597ebdb7ffa0c8cb70699ebefbeca45b92fcd1ddca6acf3a13aab44f8f2a0c

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