{"id":1340,"date":"2024-10-28T12:05:16","date_gmt":"2024-10-28T12:05:16","guid":{"rendered":"https:\/\/thewebco.uk\/?p=1340"},"modified":"2025-05-03T12:59:59","modified_gmt":"2025-05-03T12:59:59","slug":"add-citations-references-wordpress-shortcode","status":"publish","type":"post","link":"https:\/\/thewebco.uk\/ga\/add-citations-references-wordpress-shortcode\/","title":{"rendered":"Conas Tagairt\u00ed Saincheaptha a Chur le Post\u00e1il WordPress (le Gearrch\u00f3id agus Plugin Saor In Aisce)"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Introduction to WordPress Citations<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Adding citations and references to WordPress posts can be essential for websites that handle academic content or research projects. In this tutorial, you\u2019ll learn how to create a custom citation system in WordPress, complete with tooltips and a reference list, using shortcodes and simple PHP code.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I created this for an open-source project called <em>The \u00c9nr\u00ed \u00d3 Muirgheasa Project<\/em>, which documents the author&#8217;s research on Irish song and culture, including \u201cDh\u00e1 Ch\u00e9ad de Cheoltaibh Uladh\u201d (<em>Two Centuries of Ulster Song<\/em>). This method makes it easy to manage citations and references across WordPress sites, especially for extensive research or academic blogs.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/thewebco.uk\/wp-content\/uploads\/2024\/10\/Maighre-Dheas-na-Gruaige-Baine-Dha-Chead-de-Cheoltaibh-Uladh-1024x768.jpg\" alt=\"Maighre Dheas na Gruaige Ba\u0301ine - Dha\u0301 Che\u0301ad de Cheoltaibh Uladh\" class=\"wp-image-1343\" srcset=\"https:\/\/thewebco.uk\/wp-content\/uploads\/2024\/10\/Maighre-Dheas-na-Gruaige-Baine-Dha-Chead-de-Cheoltaibh-Uladh-1024x768.jpg 1024w, https:\/\/thewebco.uk\/wp-content\/uploads\/2024\/10\/Maighre-Dheas-na-Gruaige-Baine-Dha-Chead-de-Cheoltaibh-Uladh-300x225.jpg 300w, https:\/\/thewebco.uk\/wp-content\/uploads\/2024\/10\/Maighre-Dheas-na-Gruaige-Baine-Dha-Chead-de-Cheoltaibh-Uladh-768x576.jpg 768w, https:\/\/thewebco.uk\/wp-content\/uploads\/2024\/10\/Maighre-Dheas-na-Gruaige-Baine-Dha-Chead-de-Cheoltaibh-Uladh-1536x1152.jpg 1536w, https:\/\/thewebco.uk\/wp-content\/uploads\/2024\/10\/Maighre-Dheas-na-Gruaige-Baine-Dha-Chead-de-Cheoltaibh-Uladh-2048x1536.jpg 2048w, https:\/\/thewebco.uk\/wp-content\/uploads\/2024\/10\/Maighre-Dheas-na-Gruaige-Baine-Dha-Chead-de-Cheoltaibh-Uladh-16x12.jpg 16w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">See citations, bottom right hand page.<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Step 1: Create a Citation Shortcode<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A citation shortcode is ideal for marking references throughout your content, making citations easy to insert and display. We\u2019ll create a shortcode called <code>[cite]<\/code> to use wherever we need a citation.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/ Citation Shortcode\nfunction simplest_citations_cite_shortcode($atts, $content = null) {\n    static $cite_count = 0;\n    $cite_count++;\n\n    \/\/ Store the citation content for tooltip and &#91;citelist] shortcode\n    global $citelist;\n    $citelist&#91;$cite_count] = $content;\n\n    \/\/ Citation link with tooltip data\n    $cite_link = '&lt;sup&gt;&lt;a href=\"#cite-' . $cite_count . '\" id=\"cite-link-' . $cite_count . '\" class=\"cite-tooltip\" data-tooltip=\"' . esc_attr($content) . '\"&gt;&#91;' . $cite_count . ']&lt;\/a&gt;&lt;\/sup&gt;';\n    \n    return $cite_link;\n}\nadd_shortcode('cite', 'simplest_citations_cite_shortcode');<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">This code registers the <code>[cite]<\/code> shortcode, which keeps track of each citation number in the post and assigns it a unique tooltip.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Usage Example<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Place <code>[cite]Citation text here[\/cite]<\/code> next to the text you want to reference.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"686\" data-src=\"https:\/\/thewebco.uk\/wp-content\/uploads\/2024\/10\/Citation-shortcode-in-Wordpress-Gutenberg-editor-1024x686.png\" alt=\"Citation shortcode in WordPress Gutenberg editor\" class=\"wp-image-1344 lazyload\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/686;aspect-ratio:16\/9;object-fit:cover\" data-srcset=\"https:\/\/thewebco.uk\/wp-content\/uploads\/2024\/10\/Citation-shortcode-in-Wordpress-Gutenberg-editor-1024x686.png 1024w, https:\/\/thewebco.uk\/wp-content\/uploads\/2024\/10\/Citation-shortcode-in-Wordpress-Gutenberg-editor-300x201.png 300w, https:\/\/thewebco.uk\/wp-content\/uploads\/2024\/10\/Citation-shortcode-in-Wordpress-Gutenberg-editor-768x515.png 768w, https:\/\/thewebco.uk\/wp-content\/uploads\/2024\/10\/Citation-shortcode-in-Wordpress-Gutenberg-editor-1536x1029.png 1536w, https:\/\/thewebco.uk\/wp-content\/uploads\/2024\/10\/Citation-shortcode-in-Wordpress-Gutenberg-editor-2048x1372.png 2048w, https:\/\/thewebco.uk\/wp-content\/uploads\/2024\/10\/Citation-shortcode-in-Wordpress-Gutenberg-editor-18x12.png 18w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><figcaption class=\"wp-element-caption\">Citation shortcode in WordPress Gutenberg editor<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Step 2: Create a Citations List Shortcode<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Now, let\u2019s create a <code>[citelist]<\/code> shortcode to output all citations at the end of your content. This will loop through each citation created and display them in an ordered list.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/ Citation List Shortcode\nfunction simplest_citations_citelist_shortcode() {\n    global $citelist;\n    $output = '&lt;ol class=\"citation-list\"&gt;';\n\n    foreach ($citelist as $num =&gt; $citation) {\n        $output .= '&lt;li id=\"cite-' . $num . '\"&gt;' . $citation . ' &lt;a href=\"#cite-link-' . $num . '\"&gt;&#91;Back]&lt;\/a&gt;&lt;\/li&gt;';\n    }\n\n    $output .= '&lt;\/ol&gt;';\n    return $output;\n}\nadd_shortcode('citelist', 'simplest_citations_citelist_shortcode');<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Step 3: Automatically Append the Citation List<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To make this more user-friendly, we\u2019ll add the citation list automatically after the content unless <code>[citelist]<\/code> is explicitly used in the post.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/ Auto Append Citation List\nfunction simplest_citations_append_citelist($content) {\n    global $citelist;\n\n    if (!empty($citelist) &amp;&amp; strpos($content, '&#91;citelist]') === false) {\n        $content .= '&lt;h3&gt;Citations&lt;\/h3&gt;&#91;citelist]';\n    }\n\n    return $content;\n}\nadd_filter('the_content', 'simplest_citations_append_citelist');<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">This filter checks if citations are present and if <code>[citelist]<\/code> isn\u2019t used manually; if so, it appends the list with a &#8220;Citations&#8221; heading.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"597\" src=\"https:\/\/thewebco.uk\/wp-content\/uploads\/2024\/10\/Wordpress-Wiki-Style-Citations-1024x597.jpg\" alt=\"\" class=\"wp-image-1345\" srcset=\"https:\/\/thewebco.uk\/wp-content\/uploads\/2024\/10\/Wordpress-Wiki-Style-Citations-1024x597.jpg 1024w, https:\/\/thewebco.uk\/wp-content\/uploads\/2024\/10\/Wordpress-Wiki-Style-Citations-300x175.jpg 300w, https:\/\/thewebco.uk\/wp-content\/uploads\/2024\/10\/Wordpress-Wiki-Style-Citations-768x448.jpg 768w, https:\/\/thewebco.uk\/wp-content\/uploads\/2024\/10\/Wordpress-Wiki-Style-Citations-1536x896.jpg 1536w, https:\/\/thewebco.uk\/wp-content\/uploads\/2024\/10\/Wordpress-Wiki-Style-Citations-2048x1194.jpg 2048w, https:\/\/thewebco.uk\/wp-content\/uploads\/2024\/10\/Wordpress-Wiki-Style-Citations-18x10.jpg 18w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Citations automatically added to the end of post content, with a shortcode fallback.<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Step 4: Add Tooltip CSS and JavaScript<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"277\" src=\"https:\/\/thewebco.uk\/wp-content\/uploads\/2024\/10\/Wiki-style-tooltip-citation-1024x277.jpg\" alt=\"Wiki-style tooltip citation for WordPress\" class=\"wp-image-1346\" srcset=\"https:\/\/thewebco.uk\/wp-content\/uploads\/2024\/10\/Wiki-style-tooltip-citation-1024x277.jpg 1024w, https:\/\/thewebco.uk\/wp-content\/uploads\/2024\/10\/Wiki-style-tooltip-citation-300x81.jpg 300w, https:\/\/thewebco.uk\/wp-content\/uploads\/2024\/10\/Wiki-style-tooltip-citation-768x208.jpg 768w, https:\/\/thewebco.uk\/wp-content\/uploads\/2024\/10\/Wiki-style-tooltip-citation-18x5.jpg 18w, https:\/\/thewebco.uk\/wp-content\/uploads\/2024\/10\/Wiki-style-tooltip-citation.jpg 1131w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Wiki-style tooltip citation for WordPress<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">For better UX, we\u2019ll style the citations with a tooltip that appears when users hover over them.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/* Tooltip CSS *\/\n.cite-tooltip {\n    position: relative;\n    text-decoration: none;\n    cursor: pointer;\n\tfont-size: 0.8em;\n}\n\n.cite-tooltip::after {\n    content: attr(data-tooltip);\n    position: absolute;\n    top: -80px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: max-content;\n    max-width: 250px;\n    background: rgba(0, 0, 0, 0.8);\n    color: #fff;\n    padding: 5px 10px;\n    border-radius: 5px;\n    font-size: 12px;\n    display: none;\n    z-index: 1000;\n}\n\n.cite-tooltip:hover::after {\n    display: block;\n}<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Tooltip JavaScript (jQuery)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This JavaScript makes sure the tooltip text displays correctly on hover.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>(function($) {\n    'use strict';\n\n    $(document).ready(function() {\n        const citeLinks = $('.cite-tooltip');\n\n        citeLinks.each(function() {\n            $(this).on('mouseenter', function() {\n                const tooltip = $(this).data('tooltip');\n                $(this).attr('title', tooltip);\n            });\n\n            $(this).on('mouseleave', function() {\n                $(this).removeAttr('title');\n            });\n        });\n    });\n\n})(jQuery);<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Download and Extend<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This basic plugin structure is a good starting point. You can <a href=\"https:\/\/github.com\/robbichin\/simplest-citations\" target=\"_blank\" rel=\"noreferrer noopener\"><i class=\"fab fa-github\"><\/i> download it<\/a>, try it out on your WordPress site, and customize it further as needed. If you\u2019re interested in extending this plugin or have any feedback, feel free to reach out!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction to WordPress Citations Adding citations and references to WordPress posts can be essential for websites that handle academic content or research projects. In this tutorial, you\u2019ll learn how to create a custom citation system in WordPress, complete with tooltips and a reference list, using shortcodes and simple PHP code. I created this for an&hellip;<\/p>","protected":false},"author":1,"featured_media":1348,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[29,22,28],"tags":[42,43],"class_list":["post-1340","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-code","category-insights","category-plugins","tag-code","tag-tutorials"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Free Wordpress Citations Tutorial and Plugin - The Web Co. Belfast<\/title>\n<meta name=\"description\" content=\"Learn how to add Wordpress citations and references to any post. This guide covers creating references, lists with free plugin!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/thewebco.uk\/ga\/add-citations-references-wordpress-shortcode\/\" \/>\n<meta property=\"og:locale\" content=\"ga_IE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Free Wordpress Citations Tutorial and Plugin - The Web Co. Belfast\" \/>\n<meta property=\"og:description\" content=\"Learn how to add Wordpress citations and references to any post. This guide covers creating references, lists with free plugin!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thewebco.uk\/ga\/add-citations-references-wordpress-shortcode\/\" \/>\n<meta property=\"og:site_name\" content=\"The Web Co. Belfast\" \/>\n<meta property=\"article:published_time\" content=\"2024-10-28T12:05:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-03T12:59:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/thewebco.uk\/wp-content\/uploads\/2024\/10\/enri.ie-coming-soon-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1425\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Robert McMillen\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/thewebco.uk\\\/add-citations-references-wordpress-shortcode\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thewebco.uk\\\/add-citations-references-wordpress-shortcode\\\/\"},\"author\":{\"name\":\"Robert McMillen\",\"@id\":\"https:\\\/\\\/thewebco.uk\\\/#\\\/schema\\\/person\\\/4f09f34284d7cab7f7761796efc01cbc\"},\"headline\":\"How to Add Custom Citations and References in WordPress (with Shortcode Tutorial and Free Plugin)\",\"datePublished\":\"2024-10-28T12:05:16+00:00\",\"dateModified\":\"2025-05-03T12:59:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/thewebco.uk\\\/add-citations-references-wordpress-shortcode\\\/\"},\"wordCount\":390,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/thewebco.uk\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/thewebco.uk\\\/add-citations-references-wordpress-shortcode\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thewebco.uk\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/enri.ie-coming-soon-scaled.jpg\",\"keywords\":[\"Code\",\"Tutorials\"],\"articleSection\":[\"Code\",\"Insights\",\"Plugins\"],\"inLanguage\":\"ga-IE\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/thewebco.uk\\\/add-citations-references-wordpress-shortcode\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/thewebco.uk\\\/add-citations-references-wordpress-shortcode\\\/\",\"url\":\"https:\\\/\\\/thewebco.uk\\\/add-citations-references-wordpress-shortcode\\\/\",\"name\":\"Free Wordpress Citations Tutorial and Plugin - The Web Co. Belfast\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thewebco.uk\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/thewebco.uk\\\/add-citations-references-wordpress-shortcode\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/thewebco.uk\\\/add-citations-references-wordpress-shortcode\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thewebco.uk\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/enri.ie-coming-soon-scaled.jpg\",\"datePublished\":\"2024-10-28T12:05:16+00:00\",\"dateModified\":\"2025-05-03T12:59:59+00:00\",\"description\":\"Learn how to add Wordpress citations and references to any post. This guide covers creating references, lists with free plugin!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/thewebco.uk\\\/add-citations-references-wordpress-shortcode\\\/#breadcrumb\"},\"inLanguage\":\"ga-IE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/thewebco.uk\\\/add-citations-references-wordpress-shortcode\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ga-IE\",\"@id\":\"https:\\\/\\\/thewebco.uk\\\/add-citations-references-wordpress-shortcode\\\/#primaryimage\",\"url\":\"https:\\\/\\\/thewebco.uk\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/enri.ie-coming-soon-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/thewebco.uk\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/enri.ie-coming-soon-scaled.jpg\",\"width\":2560,\"height\":1425,\"caption\":\"The \u00c9nr\u00ed \u00d3 Muirgheasa Archive\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/thewebco.uk\\\/add-citations-references-wordpress-shortcode\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/thewebco.uk\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Add Custom Citations and References in WordPress (with Shortcode Tutorial and Free Plugin)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/thewebco.uk\\\/#website\",\"url\":\"https:\\\/\\\/thewebco.uk\\\/\",\"name\":\"The Web Co. Belfast\",\"description\":\"eCommerce and Website Development Northern Ireland\",\"publisher\":{\"@id\":\"https:\\\/\\\/thewebco.uk\\\/#organization\"},\"alternateName\":\"The Web Co. NI\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/thewebco.uk\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ga-IE\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/thewebco.uk\\\/#organization\",\"name\":\"The Web Co.\",\"alternateName\":\"The Web Co\",\"url\":\"https:\\\/\\\/thewebco.uk\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ga-IE\",\"@id\":\"https:\\\/\\\/thewebco.uk\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/thewebco.uk\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/Screenshot-2023-09-10-at-21.10.46-1024x713.png\",\"contentUrl\":\"https:\\\/\\\/thewebco.uk\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/Screenshot-2023-09-10-at-21.10.46-1024x713.png\",\"width\":1024,\"height\":713,\"caption\":\"The Web Co.\"},\"image\":{\"@id\":\"https:\\\/\\\/thewebco.uk\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/web.whatsapp.com\\\/send?phone=447908484175\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/thewebco.uk\\\/#\\\/schema\\\/person\\\/4f09f34284d7cab7f7761796efc01cbc\",\"name\":\"Robert McMillen\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ga-IE\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f195f52dc6198cda1da2aca3c3e31dd09ea3e6f62c50b260c12c9269fadb9677?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f195f52dc6198cda1da2aca3c3e31dd09ea3e6f62c50b260c12c9269fadb9677?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f195f52dc6198cda1da2aca3c3e31dd09ea3e6f62c50b260c12c9269fadb9677?s=96&d=mm&r=g\",\"caption\":\"Robert McMillen\"},\"description\":\"Robert McMillen has been developing eCommerce websites for almost two decades. He is currently director of The Web Co. and works as a scoping consultant with agencies in Ireland, Britain and the United States.\",\"sameAs\":[\"https:\\\/\\\/thewebco.uk\",\"https:\\\/\\\/instagram.com\\\/robbibeag\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/robert-mcmillen-developer\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Free Wordpress Citations Tutorial and Plugin - The Web Co. Belfast","description":"Learn how to add Wordpress citations and references to any post. This guide covers creating references, lists with free plugin!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/thewebco.uk\/ga\/add-citations-references-wordpress-shortcode\/","og_locale":"ga_IE","og_type":"article","og_title":"Free Wordpress Citations Tutorial and Plugin - The Web Co. Belfast","og_description":"Learn how to add Wordpress citations and references to any post. This guide covers creating references, lists with free plugin!","og_url":"https:\/\/thewebco.uk\/ga\/add-citations-references-wordpress-shortcode\/","og_site_name":"The Web Co. Belfast","article_published_time":"2024-10-28T12:05:16+00:00","article_modified_time":"2025-05-03T12:59:59+00:00","og_image":[{"width":2560,"height":1425,"url":"https:\/\/thewebco.uk\/wp-content\/uploads\/2024\/10\/enri.ie-coming-soon-scaled.jpg","type":"image\/jpeg"}],"author":"Robert McMillen","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/thewebco.uk\/add-citations-references-wordpress-shortcode\/#article","isPartOf":{"@id":"https:\/\/thewebco.uk\/add-citations-references-wordpress-shortcode\/"},"author":{"name":"Robert McMillen","@id":"https:\/\/thewebco.uk\/#\/schema\/person\/4f09f34284d7cab7f7761796efc01cbc"},"headline":"How to Add Custom Citations and References in WordPress (with Shortcode Tutorial and Free Plugin)","datePublished":"2024-10-28T12:05:16+00:00","dateModified":"2025-05-03T12:59:59+00:00","mainEntityOfPage":{"@id":"https:\/\/thewebco.uk\/add-citations-references-wordpress-shortcode\/"},"wordCount":390,"commentCount":0,"publisher":{"@id":"https:\/\/thewebco.uk\/#organization"},"image":{"@id":"https:\/\/thewebco.uk\/add-citations-references-wordpress-shortcode\/#primaryimage"},"thumbnailUrl":"https:\/\/thewebco.uk\/wp-content\/uploads\/2024\/10\/enri.ie-coming-soon-scaled.jpg","keywords":["Code","Tutorials"],"articleSection":["Code","Insights","Plugins"],"inLanguage":"ga-IE","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/thewebco.uk\/add-citations-references-wordpress-shortcode\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/thewebco.uk\/add-citations-references-wordpress-shortcode\/","url":"https:\/\/thewebco.uk\/add-citations-references-wordpress-shortcode\/","name":"Free Wordpress Citations Tutorial and Plugin - The Web Co. Belfast","isPartOf":{"@id":"https:\/\/thewebco.uk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/thewebco.uk\/add-citations-references-wordpress-shortcode\/#primaryimage"},"image":{"@id":"https:\/\/thewebco.uk\/add-citations-references-wordpress-shortcode\/#primaryimage"},"thumbnailUrl":"https:\/\/thewebco.uk\/wp-content\/uploads\/2024\/10\/enri.ie-coming-soon-scaled.jpg","datePublished":"2024-10-28T12:05:16+00:00","dateModified":"2025-05-03T12:59:59+00:00","description":"Learn how to add Wordpress citations and references to any post. This guide covers creating references, lists with free plugin!","breadcrumb":{"@id":"https:\/\/thewebco.uk\/add-citations-references-wordpress-shortcode\/#breadcrumb"},"inLanguage":"ga-IE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thewebco.uk\/add-citations-references-wordpress-shortcode\/"]}]},{"@type":"ImageObject","inLanguage":"ga-IE","@id":"https:\/\/thewebco.uk\/add-citations-references-wordpress-shortcode\/#primaryimage","url":"https:\/\/thewebco.uk\/wp-content\/uploads\/2024\/10\/enri.ie-coming-soon-scaled.jpg","contentUrl":"https:\/\/thewebco.uk\/wp-content\/uploads\/2024\/10\/enri.ie-coming-soon-scaled.jpg","width":2560,"height":1425,"caption":"The \u00c9nr\u00ed \u00d3 Muirgheasa Archive"},{"@type":"BreadcrumbList","@id":"https:\/\/thewebco.uk\/add-citations-references-wordpress-shortcode\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thewebco.uk\/"},{"@type":"ListItem","position":2,"name":"How to Add Custom Citations and References in WordPress (with Shortcode Tutorial and Free Plugin)"}]},{"@type":"WebSite","@id":"https:\/\/thewebco.uk\/#website","url":"https:\/\/thewebco.uk\/","name":"The Web Co. Belfast","description":"eCommerce and Website Development Northern Ireland","publisher":{"@id":"https:\/\/thewebco.uk\/#organization"},"alternateName":"The Web Co. NI","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/thewebco.uk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ga-IE"},{"@type":"Organization","@id":"https:\/\/thewebco.uk\/#organization","name":"The Web Co.","alternateName":"The Web Co","url":"https:\/\/thewebco.uk\/","logo":{"@type":"ImageObject","inLanguage":"ga-IE","@id":"https:\/\/thewebco.uk\/#\/schema\/logo\/image\/","url":"https:\/\/thewebco.uk\/wp-content\/uploads\/2023\/09\/Screenshot-2023-09-10-at-21.10.46-1024x713.png","contentUrl":"https:\/\/thewebco.uk\/wp-content\/uploads\/2023\/09\/Screenshot-2023-09-10-at-21.10.46-1024x713.png","width":1024,"height":713,"caption":"The Web Co."},"image":{"@id":"https:\/\/thewebco.uk\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/web.whatsapp.com\/send?phone=447908484175"]},{"@type":"Person","@id":"https:\/\/thewebco.uk\/#\/schema\/person\/4f09f34284d7cab7f7761796efc01cbc","name":"Robert McMillen","image":{"@type":"ImageObject","inLanguage":"ga-IE","@id":"https:\/\/secure.gravatar.com\/avatar\/f195f52dc6198cda1da2aca3c3e31dd09ea3e6f62c50b260c12c9269fadb9677?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/f195f52dc6198cda1da2aca3c3e31dd09ea3e6f62c50b260c12c9269fadb9677?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f195f52dc6198cda1da2aca3c3e31dd09ea3e6f62c50b260c12c9269fadb9677?s=96&d=mm&r=g","caption":"Robert McMillen"},"description":"T\u00e1 su\u00edomhanna gr\u00e9as\u00e1in r\u00edomhthr\u00e1cht\u00e1la \u00e1 bhforbairt ag Robert McMillen le beagnach dh\u00e1 sc\u00f3r bliain. Faoi l\u00e1thair t\u00e1 s\u00e9 ina sti\u00farth\u00f3ir ar The Web Co. agus oibr\u00edonn s\u00e9 mar chomhairleoir sc\u00f3p\u00e1la le gn\u00edomhaireachta\u00ed in \u00c9irinn, sa Bhreatain agus sna St\u00e1it Aontaithe.","sameAs":["https:\/\/thewebco.uk","https:\/\/instagram.com\/robbibeag","https:\/\/www.linkedin.com\/in\/robert-mcmillen-developer\/"]}]}},"_links":{"self":[{"href":"https:\/\/thewebco.uk\/ga\/wp-json\/wp\/v2\/posts\/1340","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thewebco.uk\/ga\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thewebco.uk\/ga\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thewebco.uk\/ga\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thewebco.uk\/ga\/wp-json\/wp\/v2\/comments?post=1340"}],"version-history":[{"count":11,"href":"https:\/\/thewebco.uk\/ga\/wp-json\/wp\/v2\/posts\/1340\/revisions"}],"predecessor-version":[{"id":1458,"href":"https:\/\/thewebco.uk\/ga\/wp-json\/wp\/v2\/posts\/1340\/revisions\/1458"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thewebco.uk\/ga\/wp-json\/wp\/v2\/media\/1348"}],"wp:attachment":[{"href":"https:\/\/thewebco.uk\/ga\/wp-json\/wp\/v2\/media?parent=1340"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thewebco.uk\/ga\/wp-json\/wp\/v2\/categories?post=1340"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thewebco.uk\/ga\/wp-json\/wp\/v2\/tags?post=1340"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}