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
8662826c4b7f5f4e467b390129d7f02382db4bbbebfeb961800d5e36d7ed393b915e982a79553630810397c1c1b2dc25656e6bcba3ad5488687d0f8bd7a6d18903485570035d839d4a61861d21f80828a45ac255b21af3a6c28ffc012b40e1ec6b9674b5479fb21425707e59ebd04ccc9378c7664423e1415153ff34ce9fcfdc25dc0ab3eb764d910d8edafd5d9f07299d713c4e402048847a538ffe1a3f1edf0f0991743283dc7fea0593215fd3628cd1096cca6d3ba3ca66f822a33dc6f3f6f728d004b682cbadb25704cbde2c29888060717ce30d8b837b6e5e3f90e297bb8d6590ee20487c859cf64a2f99e040dc94bb852740f013827c2653df6624281d14a9298267ddfcd094f059fc99011c84c3fe53b68b2a7d09fda248bd7310aa7a3f2a7176b4876f0614b6482ad455b7c32e8a9df4e3bcfefe7512aeb13f5e404f7f5775815b7ab5b765c3602f01c12bb2bdf6d5a18062f3b7863f88fb6cef2f7b50c8c657455bb32a60373294f8a1efc0216d851899b5abde314d5f3d3105bbe679c67933ef2c26d0f90dfeab3f2ac21bdc523cf2c3feec2f742f9c6765be4630fd77ec1bb5b2c4b4c5caae502421a88ad18f85032cc268b7c1e5aea3f51412f4a2ce7da8477b7bc69e030defc28bd1201430936ad5e681df44ec61820c5adfffb5dd14979b5bfcbc2c9e2216d9ab5ca63eb26b04311e5ed6906179c5b6deb993f8553c5cd7a7170fd02834015c7910be9605090d0a6ab7a2bbb4d7bc0bf21d10e61c8c2b3049c1b8dfa13cea8e82af4f9a56b1f0d3b41e43cedf0fe2874561e69b7795e51bb2d6c915bc649900e8919bc0df77fc3b790d9c30e94d42387abf9bebb54ec176955e81942a356bd8bf0ccdd4a73df8050eb115b50eac4aebcecc184a32d0680d1f882b324e429bb27dcdfeff5912fab247888b0dd49e6058075ce615515c0a68bffe7004e574638d8aa64084077a5a4b185abc6021c70ca8830ba05350c42f1f169decaf756b61b69e735cf1b0004c139cb7298d6955fd83f8cd68323abb4ad184de3f3852cb81f52d2e6f71dfead36de8d990f6dc254a9ab7873e67f7010bc8313d9b033c9256fa442a343c180525295b71e2492b2f3ada2cec8a20bd5e46545311e97bf8b74919e786620a9bab5a663e2031e772315fc9993d1744493cea6ce489c1e0a88abda00ed8d2546d3971e93770eec430467d3ef9077432e734d1bf115f2311a3477a2a6763650eb6ad04c033d9a1bec3f9d80aafa39da69c977621e75c48020508f13c6920a262395c09796c53f802e47f1c9a1fa3086463c5f4bc83c753475e8bfd17ed3f266f68f5eb4b858d0e36b9613b548a3ea808750328a5a52d2b3dd32a18cf5f5b9bc774cc333045f79fb16f55945a84d8983b127b2c94f4da30884f48637a426dd147c164b32e0f41f512418522421b8a8df67970ba0eeb48be7648fc570c4bffd59e8e2f659712f26719869a26bd7b9b73596c1196a64945d7edb93cd9afe7d83ae8207ee1dcc56dd202e40d166b51bd874c2b0c57b21257a9d0e2680aa39169795bc80a118f63ba807fb6f3a836465740908fe10cc4aa11ea72cb198b75437fa889cfb13d672b6e700123fc8770a4c50dc6a1762d3c4f076980ab69c40c7cd60488437138cb1c2f959fcf35e3b17e746f17861e8b148b3de3025f51b3c74919ef3cf5f0e9ceb7fa92c234730acfcce8512d58e30aa4434d25f94f6dd32ade30d7975199a1c0632eb4dd8dfe33dc0e982d55edd5579658defff560b6b8d98c75ee2afeb705cd2b875b5f6a9e213ce66a82e7a33d42f584d11bd992723b00cd83bef97f01a95e8d809f9c058d962f48d48145735bcfe63077487dbbe2f8b893a59a61c6657c307b4c196f07697ec7b86941f45d5524bde3d53a5f7c8ac8dc29e6a6275900aa40648c755d808a423273e420ea76a2215651be58c1dc544b651a708119a24618f0ccfe2ddac473c3f0efbfd5243db476308fb5bda0280320e6cec8c057d660ba85c78de90b8bcec14d7b64f678e297e96917c36def76cc53d50afd2ad82aa5e7ea5571cbbd025bcb78bbdab26961524ef5dd72f0008938de24291c93484e2fff96355f9b2b97543975e080c11c8a8c986cb471374f21047c7a374ccdb7acb8193ad04b8160b16f380e87b0c74ff59fecaef5f7f5b882db7750ff46c78783b15f5df850fa519138d0e6dd212b5bc1247ce6015402e5094b1b3ebfb0c4434507d740686efa97f3ffaef47b2024
Bordered navigation links
View code
7432283ab297de8835677eb857dcc214d03af8432d46adf7b190170c4acc2c0b9668bc79e1d917830f7494952ae8214b4a5bd7ab8de00dc8877b81052e358b90a5d1ab1c9517de2ae078015dec8f0149270f480d09b184946d8ebeac055f5be4876e3b245476f475e5a6aa3e854ce12adb4c50304b22e08de14f313c3d45b8097fa69ef76956495636c9f1bbaa5f73db481c8769b8ca3044b955ecf1756180d5402311ee80c77d5a8d98e7b0f6a3268e2d97ad7d6524c37ec5b2bde6ddbb6b931c894737032a3d4a61e8d858f138e9a2a9665d6a75b0d19a55fc9b516f0db89160ad380ec1a8e4862b13e74438ff4c580d29e23ce60f8825ba20e54d8303840f3c63b8014b6e64048034c4404eab6daa03406f3b93dd10cb0a52d255bb24479919658805ff4dc75e052f966debf274a2a669199c9e7e6813a1b8dae7546490430f2dfdbee970f59a237317f7b86aab94b113fb2d5e1485e7719d201cc1d35b778c72830cee23258aa68840a94bcc269db11faf0f8615b11bdd3531c1cf82997fd4935d5a4313eb1b41507e68016ae3d07f1320f9fadd3861a52c863102bd88cf8532f155b2fb3de5122e6c8bf9b0936f43540b3967f0bbe14ee79172af826617c2a3da2d7dbb58994d61672c7b88fa7674683dcd57f336e3c09ef4964097af8a65cf0f409190f55e2cedebc03816afb198ca473710f0e30bcf670f397d2fee86c109349a057e8af192f3120233f64d737b774a1bc2cd0809128430e308ba9bb46b71d75b7e1ac59b6657196830fecdf059a11305f52dece9fa266db562fdabe1584a82239e68dd43889d8e7f954801efb251f4cfb78ec1552adeca8517fa269bd32b5cf56bac65e1601ca84348148efc6bcc2f1d8df79d40528e44c2f1580acadd1dda367ca34036a38eba0a5ec37c6a0a53c3869a1c52fae6b72894a6efffb85568ea67f21891761d445f3382b6a94cdc3f0be4c779b46c68235d77284865f88dde06488524567a9f27060632585971957d8afa812efc6d5a21b06d5d98fca7235331de686cb5d703d0c5c9245964da36480278bfbec54939f7a56ea1f220269d253d0c365ce0d8b01fc5bffbf2b209d31e4f9cf2fd561507ef16e435436c27492b58f8ecdf76690584761fe500805d3ac624bc6d15a76a3858141b3dbd50523e5b53d4fc1a21ea20050665c9d3e1cedbb942c1c8b5682f6626dea824f75f37cec11e219359786a0eb372919ed788533c64b9a959ab0b09fa9adfe906eec86366a716140736b2ef394b52d57d470b8bf948dbb9c4cd11d8ebaccb67e7f8e576450f1a8e35c8a815e157c549bc287dee2c4ae8ee077b011150b1b20c58f8e50792ca3ff3fc028ea95329d60d82e105c13658006569d529308aa5456233bbedf1b44b877e23cdcf7f7b4f676e62dcc3e934f7eacd84d4cc58cb336c9a49f35a44f1adca4c0cfd557eb65c587cbd2d66e9dee7c94145ea37a9d263b8d5fbc4710821ef611a7bbe86e1c6b7d230e628c6078ece877b48f474ba1680de4da76efc0acc4e45c9d16f77e86574e441544b6be321f7d4751ef3a9b7ac8404fc6197e1b16f6e3692f012833b1eddfb8a58132ff135c4e9c8a06a6e312e6aa9942255435138fdb1d69c9e9331e6704f587e06e6999f52e79d49e3908866531bf36250e89201fe191787dd9dc84c0b79e9480d9be3f927f03d39126b99208a07241c2001637b462c568460cf21b031ca5ef28706f177e0d06794a8e89e728cd19c30c531a20680c60c6633f8aa212e418924b72f962c71fbd48c7465235eafe0dd7a83d0947c456d66a817353773cd4e17e51a156d1eb1482a45b4a3a5e9f20b767662068c44f229c3d922c6e0b782932ddf59abbcbf392188d0dfac93ffda302e5562a7aa390347055545f3f2b6645403f919ab3dd3bdec048d62ce6bdb4a1c343b8ae0822c38edc8e72c4d4b99d965f598a4c7591050caead699bf65c738eaed6fcf142f3abe637c14e09b3bd4f677b4470c348dd977c5323cd868fb4179a326a073f3772ffe749439bc9c0f003d92677251765e3558cdae8a780b90306d6e68690c52fa3b2bcad914e9bbf14e79aa47acad2f0c9a8910c9cfeb20d648977c7a0bdba1d8f7efa03f256b92d8e6682dc8ea5fd28e306e4fb22dc7310532d366f1e44e0f54be01e3f39dcc8f17a163a5c5df3148fb928bc6878c04da98bb74bdca6e5e5a9cf235883ed50f800c8105ee4f06208fcffb27025ee2547ac72edb12b440eb80bbacefbe63640e2c472d0b2cdaca23c03409c9b0ed1e27e988b8f320e00849f45812e9f238f4fc09da6cd3e5cf2ffab7e83de6333a3c99ee7eaa881c4fbfbfdbe3ddd948593c1062b0d7a970af24031f0773f7dd8f6946f71f153117e7111d7b8cc12dbbab5e6f7e7d0a7a567090128d43cd1f47766bfc512bb2e55393f091e0201bb3226c8c06284a5f4ba2f667308e272e1f2ec9b9e0105a307ac7324f4a1bab8566073ccc0c24244fc6270da606eea3109671a50b4aeb92f4beffffef2a9fc93340fd2f093dab58895d63591e66775e09d070a4306d44e98b54e26100233004f3a0a2102804c153e95e56c546eda890cf583b6696694bee48c0674fb908c286ae7bca95526bdd12f3bc6e6f62475d1b712518236c0f008206e7a7fe102e9d99e1ccd211835fb5348bf6bf24699c6cc252c767e9c068ee65f7440b4cac1dd835211ce7208e98b4fdb8b4c86b9019ff15
Button navigation links
View code
490e7f1f4d2553b960aaf622be5b86e9ab701e67b03b6e99c879b066eca4c329db17b97a8ece8ce44835f8c5733dd808e12cd9c2df3a8c9c821e3914115069f80227819055f34408a6d37a4d33342b0b9e2cb022cce9492c81bcba702630dc0ef42d640bc115ceddfdbf058a81d6393aeb06b0f898bf5a70ce066889411d6c69ce41bf7b8c95d54d4ed9460e1676830afc71bdce82696d05d6e0e7564f9a5c642b624569784249594cdc874d6029793a3a0df29edf3b958b131f301e296ff90d0dcede6f9f2f80e299486a146898ef7c446a2c62368a95799df83d0abe00284191cdfa4b55158ecf1b92565bdeb052fe996ac6df53b67739ab15433e2a1f9fa327cc4c76b14646543ea5d19fcf06dccd3bec621d22bb3b47208ac32b9af57a2ab745d7a4bc463eeb0afe52a00555e394bfb7d75d4858ad2419d1356bce231ebd91125d9baafcc473d2ce5b68ac4c235f2b78e0430be6bd9c303a1b3b3aef27e73a3ebfbc941e47bb9d4b860da5dc869ba23362446feb42e5688e6e2bcc1deb8ba2352d12a6a08f33dc8882de48912d2ec4ab0ee20457265d2c8762d418565b116887c0034bbbd139d8cc77c5a7cdcca15c6792a72975c36dff1c34c4856b4427552d2f7e51a81cad8e87b0401d373b3ea20ff4e089bc09d7f90fbbf967cb5c0eed079473236fcc46f4218ff540130543752ff0c3fb21e3ca150b9963bfd8300cc2f16b88553822653b9dd6a1d8f7e4c2465ba3ef35401853d131efc6f57873d98ea12d5ea2f78985394f7630d8858d6ca708fcad8709df7a400ed4e1ca09c3f8635e947cb0a565d809423689a3e73582c89fc580dd8b911e089d62b161ca4465df9b72cc00733c9286757f0ee4237255563a545de429c27c58055e43bce2f0f941376e1ff41de31f20f765401d7e480e7b6401b148857bbf1d76926dc2d2a6b8dcfcc10d481e8374b793a85873b490faf5b2a067dc1d3ca5e0f25c6bc229316b7de143f1c2d139d2063e68552e1e6e8e88bf1b48759ce63bfc41ede07b7794ddce60e6833efa4f56bac1ee4f0de8cc9cd73b1016822655f260ac9d26a4e99fa2ec1a2414b08ad2dcb487cbc9fe1c360e843c08b6210d88980564f59df46e0956ea176b8c58d4bdda12d4e6d616c9ce526af9129b661083b9471d85c3d7fc351ec94e94a7f1edd66b0672c26bfa849e1985161b4c63b24e14badfbbccbecd423914cc5ad44156bad05e270d5171eb6847e0251819ecc5c5e22c2d6d3ac18d9a5de8062bf73bf637e42dd9f0bc20846be45def3f6f8001fa95f7f3c162af1742c61ec01a80182a97bbe2ce674c65d44d3ea6383e22555a2c17421aea1f40da2d5449fa544065a65fac4dfa6f881ef8741ba89e83166dd6fbd1a1b6bc1c01611ecc793d91e2d32f85af36e977ef80076f5f90d05db298debd9e86162a77f4702772adc10d30eb09cb0ecbfd623bd18b5ef05c989e7c9dd71e29e521d78736875f44501de34561f83312912421f9d090ab9b297b2c8a154db6669b791eab8e4487f6717fd551cb3888410612c7931a8cab326a15ab68150d282d004880953340af7ac8953a89d9493d77e16bd113642ab56639787ec234025d62b8006962b8065cfeeee5da9749f3a756adeb8684ba64fddc5a93b3b8178b8ae84b1d9f6f8ccfa107aa13e87bcc91e96b30cd3819d5d498e84d00aa09e49fca8ad9f891ceb629326e2e95ad9d45cda080aeb412b0156cd1c56b5e4fcbc86dcad609e577b140232b0cf203e39f683e63e1091aaa04dec64bef7843b28dbe2cdd53676d0818eaa14cc746cb226d4f8c310cbf609317b7330b8174481c5fa2041bbdc9003bb3365091fedb30f0172596f64f734731c4463e4eff3e8d70f90f29ac5e46e88b9893cb70eddf60baf29ae0cb02e598c93a7e3dba095b6781060064ade9196f78bbe0a4241706bce27be233fa29e99ba15bd14ed695365bf3f3688577c461c21faedaf7f373a1f7c4eb337a046b0a8e0221463c7d54682e590d45fc55025dc75f7e3f30dc684885b6d35732c8fd17a37b461d07a26d0eba0a789f52a4ad594f860b112df9a63389903cf5f289acad3d163b511ac178cea92972224f3fc611dff26c60cf6ed112ce99d5f5e95f17e2f6828725c9c9cd3fe0c58eec5b2056365a67cb6a191044bf22203374df04b0da7bd64b7020a16cfb27643f203dfc9e82d9c313c3be81840579a505be91844432f5810893640dd30c3a7804ad39cac54bd264669f18dca694a4c9e1a323a599229670c4f8b726dc93addd1ba3c4199ddba1bccba44d68daa5848be755e56491833def2e63a8e3c292a9fcca327989c6bbe5d5a50b16b92c2ef00f728a754e469c685ac1c90f90df5e4174ab03a035f796200f719812ac808b181d4c98fe81c8e8201787d1b78dd9f5cdf60b64d44037f70c1dce6c343379d58fc029f8462f5ceb802783be352eed8d538fa4ed98556edb78becdd75c3530895011a50c40ee2fa909dee55ab46124b16e61646585fb71dba466f8501fd1e2a4a1d9a2493a25326e6f70c2635c1972c184f805a2171ef5c92db3a93943056b8ff87339c779b8aabc6a480be04afee6e16ca653556ce0ab50c1cf44eedce834b972b9d7b8c1ef52612ded60728177d9942d53d8178403f2f1ce971d7159c1c1148ede921dcb13748ec71a32de3f23f02211d4f7198e9db89054156eb29e4d816c5b255949341deb8eed288f992144813d97b04e2511c0146f77e077c14444d0827d1180ff02d6c0fdd6fa8257b701f81003a376320371f519fbdd82f9074d059989d63791f0fd46ebd13b6b7088ce8430b4184d17beae47e9392569eac86454be4ea4f3518e67b78b10e4a01db0375c2a93e666bdf700c6a11594bafc08f0f0934533c31db4798feec46dfba5835524775482dcb41245acb3e42c964a879415bf15d84b5398525f4bc8eb6f2791c6ea

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
738194d587532de706adae6de09806036d12618dc5b3d9ed4ec6d6805928c3b99eadb6894f082fee74e22ca014d3217f56b811c52804f022769e207358300ebae87a13d9b53c8104d11907d39078292263d651a157aeae34ced57396c1737899bfa93440ccbeb2999053ab9556f17c44507e1df2bbeca112879b52e043bceaeaa44a30ed5d12730ea3004d778d9bb885ba298b36174313917a857156c7418451da360d7279ce817f63234607bacb03698ab7a41cf8c62f99f330f9189e558e58f5ddcb66ba41b13467c8b5ee030944898a013a4c2d5eb80bdbbc0c8e96a6b7b731db462c1581d55902a46fa75133416dcd9bcfe93952a796fcb1e6854f9b060fe6d176bf5ca559feec007a04edab6feb47c0dd93f836c18b262a1a39918686b7d1b6e934a2246d932542fb718a75b11312ce03ddf5ec029eed52e53d43f3fe0ca315a159f310961312c888ee488c7525f61970feaff3e9193290fb3878287867d29f4bb5475208369ab8fc8730aab84b141875890d5d5f9bfcec406ea9fab42a75359b84a5eec0857ebed5ca8e29c3ed8e5dd532fe94a497be26cf1c1eaa11b06a86a729e43de99afa4dc69e1b01dee539237bf8a8718e7b75131bee055349d0aa2fb0e0cf2aca98aaa6568914328f9c3737d60a576e4628e8c14c67a1a00b67dca80cec2295581be580b3e8f05ef54e17fe8a67e6fb5ce53516adb1e4eb5ea94f7b3a237f4f47048fcdcdf6eb9f5812ed97c8b2e08828cbde96ddbb68e3477b2e862ce4c4a6682fef82f007ab5a863ee2340cfa133f78bd7c9298a3c053aee94ca5da7b37828085c93948e8b3955736042e40983ed0067a04ee3e67aed4706a421d1715784129660acd29b3693e405919709e09c2995040483e7dd5e4fd459c149508ac768805e42053c21d6643b9eb2296edfd5d1dec9089793964ca02c3490b083df229c36d73e3cd2fcc42d0b1068f1736f796ed3c7a51e52d33a78e236877835903b5db4078b16445608b046dfa2900312b0e723a02bebdbd64bb0c2a50572aa79902bd1ceb904b8c5845708d8d2001ae59a5a58443186e3cc6ea09937ae9cb6655328ab38cd0765d62895cd636107c7b5cf4aecafd3ef93e5e04e2b9e4b2c904d60e070266e8b0cc19938be6e5a7aab449892fffa1d8fb774f50f1577caab84bc9a9634f6e16e1a6efaee22c55e13a4f191da2340aa20240c5d081b8658d0038b0b2c02ea53237ca5485af56f97dd6a7e55108e43b3c516cd67dc311093a8872be1a804c6868479a3fe0c0b20fedf42eb11cacb16bfc54e0f3c444d5531ea25042a57bd7be655f922eaae42602fd6c0a7db90ee967eb8d3283c2ddfbff

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
f299444b18d6cee3a75f0867d6763a7bace8d4e9d9c6427330f064333d22379b755a35fd6533c647535b0f09797a165c3e9f0ade5e8fa1eb05cb5e7040725377d548312ef639c68e5238fc887aeebd61551ac8b507ccea8e90dbe3cd838f942b7b7874c96a57d8858f55dd9312fbb0571473ea79f1e44244d6676dfaedc928d3a6b4c522b2730a3a9fcc21f7d737c61d73376792e10f6bcb297915dfc8a17ebc90bc1e2f4ae9e8fcb85f289efca8a0506d752bb467930f9309a179dab15b1eb89fe1143fef9f4404c04f7ad6b6e66b5abff68ea7a48fd0b07387fa0ab5a259770f30dc92e19d594d7a0decf97b78b832d3a00c37da0a854fd2cbd60cbc2991ece5b78da453fd68fe40dd789fe08ab189f49ca411497a7c3eaf6713250967cf151346a303dee24d751ebe4c11620c0ca3df9231e00e00c2a3c4fbce7d93f22f4185bb5dc269caa5f90d7d50c1a1a7a6b6c2a37235723640d563d82937a84689afddb55094daa69523ccb911df404f41cee1c3e1812478041c0973bd98452045a5e4a2eb5b71dee16e86bea82e11c9a0cae2748184ce219dc88ab000d69852c298a4b2f23f48a3297ba2ec55d752446c373c11f0795279efacbcb040f72ea2932ab5eb431b004a9c971248717a7a306088607a206ba6bfdae2003f1347182180b1aed8a7ec1fd741e2ffd05b57b80c444dedf2a8aaf2733fb72d3149c0adb3e3933d7f2a758f80a2f9b7137f14ee9b9aad8b8207c801c02cf8262d3132b392ebc15e7e456e20ad45fbefc80f339947d7ff7fd0ee176deebf73cca9e66c5ea192d068890e2cb292cdf2f6e932c5e695516fee88a99225e4f3044a77ab6e38b186d3e1613d3b269fba80771859b9acc844ea53cd3331a8f4bf571569ccc301b283d9582dadd878301544ef765165d78d37e3f89f3488baa8fad1bbac91271acab99ff06b15a15dd0cd3a3a40a18f4327942d63e9917b9042c6e74e137ec7ee80ff93e09866c553a376c030652d05cdec7e3c2f9a9fc33a096bdf1e9b00dfd3827b9b5ce0970240713f42252c021d871d9c41cd0e8bd7cd865dc20c317be66774862fe8ef00ca344dfc35775146be72f3b3465bf9fa2e8a068be52a3c7e1c12c062c7f06569ea5b93011b07abe8ba03bc34d3c7595d4c3b3b3e99edb5e07018d201a3c744659ec34723cd296cf80c6a75a8941aecfe76f041de3acb9901aa165c695103c0abea7da84ac86f31a06c8d2ad36a09be877448ca235e5ec314f0c53c72ab91d88069cb800ea9c1549b44bf86e84b903c8b131d20ec100a552d32abf02e85a4d6faa559bca6e3707f11c656ef268c016b5bd2ded56e862e6a295fa35b28ae0b9f75ec9fbd377077ec6760f98138033fb7f2f5c4ee899d852bde756d5c1d13a61b5c0089794f0bf4ffc94c8e31b2fd508b673b47845822ccfde4b8d6d6481d59f32bc9f29c203431adc64554712b43b7156163c6b5ffe9ec2bb407488d1c1f4f506c8f29b38669d46fe57b0cd46cd401988e8a22467e24dceb59b08cb0d6f6a47f9e80b78ba09a7e9cad1cc66dd1153004cbb82b371c27856023ffefab0bfa5d411b7fef98ea169382dcdfea5d6be091a4abf5dc6539f91add54be53c5cb6871d00e278f9d6876987f145882df867459c87ad56ccc995806d03adc3774d6f6efe3570f140864aae97211e195d2f26d696d9f3ce7f0d005e5cbcd01bde2bb33413be2837d6a47791a0c8e9a2b937ac68ba54183a66e755cbe791588d0b965516a1f1c465490bbd824b04b79c93eb0e90b448a157b3f07417dd44e7246c1d19aee323849b742367ab0f95b6032fcccbb1907974c18fc2bb4336b4d12817522d7716d9b8735b329933cc9e16653a8995dc514c4c82f730146634b000b4795b725c558340c4f9d06ef2f7981b286ebd2b5e4cc5bba324bac037f29db2ffecd626d385d009e8f36224920758971856ab3335dce1318892a61fdfd7245b733fc5214ad03743e916690d02e989611e04807e08c42f50f4c2d468760fe07828ce15d1b1041a9cf9023702b8ed5c11a0d46eb5ac2195176e8f6a95d437c63cc24505ccba5e9d413a489e86f878dbea9115768c0c9e44074b7cdacd0c3652cc17bd49ad814cb2ab3f20d353f880be26f49ecf36e0eb4e9e0882b313745f79422d066d6a097a29cc05594c726130b5e3ec50764aaa409a289b3100aa233780914152ee8eb4b83b4c47a894680c311a550b82de3c27f7d90e0e4dd1004dc3f8bdbf5934acff8a5d79861c5bae4d795fc13c9668e08ce256520f4019981b1ec30f75045c97a6505aaf63144aad2007d7c1af6f80a9b127b9547eeb4d1b5912c344a48f8705e484154cfb55d7f1a06e8a528c0fec3dcf5751c70a031c9640c3da087b81c6144c972ec6b637334db5f43f7fa54d5b0cc98a2fb4a86eeef965f8be442313676f93f9731f9728f5e5df38ed649e68c42aad9ac3d1b3924f1509e3c423472abb97fe21acc8da81ff146a0032ce33e2fafc7360bce77114f82c7f24793e56eb9b5b3250d102ba8ba4eacd82fadd28476203ecc60b82aef3a8a697f80eded11932b4452d7da15d949a9c79b50caa2f696dc2a6a1c5d989dbd5703fd2bbfdd7da520c741306afa7d16bba41f62c1abdccb5334df6728682718bbd80ddac624956542ebf05a455ab0f3964d55f68c73d0fa39170743cd96f5ae9f528b140256bdde027825dc5a2f72f2111312c87b4339a6fcb03505af70416c4e9f65f52c06ed3d96070b54ec64542492c5097554307356b79ee767ab2265fac39cbfc995cd3f7a309df2cf1a3b866cad49aac9998b934273b81a271ff91986522738c6d763d1f257d8a5b1046f9851116ac004f882d9200327da4c8093e038c6cb416656f4b130b0d1a89c7e7e92f4116f87893ee215b1750c5b9b490ae39b30389f066323ed2b1e90d2d75fe8479669dcfa77e41a405e3f8f322c4af9762de2298cacbf0f6d93e0f99a93180c6260d0bcd84707766c4c266141e3f049c325991531ec2d2f6c0c761931a5b10d29f016638d8f78a90e86138a7f84848d36cb5c4fe1926d611be9c4263cd0e20bfd1f2a21594986d123f620a02ce34c0f753659536f53a221eb16cf91f57f742886f902b24ee6b438babbf9cc7896522779faebb7051d48e30517e304de904a31bb171dd6c41e1741bf38a5b7102b2349711215fd470cf7ba5c58eed0e9e42dff9e0934131235b9ffd2575c00fa4457bc9a68c5260f66d4e3239b536df03c44562692bc44c283106b2de98b9a64da299812c00fe636f085413662a84fcbde3a69558110e038c7eb422d49f109788b60f3e95dafc14e01bbb749820bb511c4ad0457b9fd9971145c7d534cffde2be27a5be4b3f0e6cb094dd02a4108b42e0b8ef1cfefa1f30052f8477b4f6981334f4c39b7db7194107b00f1cbb1c3c2c3b1ce4130656af6bc687aee29fddd89f473fec3429315d8f751493b5c43272d3331b4a0d7295205f6e86a1ab4e2078ab4182d2d93266d09c5acd37f430f777cf5a27815e4ff8d96bdd5d807fe0e1b323df437e6d8bc6fec8dbd08cabae922b9a00dbd66dec73e0d490fd260b6cfc5a6475c37ec408e9a1014bf9dd76ffcab83e1b44166e08dab17f0182b65e56bedb6f224bdc65efaedc5776108004b194229ef34a722f55542ef1aeb26a3d30f06e895b5f246af0c81fdc58f103e834947f7ebed9e8905173a48e8209b6369566042871ab001421611117082140e01cff2819c4314f7ec039ad524a3685c95295db7f9ce941de712b44cfcc8451ac981ad38e89bd966a50211e898d454f2787573fea26939533a9dc93b4522c0aed520e97b6691122cfc0691883dd105b60724b681024c2f1e061a31bd048ee2180ce26136894732617ad22d9fedd553861fa40636015ae2fef5ef51d871d8f6b3b4e3add84054ec24b78ceaa97a543f34d5910deb3ff8546179c5038487d78a81c830327e3d4c4fd2a1760fc26e9b940f9e6e737418d67bad30aafc85779dc9c8cbfe017bfa60262aa67973c9152bd7b6d0b6fa6d3d50f6eccdbbae12e635990369a4479f433c8fb5917bf906f63f5e861cd99e4098735437096d0aefc2c191a62d20fd139c73c7388dcb8688e3609bc187832b0b89ffb42727d018aad2b6a71ae403ef456b4d4e50d0d63dbd16fc13fa0ab8753c14e76787914dccc7997ff0fd46661d154cd07753876277e3761c841559c27d61c9ea82d4fd6ad9a83db26045cac35ec49d8b3f78747da2d4f54329e01d07396eb1137e94335272480370ca2022264af1777c14db347d91c13923866847feda6581f4ec74b7b81ea9f7997cf74c68eea4498acbb70c02592c10069e4228481864099f23bc65ad46e776f84038aee1e155173624b529e078d706ae1855aabc196c91ee9e22290de0379fa87e8a4e534a272f1f64b7d9a8ce0e9e91a8de8c4e59ea7c9cdcb755f715d73192341afe50cd859ce50d727ed23085718af2278834245f8e2d137778136fe0187314242bd7be5ac06d66271fa34fd0af6c74fac48f91e7427d100c36278d4591d9ca968966df07b0d3b6d7f33c4cf64d2ca46b56d48b7f1ef4a92e52807244659106645e95d3d473e88999923d788138868e8883b8395818f023100b995a6ca8bc333c1f09fe5fe2543697db54117b7c25133b3638f6648ba910300d0355570c96b8e985735e725bac4fa76d8e9b81514bd3e3a5bb0e4031d6f55aea18aae041f3608fcef3a6d5f0bf7ab716701fa650daba22ee939e9196de61d50dac69a9802aa527363dfe1826568e4cb78d60d8246fba15a21554934e7392698c0958ad08025e546b558ed1b13ef04863b293e96be6c45d039278c68de1f3bff2cacc16c60ea5220681d275b6290882119fe5c746f9b277ed40f331fb1ebae21c841604685e7c15bffac1b6a613baaefb35445074f9be37341f21b23df49afcdaf99063da210ce870b389076652f0fc2ce1fc305fcbc5e1ec66d0acdf63383041fcc3c81e9e204eac2e644706ce70e11b322bd132649a96d02dd59b7eb03f2dc108cdb03d7f32961e2e37251795f2ea0812a2bd1db8e0932edf9fb41755c39fd8167d6b3bdacb76da4b7a8c740402b2c163e18ddf557f7d44766f43b683297a7817db0661fbb98e4847ae1d0fb0852d36a968ae0b10c9adf7a714abb0b4d6908c9d53c255fce34c2cd1b20a
Next article preview and social links in columns
View code
95dbc332531803655c12f360f6f666d44bebdff428673c71b7276d47b56253df6cf1d9b83e20ffce335d71042ffbd64f8addc944827f24b02f0cd31d39abbc9fd74c7781d79e43b2dadb437259b6a7d589024cbf0ed740d405dca2fc2924e976d50abada1e9e8559ec1576f8c35923410eab6bc762f8b9f7dfd5ae4a65e2f9ffb118ae3c82655cb8d703c60361b3e7cc0e1e7775de11be2c44f9dedcd420aa0c8c6f4a3c98819796ed7335b30f32ab0721907716fc423cc0146a331dcb4e9510f6ae2502a9ce8b138e79970c5276411d359cc95256e8b4c160aefbd0526f474ff9d6c2af16baa0de6bae7fb21b78c88e4562075554b1ed7cd316ad7cc0e617326c8eacb5c4433393a352529af156f9f6366428f7b982a35f49162eaf74ac329135206b467fcb0b706e1cd7a2c3e72567f07bfd31387d52e22a087cc5339bd2878d209de1c1816201ccc5fef0ed790bf8a4b398fc911a3a5f1d9db6e7e982a939fff67231008d44d9ae2a0f8f29ca78ea94f0547f45f084bf009ecb16e0d3cd03e3abed8b300d67b0156356fd72d52df3e0eab26061ef1a2b28a4880a7a2683554398da9fec5158e8ce5e8b90ee7a06aa50a3727b2777f4a536371a1236faece2e14c2e5c1b6e85658a8f845075aabecef585a674ceae1735e16137955af36326641e251d765bb10b05d1ea798f666b2bed2715d1d61259adaa517156e5b78c38a56b69074a66947b8e371f8de0ebb86bd2d9f2a1154229d01874fe736af7e8c3ba724ba27f8ee34429e2e87632a657fad93162e521911c5008839c424d2bf99f09a8f579f315ade778b47b990c5c963ce4e049967f83c79b5c048fae569bab89af691036e756570c5e5c0f8a08c891a7c8fad8e567dbd2aa2f51852165b4ba4685c10f840c6cebbbdbe12a769bfee759122f6c7729383073ac067309a85b3ac873e11498c1be01dc46fc9bab3f8fdcecfba9493def11243b2e5885bc1e0c9dc1cf80749f2da591d06660b1eacde87e9d601890978111036013ebd3a14b80532a84eb87e6d20cc8552f278edfd49d2edad0248feff508a7e8ff898d718f368a609672dbb3409b473f07876e28f209ee3b87264d8ec143c587d8a1e40fe4da32fa6a105936f237f6ffa8bc121172418e2b524715476c283af5b9cf54943de320fffa1bdbb61eb9463d7cff5f96b5ca302bdc944815624a59d3b5cb39d1cac8eb73478f8cde4e6a712357302ddd8fdc8e7fdf26a3a4dc162350f244cee9003d95ee810aa9a60ebaf6204bc371118931137d0fb1e654c5eb0d9452b9b8444117be653fbd2f133ba2bd34ca97ad11d5dc6406285dea9d6364c9cc757bcbfc980ad98ff1bf6e42da275b4bed443466efcfb428ae032a5e66bfcedcdd08c422f9e65de54617932b840a17bd737e0878759a06ef558b443efffb0a88b200078153fd2aaeb699e6afb296928ff7784a597f492dcb3bcff2dd9aa5e38592c2621c2bf647e40b3c4644f1429f92b809e90744af49ae9097a4719dfa2ff3cac80c23279063bfe97a464331e14a0ad3890751e03757136b00d91756f02970785f3df9b028c935f5e221660ce2a8dbae76f5671fe6cdb0d427d990184ef2b59e4ad7eea8e35f0701191e0bd33a4d8a86ef97ea219c10979bb74e26b4b39bf3b98886f375ec9d5c5748097a5d895f71dab4035a16aeaf81f4e628a2aff04a1b99a2532b17361099e2e2f2ac27b93a9319bf9d8a9716f4830e21890453f3c81947d780527bc845af8ffb11edb4a6f024a7b874d4837ef124e17a6e307e852d6a6d38a333eb7fc701e0c2a89d0eb411b9becb8b6ab089423e04119eec7cf0d4d0be39190d52eb3296901f9a994407f5b0e03fe38d81953267a1f1c7d70f6c0606922754455d31e8c9550bed9d623551deeab90b271b89b224a643b0c478e4aafd2c6843aa7dc4a35cf6b7dca17b1435fe945171b1ddd67371206707d6612e960a2685d2f496dbdde4ea46b3faf8919ab5f563646fcbc4cf8ea8720d7fa615806063b05b73ccfc10ce343ac97ceb61ef31ccc606e69959de825b4cb491dd62075ae676d756ffe8128f32ea96a335f21fe3cb9863029234146eb866827522e51f442b5d712a3a31d2263981c79a089f1f3932372af38c1fe717438a91b595879a72f0f9204e180566879572f4ab5ac8778c8dc5b08b7f663f33b8e09ef99d7e76d972150d0f405f8965139678dff2b109acc711cf2c74f02862f441c1572d6ca0bcb37f1ea1518206aca8ae28f2a99bd6db891884e36a58e9584b2fcc343c68e7ce978cb357ca7a28771c1ad0396dbb22bf4dd1075adfc85708db41baad39b240584107f6d045cea5655ca350872f62b9a19b85bbc0454cafbcff5436624f89e5c0821151143210c23cdd4353b30f4dacc6b6fab05634d9f59c2e3e9d9c913a9384935e32e5d667b3f1f441c0dd2d642e801095a0310c544e89814a0fc56fc605d33684b9be0f8df4e058599fb4dbaf196418e8845ecdff5f704e9c5d381082473739f39d8f2ed8cefdb4d5ac4123d3b093762faef919205f06324354cb9878445e73a129d94dd77cea13936809d649bd0aaa3516e3b27544183b8abfe7fc7f3bb50f9ec6d92b0c33d1c8b846fa9138c149a2e9a8dacb96d4243866976312a5f9a59bfc6a81d293379341f45b7bb39fd87b014eeff08e215bd865b05f51e74c36dbe8ca697064ec449cfb91438d6cfa81cc4c1cd98c87ebc9b5c2c49700855603567ab4524161a571c76f17449e049b4f03f3a0dae8d0bd95d8b42fee3957a2dba02b5ed2ca61c8c4ce041db83e56163a528dfa3807c85a406ea86276b2d4d9a9186e71fbc9cd5562fa4471ef7a8b93aa93dfe57b985eddc654e779dc022959c4b324ae08b6086f0940110706a1afd6670d6b02c375ac10cdccc522d845ed3c7f1be31130a220626937bd78276bdcbbf669a1d825fd7b29b8f6

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