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
203d690c2ce174f6b347bf748f8c1e1e194212fc2a217b176cfde739ca4ca3573631af7b0d0f7220469fb0c81993068e4393bd43483381e04eebe83aab7fd9d6348da854a0f4a12c6bef7e531a834b0697a7b89af633ca00523e97245270e34a5cbeab009d894c967f11c2f1a939efcb54b49dac782beb0f51dd2d90fe17d2c976a51b7d9845fc78b25069822841ca86251201b94e87d739317dc1e46563a073c7b0b0b535018b0608d76cf2762d9ac20a570706f61ba2757c3dcea920dd115b6bd6126517a3f8102770ea25bc527c1bd80c406da7f7269f923c23edbc23ff146d93cdd95fe2210ad49d2916e87ffb3e5d9137c9ce57057cc8f95b17b8b7a2cb31f14aac409036f9729d1b763f120514f803d3642e854a2449635150607839ef0c5eb953cfac7191183ee915d22eae7f3a35d66b2a6a47ff036d0c9f8e017902dd4853dfd17df0c268ba3ba0880e2f6bd18ff61cba3e8b2de6120606c07f188f0474f3c332ed78ff9cf171d44a637695eb754fd3432b224a1ca30bbd922b3eb4d2e046b3cf4fb1a70ebd38e7785911e4a733b2337b822d15591ba7d82e0ff60c9b8526ac457459580336a7ac4a0bfb5b42dbf2e94859c23c7e252887c3e6ef125ae1074e3e2605aa225351ee44546d4eeaefeeeec02d7db42b47d83488c178b3af4e5719703afa8c0c82079d0aac5ba3762b8937cbe3db131907fbbd06f568a843a18636e586df6ea8bf6d8d72d98e8ea97d97e25deb117d211324409776dbe0a9cec1488b470c25c732e572218f28477f472e71aef857662b921237e4c9acc0ddd3bea8d28d0732fbb2078b047bc9c2abda502fb6d4d23d696d7f98dec007bd24ce9f5659f83cdac16e1a6ae7b78aa585495d1ff43f9ea19d847dd78e23ed6c11430a812cb759801330b92b87d91ecb0631b0f515b9e5a115e4c20d73aaf2a99f86ffd8fe94178f6012a47d53321ebcc889cb17db3d593339aba64098d42f131b08ceef759682a27b24ce12e11b42bab076613dc61f5e74b1fb9e925337ef36521a6ab2c0cd69e74c6d1120c32d5d0d3c7a6a3c397aef9f3d3dd09f4e2606a8335fb3501b6041d62bb22b48f7cd87ebb401348dcc815bc5be0176e2e638955905ce474d1b1984dc1e32dfd77d658154ad9485761d5ab98557cea55f12a57156c16fb3effd6853e6edfc2e89ef9cdff2f3622a1e80c9b7032a27ed03546dceae8221f70308f42dff5fc53c07e9c7202024123968465cb7fefb3a9d7301943988fb705bfcbbcf7db6fad7d1d19efb40b07017e0419b048ebf0138d1af13e30e0b922665270a38045c52f0c84ac84b7b3f2d2e430e4563cbb49102f1314ff3ca8b4feb5c8eb4665b435c3bb24ed49373d36c9b7bc4c8f085a8a5b4d76fee45c30c436fd777dbac1cee4f5513b34eea124ac20229fa9573bfc4079787aeb790abd832541d24665d02637f93fa3301837a567626dc30d598e71b6074b9a3080de469df54d8937a4e36e06b2fecf6b38131713d0c65106e41f42f10e6d85c4a34caea7ac8eb48e7a42af8f5ee440c81f30b119f59a25b3665f2cfae3fd7c7dda993ac1046f3ab6beaa05b33d8aec8c9cfdf15132418064446ea24955d1fa469efc48808a21f426050de4b6283642267094bca959a7c8333d0f3848f2d8dfe86e34029f9d759b7df4c776a9124a4dc784b8f7a86baa6cf4eac2a9695a5942826782a69a3543f2c01dd3aa68f04bbbeb7a4917bd0e2ba910ae51f58519d1e4c434fb71071e93538d8c9c64c14df399304283a5ed8bd60d48bbf155a7a958db7a08028c77f6e3997650623d018ad14979d7bb236d65485a1acd309ebe5aed06bc2075ecad116c3124016645647003a91064dc15bc52f89f6a284375644bcd4c088724cdb8c15d2229ffbe2ecb75414f1781b965ce76b277a39f47803b05b7da2d4bc373832372241f09ce43b2905d0f31e22faa796338f0cfecb43f9be0f943f7ff67e570191dd90cb6513d20740414940ff7fb2e28d83050bad438c4b59344368ecef827ca824c20cdb7b5509a6656afc46459a55d22f495c30572c722cb114b3a5e9ae9d712d685c702c7e9f873afa4ee756ecb2b7350074ed890c723ef2fa4a5322a2e7b2b9870a235641f1add6a76b05bc89bf427af850452bd77cc7dc22bb447ecbb5f12b4d5970748246876d882e54eceea123d3c73cd0ea665929cfe1ba018f1115594da3adb46ab52d7742b70810446b484ff11588f8d9d9cd966c6a416f5ed6
Bordered navigation links
View code
814cd4f3240dc8eb768eb8e9630f549ac630a759053b1780ff537fba327d41078874cf4224bb4f9a7d84cd0f87b9690b622dfa3f3d3389213ff9ce150d01ca9edceb8f3b90d6451f6a5e93ed3bdf1201ec4099b65a190e9ce513a8be9c191597ddefcf1564c6903fa317a9a31b71e3b0ba45dd0aaffdca63e38a07e3f06fda9b41ddf4ff05d310e107cca60a49c1d4f11d38482984e625fe4b01fafce5cb956ea46b4d1a7c513f267ab7f446709bcd665c8c55103c4f1b501982952062f4945e623ba7a18c9821d0cca5be7b7d4e51e8007d327099f38fb19d3fe2cdd6a969b6a82eb08f3bc885e7057c6958b22323dfa1e1d7a4db583c1954d4c3a64e44891ce21cecce52707b8f413eadd59d9a4bc497d10c1ea6f2931d9d6f270f3e753de9f48a681ab63826b1b14af2c2c9b51d8cc615988c73814afbe77908675a30787f1d4a8059b43d741ec8b683a74eed0a77fbfa97ee91db11a1d93bcd59266e2da7db8ebd39fed41651b40436ef1b2ca7dd12792e401b570991d9da1b2a068b9972b4fd4d2649b4309b39b2a1fc57e70f84e93499cd0672f3decd274b7bf4f3a6989e538bcf10d9d8ade5eb3666a46cf376a2294069841d7e73902bd8980cc4c7a82befcd9a78e81d3593b12065d5d519eddc7d80473b6d7d32a816339cbf4701c9c3e360acb5e5e268e580d318097e0e0477a5a7d685e4eca0d6aed128e26c67bec243fd0d94217bcf54d20693c98acd746c8ab7816788bb7218cba644e98016540a179e0b7056c03bfe68d37cd16d3e23fe26bd78ebb32a5558b782123a1d7b86efb73cac685fa99ebfe4debae4e6187097adeabc15078692bbe5c4baae3a80b476cc0179b2529acc2d9bb47f3f0c2daacd63cfd261ec686b58ebb965a6ee22eda732097e0e554a92651c30c7f2e22c96fd54fbd9a06e5a83592ce0fcc71ec45be87bc23e19eaf53f22c20628ce438369e247e1968d7ae381de08bbba8db52d315ab0da336b7e171e5b92e64bc485dd5ef1f14def435f9f688dcb9aeaf0f53b4c940e0b5b23cdd2a76b4ec0b3add4bddddc5f465135cd7efabdcc409ea87025146da5666cf3063b8b4796002fa28a8c896900488035b8f6db4c901649d84f5d9156190e3f2bd8abfc438768ce9a4120e943f36952492f3219de48374a13ab3792088d25ffaa58268d42fd84add60a1e62a9ae1ab80d28362b5c3d79d0638602cd8ed76186adb474670732e41ba00f9026496dcd1fed20923ad962875acf9f22f8c49414cd24a5fa437a610554db3c5202453499e162da4b341ea3ebf59d6cec969eac591012493a1d3d6c2d8fa29036661fa9bfa39b6c1abc19530ecccb27c8fd3bb987436e1fe1d8b570f2e986607d9881c337724c8153e01520b80463a40f61e0fd622f821e085e9207f1b7007ba6fe7404366444ce1a7af44e3630e701f524dc9b8f4b45fb057f9242fef69ba6b9b2b8006b557ad97da0ba6a66ee544f41b8683f052b8092849ed331f962805f7854eb37d6fed1e3417261944b6108c0b01a220672fd20dc44d8150ab826990c76ddf7065372744418f49d5c21d012fbb4a54dea51aba7ae7a54c2eedd398428adac3acefe262dd547d46b152efda07679405ed847418cc39a043d19a9cb063ec3b8e9b234380c61fdd76311d17188deac0c7922af97234e590e44469f92ad5cad3d5130602a79e45b1a72865790a3abadad2827d38160b9b3aba41a6ee06ff53e3ca7dd1aa4160224072e4fe433d8fd19e6d15dd711e03e632104cacd26baf4212d45d47c8ca87ddb53291f5a4467636e30507c43b320213820ab49da44e842fc2fbf9e96bc6d18ba70e020fb8751fd19f89efc4456b6e4ad5dbca586a503c16829636cfa88b03b3511f35e2df06c48a27ec8f358dba77ae7393930fd242fe666822b8707a79d8e74fcae6eb6ac0aa5f6425c9896a49822da27375afe53395c8d415945f85fa462df140a9640c1206d2923bb51f9f3fc19d27e5956ad05d4e0f51ef01e029bb013ac5b9e8492d0df4a0679d141e6584e448ea66fcb632a3ca4a855288dfedb619dfd494a845b1370a5d64ea73613332853ae98d36f1d2ec82cb4af67fc05a62cae4fc3ceab41fc2893a9de77fca45dd4ad72d93384cf1953597198139442aafface110953baaba9650f7d7bbbca91403d45b3fe6834508364028157bbe97fefaa973e4f8b481196dcd900b03f90ac3c67da6261f0b559b25ce71d14df784c13c1a0e9796fe262f46e4f764b2048c9b60121ba7f868fb030f3db8c1391b364e2e6b08277654185f463e18cfa704538ce5a7764685f84b233a916adfc1ef46b17bcb45de054c0079ebd7edd7daefa63785351c851fd634cb95cca6d81feed36441a2d761d18b161b6112559877e95f76e0f9809c9211153d2c5da1006039cc3d399e033edcc5245d07a870775c6fc569a2c505573ed4da2a1c5b77f37340b3a7b616a3bed3643fe36106b39fe559cf9223da2b167af81504eb854c9a07c9beb1c62402da1d1dac83867687beac7d44fd911550782efe5231467dcbd513c7a75ed0b9735765846a7f2b65da31e8fc0fecb24e3726060ded35a638831072d9a6b2e5829ee307a57feb59f129665e284f3ed7a1fd9f7d28391266567004c775bb4d39720957ce3ea90fb8a0d5009bd121442f2cb8da51a34e3237987f77dcd72891475c28b84733b090605d65657a87a98c18721d474e52a43fba7a35a9
Button navigation links
View code
bd0e03f68b514506e18d5295791fa4c112545a12adbd46abc94ae1e01a88a0b12b785d4fc0bd03a9ba337d4c4e499264da31f560a8defd3f4e89174f5cb2572c109abca3c4f67f77189ed8be521229b935085a9b405a78dff12a0fb12f29039dc7ec9555d2a07f42b5a311a463393b41b00606278bb954208b32ad2dd263c3f7e451802ef34dfd66f858bb8fce36d1a7652400d29efa378775eb531edbe4c0fb8c7aac6343cea62cf1b8dfa101ad8689d887a87edc8c7344a0f629678a6ddae397e72f570c5821319a9776a98594fa85844d6c01a1b01ea50c4dce3e2fed995f605ccc1d16f2c5ad7ac0e6ce7163879c69b81ecf4b768746319cf23b1a988cda2127f8fa33414d585b47fee20ea156a02d2eb187aad634ba28d2173d5ad34d6b97b238601bd09099c01d9ecf3418819638ebf0f1f4ce1e7a0a345ae68f2f5d0ad0f6ebaf12a4ca7426b2dce00d635c414dc369ec390920293538ff3113b7581d020813d0d6ccf1f82b2606f76d782c34b243cae4bcfd0421cacdebb47d9b0b2260a8346bcc48f489631e00840a54da56a8d192fa921b9a6090816bb327715060c331edf0d8ac424132537362ab6193642d0a944dbd929c523103ce4e731a19a2804fa1a58a4d40316f2f8dfaa7f6b5a630358999e66080592641c10cef0567cbd8036ca0d7e2e2194a63855ffda132b4fd73ff768d3d76de86856100b719e0bc6a5da409f38e6f0b74b1931c53eaaa1f506e4e5c8a717e13b5b5225a13f5ceab328c40a61b09e059aa338f5df3c7510b0db8005ab1bded4caeadd07ce5a0e567d8f21e7f1d6779c792dc49953159d96d408919da30a2ef56a2bc3b3a2dd74540fa1e01be22bd73dad06e1b704909d3781ecae88f3628ee5366d3ec34bb99b8dd8b4017ea461904892a01d02bc884318a56ba46d59fdc8601eca550d092025793924cee117f0a487a490873bf640c181a6f16ffa21dff38ce2a1e3599c0cd261c9373b8c6a82b46512f52f7d9249acbd7e98fd44d1ef0e50d3fdffc54b927a81da73eea1fbfa1976da1638f00f60113f20d9bc9d506774564d0569f801a8ab087133410600a00eebc416121a95ed4ebe57ab0afb25d637ca280b4f395d778bc49229e6e8639056169a4acb3925bbdcde23edbce59d08a2d48dc8bb7598f51ae7b563fe0f26b9022481d809b045c106e0b50bfd72e3fa2b00b571e5843777484654eb69743e188a71c01ec11a1e94e3c2949a631c18f85fd1e38c18c8d625d32e04432c6a79ff1bc820f7eed6d79ff6162e301b4621ea314bcced1e750f37bfcfb78ba2b61b4f695b0adee1e143c83aa59098326da4b452bcf89ffb68f71dc992e8112673beaeb4ad30a1082367607746733cc499793d0b315cbd27362697700ae77675f556c7bc70dc8cf137330569049432492f27e0824378389c1a1fb8a74c505e89e70cf8c93566d40748ad0bfeaa8bcf0bc018561cb3347b1049f9383405bf76efa59595817a043f96ef0a466b75cc4bf8b7aa244460a7479e782a80575aa2de3fa3c6149208a515e39464670e4fd1c97b35235b65a079661ccfaf9243315edaf8e1ada8b6b0f83492524b7df68802f1752849176cb3bb18336ad3641de796ab716f5155c395a4fadceffe28a4141ca1a32cc41b934ba527872df51028206b3f5edf44f8b1024e8387fac4b986048de417c869a309839775370ea8c8895f3f09b0778e37260f7547dabddd62da52bd97ab4d106a0720722fb369f05f7b7158aa335f91d4f671f326d9c0d52d1c177e27cb3cc1b06f5f6cfaa6b20d1f217f281a6ea73f138a04c5584d732d602d58b8c6d9cc1fb1c7a7e7442f7536a5cc1a8224df7ec5fc8036dcb27cd5d93fb06188c2d115bc97c483f09d58460579d61363c8116f7a033f699088eff8f7185db7d82c694de3eff1caa6770dd324c7b74ce1f9be31e2eae33f74bf6d6c89cebc6bb7518089c01df0c6ae8b563a696ceb76bd8ea131ea9765d2b914b247e3c5a37d04779379af301d001507696909bb96bf81d34e6041886e72dec1fb2d1b81dbb13c76f75b84275fe62d4985db76644ab2371ba180d6efc22bae6e4753200612a7719465aa01823ca229160ffb4769b3c569f5dd780a5e9d7e29fd3b3ae686d4fa0a6df6a3b82dc1f6792256644d9a22c0526d491a89e307d9417e595db974211ca06ed60b82c1abc6e06318bd7cc31d4ec3094d82249199bb088ade5c52d43bcca1188e2bedcf9a3ef8af0f78136cdc658b8af1e64c9b45fbdc444e7a832dfa6de7673aabc974c3cd0355b708e10227bc7077cdff140c7c9be641fa7ed4ed4625d016d2af498dab5b6753f65c75c59045bef85a96288b115718764a07a1e089af1aa3c8155feeda396535ea19fb2787cf4532e893509ce845c053e3c676a2acf9b6c862097fe2c4272d1c001e37dfbeba04d93a402c1492bdd8bbbfb8a84dbc56e35568c294e9b337603057279cde76eba58ff650b9e3f0f62ee74e95d4abd2777a7e8e18f8d110e6437b0d0c34201ad8fbab19af101338dcff8b6196603bda7b174129c0a0840224d8ef624387b6cfd61f41d7460fd5689a2b69d397ef9f05d5615912beef53b733428e2a9ffac3cae479b71cb1703801d4a0d0a4dc3204f59cf988aa07fa8203436ea28efc75e7ce55d2c443700c9e20f0f4fee5715c95ede1dd7b34b64388a0263d9e7b26b019642cf15a2a390f62eecccee92f75910f1e778e0d77423a5371eb0ace975314c03bf17cd47a18364f206f82628a896d558ac9b043b217e5227636b29e517afaf83bd7eea5f3f4ecf6b6dc6f3ba4e7c7c863c152e21950c5c7dc708595cefa2c0fd97188fb2c10b6cb083680563e4edd1689acb9a168a33082018ab9740001de8b536bb3e1531a35ee2a4e19fe22fda3964b66210bb338bc5b61e8636b627ff1ba0dd42cd31d5aa4560675e3d0b5fdf5f948ea2

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
d48a86c8a2dbbd6ec7b397b39ce6a46c10bf3e4b02d9d2a6308bcc4f1a4228643cc3bada852b6a570dd8815fdcb9a3e002cadaf59b9fccf4e81229fcf2c2f4b022e8d92ee3110891f5141c0ecc4370e25cc583eda88cfa5b5a3dd027895df39754516ad3c59218570646813a08de175b71e5e40c3f5c0778fe482230183ab3cfa79bf245af95636e5d8f51c8936da29ff03b34a806a24cb7cfb58f90cf8d154a91cc2b18d51627a94ce12db91024cbad161aba91ccdba467c48a01839a72d02e2074a83702209ca7725aa9e40190c24346dd2ecd6f421282135c62f0268a96ea022747a0091f5bac5d7698d29df57cc4eaa21735180ad167f4532668106dbe2a20f37b71eb032e4aeed184664a04941d2f9fec0899df3637cd03a32f31de3b2a8d36673fb750adee1c9186ae7650d2bda5f1eb6a7501e7da2dc14c9cfb441dc52ea9f69c43b5c4f5113e4a06da680d16f28edecca03bf26315fb920008979595e189b72782113062ff375f8b5014b1d055769b94ae636c7b76718974c5d43a52a69cc21e2a64262b1fca7cd8be14c1791f8cc557fa4e68843cd73f40e0502c2832931d775987f3abe6952c6cd58fd3b56ebd954eac2ccb898dc2af146283bd1a7a58e26f66a2dd0eff0f2da258717cbceb6d0d142fd00dcad613720150f24e1b3c82cfa20e4494014e4eed3d924d8393f92c059de9afae720d4a26d187f5202a35e959939873d4d29b070b4961a6cb20c0846305e052aaf0cefc30277ca2786959c1f2ebed34a6238e805431192dd1835ac8cbf7ab7fd87afed0276cc354047dbbfec859cea0a3e497d5c0d0d610bc0f3ff06ea15aeeb1759c268f5e26fbf1b9ccb33590f63b050ecb5f1a761517ca8b6ba8e6170a9cd8382896ef26184ebbc85c7219cb2c00173f5b49a212365fb09f137109f3001c0ac1e868a2e78566d4343b198da51425ad19e85cef22da4fed7779158dc5a26af6d3ac6fdf1d612605912710e14c4f24368f5391560aa33ad070b6c18d000bb047279fa50d653fd06c3f52365440caef660776d579dd8f03c9383dcc95620b977e122c405f8673d6ea13fd6a7687aaedc2608d4557a5d0eb4d8c68cac8bf21405966c86a02a651c4d95401d38182f769c9d8e713d9735076ef24facb3eb7d67f8b962eca1244a48b408136ba21d70032499ae8b94d48bfda171fb09499b4f25f62fc10bbac6fca1529c8a1547068f59720a9ebc1375b489f0d9f36502d9bfe95b32426bec7e318eac766fddbf2e2ec13660fd6b2ccc8305f7dec88c2f3c9f8c7335851b8bf2d62f5781ea5d525c0125452b19d147395c56a4c6742279140d5b839bdd8caa06448c1ed61

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
c102dca659dc1fbc2da16b83426c4ef12b160c49bf965dd824cfa5fcc4211bbe62529c990dd911f10f0ee72bc2f899064d94926e029a204f5b0801fe78d85baf8667502223d9009d2199921266d1c93195f615313434ecdc866c16381e59252b19b857c6b645a510835ec6678ec81ce106c707b9cda11ba2391140d17d3aa7d8083f4f09b7f7e153a99ede579c4b81077643af10f5911031fe02ce6dec3f037989e34a44e8e72cb789baea7ceb796639674c526d7a2acbff2ee2df7b07bab934eecd821af8c5cf07e4f9073c6fa1362564ac37c1840a2db2ba98954b0b1b0dc84d0b163ab9a6489537004f6711adfe58e35ea6c29c25707d7e30089e23e366ed95ad25f799e556bc354bd66ad81d29f93c7c1fbe49f06dc02e740d6f45f0f08ba6151dca64dc2a5abbe100bda85c4df2ba6e317a84a1a8c0f4382deaed20ebe3356d48367748bddb6e290e3bf8b5d91de8fdeae9648ee1880778f7c6124d04ea8823eca683f57d8ff85dd14eed63989ae28cf105a3db28a474f82450724872f12be1276f39d793ea8942719b98085b467d3729cd151bd8046b362ddf743608d9091d2bc42919aa87ba2d9c7d22530f9e56a73a6f60d9de2e8f7b87cd37c04b39fa670b80454774e4acb9be7f62a82a2ccbc2d5558405cb8c1247fe20d0fbaa23df6c17d991b4847b63e1fec4a9ca823d9c26a9ee28736b7d2f4ab4ac4c5a5a54be7f88638dffd565e991c96ed6b09cad7da7963c98885e302c8a5084374dc153cb4cd05a709ad3ad78c423c66485ba8f7cc7e3b82b63d3837359b4dc2ff2bbe306960e6123052d0c4c6ba1a1a34f377738c8a1be2d52694276c1f3805027097d33c3926ff07e3df01dd73652ede4f0451c607e7ee0c40485e48a1875230d5b8a20d7b96a816c26f46b305c51209dccc6beb71d3f47d152139088ff66b50cb9801ac6e056237e46d74a74a42f7b588cbc1658184a8758ea3ec5d170481cf8bcc5513cda1d545150810c4323a81f26b9cd9436f95ec88f4002f20d8cc82d19b54346cf9f6b4d6e6ff4cc92a33c0a6c2ad4ad4457a2811f11b57d43ddac6d5166741912250eee771ebff9ee1ec37cdd91c32f7e806a3c5f85986d5ac7c4d5041b2c2362f7be5bf9d0056fe2b6c86bc8ceca4352b6668ab940ad6c3fd1b05cc0e55da42d8ad78d3db6835718ee8b8b8dc86edfb82bd23499b160d103b2c32cb253720573c5568d8c2c86926afd90301d0bb25e6fd53726f16ab7bf89a4f879b8f2c3008bfdc6ec9c2024c9070855f6ffcd718a0b130d309d909ffc2034f2121d32dd4c07dffde3d37e5b9955cd62c3cf8382562f3a8a4903ef68ccdfd34ec4215b358cabbe7f2f5061ce4bb0ebb62c7f3d9376052570bc0f5a208474cdc6e4186cb813b6d4c9b868359c23e3779a6d6f02a893b30d897e7c54cbc9657bb5a3240c570aaafb8c375f90cbc817819c36e9d39c60ceb3a27125122fd880252cf84b623c0544557cabb83277f3e7483cd5360fab36f6044502bf856c1b820fb518bbfe325023f21e65d69aac42e9bb532a312f33db50c38310ed4b03993363e0960f624fff19099413eb2aa0d8cbc5d5d679cdd1f0532452ee1397f28b69654b9885ffe96b789999bac16b72d3bd4a4ecc1f4ce13657db3d5c9335725ab7b93c18925a5eb5d3dbc3670eb59d9b5cc5c63506d57c01dbad35757cf79bf6175b0a6da4c62389fe05bef5d3962eb2450be90fc0f5d72cb3d587c1243f3303139a7ed7e376f6219fdf88fae866988c9a67f671f451e06214468782cc7f62d683b7dfbca63672a81982d7782600bf65649c3b2bf6ca7844cd98dfec76be563d2d8e4408aa6082472c5119da40938392459b41f26ba63910d66c7c4b9191f19faf27813216f1c74f2391eb689b94f3f8ef5291cc6fc77b568b94dad7a59ef5c94716d06a148e9bb8dc785f38492a14f10a14f50eab3e1ff10cd2eeba1370ed771f45a989daea8efb0caa4ec9e7e67239489f7350400b04e927f0f9de095452f39737fd53d5bca4176bd73d29779c760c1dfe14aeecec6d4e68bea8eb620f2d40a5ea9072e162c3160122bd1168fd8093dabf330bf2ad3a326ae7f32462971ea1ac42674e8617279bbf03b4deda0ca48f9b8abe73870473fedb84997e321bf7984594dc7bd1ca19e088f2df9dc463e50382fd8d9abfb4824a66db68e7a80f24568457bc3fd8012e9411883d3fd87dece84e35fbc4462f86c619f36287998bc8b59f0584dcea20aa5cbe2deb2b38750ceda25ce7ab9f3461339c5629430d56095e735cef1cfa1899e4402a7be94b65044e2812f097982a8f4f9f99ac81e978b8a7697e2b4375932b314fb6b24c474d513006f6b52daca556b1a225dd8dfdea7f3fdd04db611ddca73147a7d0eb3f4b0035e4d2e6ca68c3f387b449a1f1214e9f2bd818ad0f5b0f27700caf64b4a87df9a94ed78e3fc9736d424c6514f6cd0977dbbc826820c23424e368c2b8c51378ca87c1be047b7a71f0822931f48fac96f0877a9bd024990c6e20e567ab3c4e32b6d9d7190c345604799a0b77032daa5f7069fba0c3bcd76be4e2e9524953b26221867f24c33f225b849d30eaff8a926bbb8d5d073212e50d5d4228cb2cf4f8712a172b79ea9b8c1e9d4590c2ce5ad61ce3d06715d1297d8de08a330f171d5b9143829440da690b094f13ad6d7438359a9c916b8e845e5f5dcb71c4a8a934a44c2f7766cec5bdf0fe4b0c0548571af57c6c9f7283eab0580975a6ba127deaad74e1d5ffb88e489bab45ce1303ce6c9616152fe705e462bacf32e0fc6ee1f8105ea8016ecd425b52dd585a33b3a37a194fed34a5074af8ec038d59f46568606e16d4c1be37eb902ed13e47399dfd47b0a8b9813d27eb92d52185afafdc546e091f5c62763a17468dbfefb41db03bd0b8111bbff3d5aefdd4879eff080052c5625f5c02199f1a1cd91be583748bffd6f2a0b17bba6dda26067a776202ba953124420809f52eb389d4aabd3c134b4a8332f4ba04b30593eb0f9831dad539eec4cbce3655689e29f227feb18756ce300a6067ea3d14e974933d3e7da6e3ee320e4f2731f616cdcbb4686be6643decbe69332ab1f25867274f62a5580c635090773ce573f0bfd0130929fccddc1c6cc9a09dd05b82502c67f93f1f4a1a995b28ae74c83d86b55de71e83754e01660faf2e5a077195362c1cc3f9d819ba14fa8c71d8e4cc377b401b9f9fed2a94cfaad2f44b227c3d80c88f3f7d02154909a5be4eb3001aa574bf53012eb3b2128d97153123e55f283c0d314f12014a055aef6ae4f53a586d7a5a74900852140f1b12d89683e97e404d9dd71c116f036be2744a38577830835f0e12a72e8958d95a89e392617f1c832b7d8252c42cf51b205442fcccb8751dfddaa0da51b38105ec127603507d12c6642eaf764cd813745d5b7b51152e50bab1c97a70fddc463ddd04e4efade4db926b77b2b161d0e4ed40482ac745e150b9568f6b33c406da109fc7c61a538cea9cb8f5c107e00bbdf780a0980b65a4eef52f12a7d9fd0a72dd4c77b703a0e0703025c83e287ef60da39b74156791e9fe82eaee5dfce445084eb39f1627edb5c6f867d2570252d55191c57f9cd8a5246315529344dda211cc90b6338db5174ada723aa9fc809d4fee4ec022c4eac5c2c0897585d6aec9773c944881ba4c5071f5bdfea2f928811b8e21e1f792bcc717653e47833a50a8d34918203d68376315145c859c0931cf92e3fb8b81899fd0b80cdbd05df0b9ff55a5467106376df0355442dcb2ec09925557b5d97df2ff93c362818aeb5ce6a6ea2f35a951773e5c87abde03c2955e68e7dbb92b051d6e756208f37d19e4e790eb4bc1271b1dc36730a46e087790c0612b373b3d8ec2e1da64799fe310b4a3a19e7b77efa7d0b787de84b2dc66d939a079eabd55492041ba09bbde17518b819ada48372efd0a762b80f3508ea4645c264b3d42eb399c1f93c8c202722bb831ad020e1da43dd010ec0c21e06ba94100c562299a125e35486951383f4ced28b3f1cd9811e6f4b673e8ecd17eda1710fbca2094c90b556e371b6a5efab4fb48554f3dffc8439febd0e0b69cb25c322ac29138bef9bfbf9e7e78cb7bb8197c2efddc8875312c32c65faaf4b0009f2ea8db70592a6770f485db178eb5d2e8a285e29e340fe17bd0ff34d8b8b4461182cc57e7aa39d149386549df2b24f6689ba782414e822543acba556892b468496fe547aa96104cee9a1b36e9b2f28ac3a91c66a2bd03b265c67a84728956804b856806d6be26fc267246619b5e52dc5478b5a251e21cd4505a17ead55fac6eaf0f5744614c275ea95bd55b7347b877c3e6dcf1800da65fd40a89196aa55da10eae0b9c3d11f014646413facf3b006996e55f69dff29d9bd4d431b546026c2fedcc4f6a5c1b2ca262672fad7efc1d26d78a35cb468eb1f165b07e428de7ef6079bb84b5a2619308803f28735959dda10457fda2f8a3e78f2827ce3a4483a85dcba7b7cbe044d0baddbdcc984e96fddb7b3a91eb6b21284f1fd7ec1129c033151cb9eb5b0179e1042f889edfa91ec9194ad89e4e54f3e2f0dea75d066c7d8324ff5cc6a1209296cf9431a64af80e28468b011c7754d1f5066456cfab62348ba0589f335e2f64b66719646e0712aa16ca5b4717976d939e92fddc8a69c58d6a1972e22c6dfaa8dfcb078475efaff7cbd173ac0cbc7f0240e8f3f2a99b3501cca921d10ed3505327e1f5af956f71b4edf24c6f48e71464df2db285a4b75fe8ea0a5ecbd5f3b517d116a02173f282e28aceeda9c7bed2c1a6b19180b3faf1f19e814d60c6706d2f5d0dc70e22d7f7ffe0cda86343885008a36ece9a75674ff0ef767c3c0ae86b9c04782fd3e7705080db4e77e0884b6afc0a89d60a9cc4880ea058447db415ac01116f855078c5f8a9c7ae2e3cca489499245501d608a8de9818ef8ed2330e2d9ba67c7ee5943403aca003725274e25ea90543d01cebd57409ac451e964b08edb604bc90418f5fd3cd0464d4baf1aa9b9716d431c68553b4f5f64b000b00f334fc2595ec2f56697f77a0d52e99679d49f4402e2b48e1e3e0e50bcaa5273d30d9f744dd8121eb60d39fe3da1041530507829975210a18672ef269a0f1aa34ce1b1f31a9293966e9897aa9c09a519a6cc5896478273f250a5d048c0cfe3172b79a8698
Next article preview and social links in columns
View code
d511c7eddafa407df1d73e486e3f86dcb6b8ddf4a89e06b9c1aa343afc4c3beffcd9ccbb2fa10ff51f135f3b2ac2e21ed9deec73a2b38d136186332ea17fd4b7afafaedda44cfcc3d552edc2078e463543892e9a3fb6b75d08e84af46578e908adf4af24e956fd2c848527e36700f5f8eff489ef72407f7f24139421ef2ff3c0fb508f6e7edfcea8f2a0b978e108a01c69848ecf02715829305aa7dddf7829fbbf1c3b8257430330e5220ca9e238854d3ec4bcbd3ded20cc9e5c83f0ce9f078a7414d3b8dd70adda190727c709100496aa34727dc8ec81cdd8b2abc2844d8410b7dec094a120395b34ff63a9128c1034b3060f4e42ff32403eea0d70aa22e415aafbd029facb07b775d6b13d9f6358753be162021c74f930074a256c2a25bc66b913ca9d9b6bf62b3bd87e411f3a9027d39999641e190857c2988a89029fdeedc0a4ed8cd5885ca144c3fcfdf8b15e0a4ff06becdb3ba77a3d58ec820f9c145b07110e816bcc704b0aa0a3fdd6c1d51a2595ca1ed56939adb2b2564a9af59122affb48f9c52a300cdc187d169fc490f9dabc32792098b1e6a181ee30809d40f45ea5b74884e2cd352f0807c6816fa8ddf62af7e2adbafe95347c68af154133e8699aa8af4f11ff7e3351d3708be6d3fba2eaec636fd57d4d04a82ab67f8ecf3893647fd3a077ea8081bc81877a84e8a807962469237141cd7c5e7b50389a426c18a0d6166791952279525c6f3bf65c13b9fb32c0217dd359f0904022a98da280b76fd285b86ddc171fd5d0220df3811ee3cfbfd28b8e77f615d5c04dc981685aa4b13de9358c5cad907a45f188598ac1a18e84b86f6aa39abc51c9375ec24cd7cd6ba9374f379bbd94c0e738d261a68b060204b77a93d47009c8a410aa1710b21ff0a563d2735dc66cf5b272941236289907f9b0ebd49d790cd4c3bb9b189e366d9ef91c367f13b0d7d176ccfa34132db44f3b361b0b28e5dfbd06de2e61521f5ff7ec39b50706d0e5c50bfeccff639cb9e0f42dc1d65ef61d8534d5cd25f48d17f7dc9763dc86c8cfe02cf7f0c06222ddfe46255352c548399dc881783fb3883999cda51f4d3c88d77a3ea54d8b334a3576e4b225d3022a37684c50d455e8b9404b573be2b2c4c2b3556717465e0592f29d8e93cf695aa0b9b444c90515c382732b498aaf69f0c364c895bc7085f78ffc39acf4012fbbd95710541c4cf96b46bd3979817bc05cecd156cbbb0c92b378fc3eef4589198973443d50eea7d97223a17df2318b343518d5fa6804db9c040bf8bebbb4e53baee302f9192483c0096b81500c6df1c58d7d9299a9ab77c2a7507d92d7cd6d16eb892578ba6e00b63c8bb7b6b4f6862bdcc8c9e04295bec24f6ae36d7d70c42b01882b772293499b4af6dc931eb8890fe50ed5b5236dbae6ca02394dc1f92f402b07aceddb2794974ce37306655975d8d6b8b77f3be893a7024e344dac83528a56e93029ca721c0c740dd0bc9f668cec6f364c1132b3850dc1b519831ed73479ffeedaa47e176414a415a9cb03fdae52aab8c1edab934914db969f8a83f568111848dee4e7d816bb3c09d673f974ff3c995e6318a280f95eb7488e8307c65f1d56fc5e9905447c39230062197563016ca1b735d5b73db0bb727f0e7435e03b406c8df49e6d106b9e74bf94309a9eece46ce32d24b4944a88f073824ccf722fad0f09c66a2c7f6f7f37ad5327d030da99f939c35d667e84d251e7938f3b8b80f014e55967a45f2035e0e4b7d2f94be66330fa5fcbebdd06f1622e706a5fde3d665278f9b7b4c07cb50692757bb80223e0872d6055b12142cff34c0f4697d8c593b7f60c8329e38a2fe21024d788afc9462582e6cc9487b797cbd9a9913d7a775db7cbb70ad7fc4e79e9e7254299110dd054b3a35be0757f89936fcacc7d9659d579f1eafa0dcc13a42396fedd95f1e546058d9782539cdd95e241dde2b57f5c327d2140fa92aa39427638587a52452109a6e8377d47521c80e4d0d1211079919a619d4b257cab837cbf097eb30233b0ed99dd9ea2105b550220462f16ef6e598243d9ab2cf4422c6b1ac1e1a4559ce59f9a0d89730cde210f0e9eb9f7e0573ac3fece34aaed8cbbfab419fc2e92f9fa544f59acb8cfad3b53852d99a07050e3972ae8c537225d86159313462e0904f6f18848f5f67a593e906f1224f9420f1e57e34bdc7caaa7189c944daf46d5dbd0c76e7dbac45c29219c8c73fe46bca7d22c183e9d67bc9aaeabfcffb5595c8c97fbb01e5fc0722b3d8c006f1a71fcf767c2e01d44f72441634839a201b5141eb4888b562e3322830a0e7779a70228aaf28ac7a3d55c9e4030fa62516b98887d8b44c0f86d2c0bb28b4b22bd4b95055aef3c6954b085c383da0182f763589eeb57fbe5914b7f12e1de21261eb87f0e4191667c243c2204164b9b00fb95529bffa5f286d46f58705ede54e5042d68f7a3bec9ca23ab3bbf1fa34594cfd6948912a85f0ef6b9bc7a5abcc27203d8414962febc94b2b34a61e76128085490a655f0572be4ab752a92b66ee743666094be55946709b20c3c1e86aeedfa2f0d675b6a518edd669ccb44442d13d606677dbaa61c2a67bb812d65b1d77dc237a4e9f5179011ffa7b5068fd76b1631443c660e841d31ee35fe0c6919c2b12cfb301a2fea0fae452aa05c92c70a488dfadec4964f202e870dde6b6d2320be84da7681c9a35c1eb425ec9e784069832c20f1f75601d41b6f2968d2a5432f3aeb19dde1ded5e7f1633e4f3c3a476e30959180112b94996519c7188330d1d7118c9213404e1707185151a0610c469677c3a6fd3664acb5c2e164ac51fe07adf5e45437ae4fd7f3bf51bebbc8a4f9757d2a53f1a5dfe2cdeb27637007b989937a2ca9c60231659949da8b542dce9d2afa494da7035268b147dae40611e2f38b77eccbf26d397799b9c8b350aa8563c91e45b7

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