{"id":9337,"date":"2019-08-19T01:53:52","date_gmt":"2019-08-19T06:53:52","guid":{"rendered":"https:\/\/krisbunda.com\/blog\/?p=9337"},"modified":"2019-08-19T01:58:10","modified_gmt":"2019-08-19T06:58:10","slug":"wordpress-plugin-add-abbreviation-tags-from-gutenberg-blocks","status":"publish","type":"post","link":"https:\/\/krisbunda.com\/blog\/2019\/08\/19\/wordpress-plugin-add-abbreviation-tags-from-gutenberg-blocks\/","title":{"rendered":"WordPress Plugin: Add Abbreviation Tags from Gutenberg Blocks"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">I made a WordPress plugin that I can use from the Gutenberg Blocks Toolbar menu because I&#8217;m sick of doing it all manually. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2019\/08\/ABBR-PLUGIN-1-before-HTML-view.png\"><img decoding=\"async\" width=\"592\" height=\"268\" loading=\"lazy\" src=\"https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2019\/08\/ABBR-PLUGIN-1-before-HTML-view.png\" alt=\"HTML view of how gutenberg block looks without abbr tags around selected acronym\" class=\"wp-image-9401\" srcset=\"https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2019\/08\/ABBR-PLUGIN-1-before-HTML-view.png 592w, https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2019\/08\/ABBR-PLUGIN-1-before-HTML-view-150x68.png 150w\" sizes=\"auto, (max-width: 592px) 100vw, 592px\" \/><\/a><figcaption>ABBR PLUGIN 1 &#8211; before &#8211; HTML view<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">It adds an HTML5 <code>&lt;abbr&gt;&lt;\/abbr&gt;<\/code> tag around any highlighted text after clicking the &#8220;Abbreviation&#8221; button. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2019\/08\/ABBR-PLUGIN-2-highlight-acronym-select-abbreviation-command-Gutenberg-block-view.png\"><img decoding=\"async\" width=\"288\" height=\"557\" loading=\"lazy\" src=\"https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2019\/08\/ABBR-PLUGIN-2-highlight-acronym-select-abbreviation-command-Gutenberg-block-view.png\" alt=\"Gutenberg block when selecting acronym text and clicking &quot;Abbreviation&quot; button in toolbar.\" class=\"wp-image-9402\" srcset=\"https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2019\/08\/ABBR-PLUGIN-2-highlight-acronym-select-abbreviation-command-Gutenberg-block-view.png 288w, https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2019\/08\/ABBR-PLUGIN-2-highlight-acronym-select-abbreviation-command-Gutenberg-block-view-78x150.png 78w\" sizes=\"auto, (max-width: 288px) 100vw, 288px\" \/><\/a><figcaption>ABBR PLUGIN 2 &#8211; highlight acronym select abbreviation command &#8211; Gutenberg block view<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Unfortunately I didn&#8217;t get as far as adding functionality to enter the title text for the acronym or abbreviation, it must still be done manually in HTML view. I want to add that functionality in soon though.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2019\/08\/ABBR-PLUGIN-3-after-HTML-view.png\"><img decoding=\"async\" width=\"604\" height=\"267\" loading=\"lazy\" src=\"https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2019\/08\/ABBR-PLUGIN-3-after-HTML-view.png\" alt=\"HTML view of how gutenberg block looks with abbr tags around selected acronym.\" class=\"wp-image-9403\" srcset=\"https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2019\/08\/ABBR-PLUGIN-3-after-HTML-view.png 604w, https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2019\/08\/ABBR-PLUGIN-3-after-HTML-view-150x66.png 150w, https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2019\/08\/ABBR-PLUGIN-3-after-HTML-view-600x265.png 600w\" sizes=\"auto, (max-width: 604px) 100vw, 604px\" \/><\/a><figcaption>HTML view of how gutenberg block looks WITH abbr tags around selected acronym<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">To download and install your copy of the plugin, <a href=\"https:\/\/github.com\/bunda3d\/abbr-gutenberg-wp\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"find it on GitHub here (opens in a new tab)\">find it on GitHub here<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2019\/08\/ABBR-PLUGIN-4-v1_0-Gutenberg-block-abbr-HTML-plugin-tag-Kris-Bunda.png\"><img decoding=\"async\" width=\"675\" height=\"412\" loading=\"lazy\" src=\"https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2019\/08\/ABBR-PLUGIN-4-v1_0-Gutenberg-block-abbr-HTML-plugin-tag-Kris-Bunda.png\" alt=\"ABBR PLUGIN 4 - v1_0 - Gutenberg block abbr HTML plugin tag - Kris Bunda\" class=\"wp-image-9404\" srcset=\"https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2019\/08\/ABBR-PLUGIN-4-v1_0-Gutenberg-block-abbr-HTML-plugin-tag-Kris-Bunda.png 675w, https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2019\/08\/ABBR-PLUGIN-4-v1_0-Gutenberg-block-abbr-HTML-plugin-tag-Kris-Bunda-150x92.png 150w, https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2019\/08\/ABBR-PLUGIN-4-v1_0-Gutenberg-block-abbr-HTML-plugin-tag-Kris-Bunda-600x366.png 600w, https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2019\/08\/ABBR-PLUGIN-4-v1_0-Gutenberg-block-abbr-HTML-plugin-tag-Kris-Bunda-80x50.png 80w\" sizes=\"auto, (max-width: 675px) 100vw, 675px\" \/><\/a><figcaption>ABBR PLUGIN 4 &#8211; v1_0 &#8211; Gutenberg block abbr HTML plugin tag &#8211; Kris Bunda<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Here&#8217;s what the 2 files look like that make this simple plugin work: <\/h2>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2019\/08\/ABBR-PLUGIN-v1_0-Gutenberg-block-abbr-HTML-plugin-Kris-Bunda-PHP-initializer.png\"><img decoding=\"async\" width=\"580\" height=\"519\" loading=\"lazy\" src=\"https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2019\/08\/ABBR-PLUGIN-v1_0-Gutenberg-block-abbr-HTML-plugin-Kris-Bunda-PHP-initializer.png\" alt=\"PHP code for a WordPress plugin\" class=\"wp-image-9406\" srcset=\"https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2019\/08\/ABBR-PLUGIN-v1_0-Gutenberg-block-abbr-HTML-plugin-Kris-Bunda-PHP-initializer.png 580w, https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2019\/08\/ABBR-PLUGIN-v1_0-Gutenberg-block-abbr-HTML-plugin-Kris-Bunda-PHP-initializer-150x134.png 150w\" sizes=\"auto, (max-width: 580px) 100vw, 580px\" \/><\/a><figcaption>ABBR PLUGIN 4 &#8211; v1_0 &#8211; Gutenberg block abbr HTML plugin tag &#8211; Kris Bunda<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">I don&#8217;t need all the modules in the array to initialize anymore, but left them in as I might want to turn on the functionality that used them again. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2019\/08\/ABBR-PLUGIN-v1_0-Gutenberg-block-abbr-HTML-plugin-Kris-Bunda-JavaScript-toggler.png\"><img decoding=\"async\" width=\"504\" height=\"849\" loading=\"lazy\" src=\"https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2019\/08\/ABBR-PLUGIN-v1_0-Gutenberg-block-abbr-HTML-plugin-Kris-Bunda-JavaScript-toggler.png\" alt=\"Javascript code for a WordPress plugin\" class=\"wp-image-9405\" srcset=\"https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2019\/08\/ABBR-PLUGIN-v1_0-Gutenberg-block-abbr-HTML-plugin-Kris-Bunda-JavaScript-toggler.png 504w, https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2019\/08\/ABBR-PLUGIN-v1_0-Gutenberg-block-abbr-HTML-plugin-Kris-Bunda-JavaScript-toggler-89x150.png 89w\" sizes=\"auto, (max-width: 504px) 100vw, 504px\" \/><\/a><figcaption>ABBR PLUGIN 4 &#8211; v1_0 &#8211; Gutenberg block abbr HTML plugin tag &#8211; Kris Bunda<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I made a Wordpress plugin to inject < abbr > HTML tags around selected text with one click from the Gutenberg Blocks Toolbar menu. <\/p>\n","protected":false},"author":1,"featured_media":9408,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","_editorskit_title_hidden":false,"_editorskit_reading_time":0,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","om_disable_all_campaigns":false,"inline_featured_image":false,"kt_blocks_editor_width":"","_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_monsterinsights_skip_tracking":false,"footnotes":""},"categories":[4],"tags":[240,91,105],"class_list":["post-9337","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-designer","tag-wordpress","tag-programming","tag-web-design"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.10 - aioseo.com -->\n\t<meta name=\"description\" content=\"I made a Wordpress plugin to inject &lt; abbr &gt; HTML tags around selected text with one click from the Gutenberg Blocks Toolbar menu.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Kris Bunda\"\/>\n\t<meta name=\"google-site-verification\" content=\"nClePLp4QbLXXv7FON_y2QT65NP7LibU8DWgB3TaPyY\" \/>\n\t<meta name=\"msvalidate.01\" content=\"D9A2CA8C318137423BE8EC5CD4C5DBBE\" \/>\n\t<meta name=\"p:domain_verify\" content=\"6096666fee42f7673dae5027429ae8fd\" \/>\n\t<meta name=\"keywords\" content=\"wordpress,programming,web design\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/krisbunda.com\/blog\/2019\/08\/19\/wordpress-plugin-add-abbreviation-tags-from-gutenberg-blocks\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.10\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Kris Bunda Design\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"WordPress Plugin: Add Abbreviation Tags from Gutenberg Blocks | Kris Bunda Design\" \/>\n\t\t<meta property=\"og:description\" content=\"I made a Wordpress plugin to inject &lt; abbr &gt; HTML tags around selected text with one click from the Gutenberg Blocks Toolbar menu.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/krisbunda.com\/blog\/2019\/08\/19\/wordpress-plugin-add-abbreviation-tags-from-gutenberg-blocks\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2021\/07\/BG-1920X1080C.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2021\/07\/BG-1920X1080C.png\" \/>\n\t\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t\t<meta property=\"article:tag\" content=\"wordpress\" \/>\n\t\t<meta property=\"article:tag\" content=\"programming\" \/>\n\t\t<meta property=\"article:tag\" content=\"web design\" \/>\n\t\t<meta property=\"article:tag\" content=\"designer\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2019-08-19T06:53:52+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2019-08-19T06:58:10+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@KrisBunda3D\" \/>\n\t\t<meta name=\"twitter:title\" content=\"WordPress Plugin: Add Abbreviation Tags from Gutenberg Blocks | Kris Bunda Design\" \/>\n\t\t<meta name=\"twitter:description\" content=\"I made a Wordpress plugin to inject &lt; abbr &gt; HTML tags around selected text with one click from the Gutenberg Blocks Toolbar menu.\" \/>\n\t\t<meta name=\"twitter:creator\" content=\"@KrisBunda3D\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2021\/07\/BG-1920X1080C.png\" \/>\n\t\t<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t\t<meta name=\"twitter:data1\" content=\"Kris Bunda\" \/>\n\t\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/krisbunda.com\\\/blog\\\/2019\\\/08\\\/19\\\/wordpress-plugin-add-abbreviation-tags-from-gutenberg-blocks\\\/#article\",\"name\":\"WordPress Plugin: Add Abbreviation Tags from Gutenberg Blocks | Kris Bunda Design\",\"headline\":\"WordPress Plugin: Add Abbreviation Tags from Gutenberg Blocks\",\"author\":{\"@id\":\"https:\\\/\\\/krisbunda.com\\\/blog\\\/author\\\/kris-bunda\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/krisbunda.com\\\/blog\\\/#person\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/krisbunda.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/08\\\/cropped-ABBR-TAG-PLUGIN-for-Gutenberg-blocks.png\",\"width\":821,\"height\":461},\"datePublished\":\"2019-08-19T01:53:52-05:00\",\"dateModified\":\"2019-08-19T01:58:10-05:00\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/krisbunda.com\\\/blog\\\/2019\\\/08\\\/19\\\/wordpress-plugin-add-abbreviation-tags-from-gutenberg-blocks\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/krisbunda.com\\\/blog\\\/2019\\\/08\\\/19\\\/wordpress-plugin-add-abbreviation-tags-from-gutenberg-blocks\\\/#webpage\"},\"articleSection\":\"Designer, WordPress, programming, web design\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/krisbunda.com\\\/blog\\\/2019\\\/08\\\/19\\\/wordpress-plugin-add-abbreviation-tags-from-gutenberg-blocks\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/krisbunda.com\\\/blog#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/krisbunda.com\\\/blog\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/krisbunda.com\\\/blog\\\/category\\\/designer\\\/#listItem\",\"name\":\"Designer\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/krisbunda.com\\\/blog\\\/category\\\/designer\\\/#listItem\",\"position\":2,\"name\":\"Designer\",\"item\":\"https:\\\/\\\/krisbunda.com\\\/blog\\\/category\\\/designer\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/krisbunda.com\\\/blog\\\/2019\\\/08\\\/19\\\/wordpress-plugin-add-abbreviation-tags-from-gutenberg-blocks\\\/#listItem\",\"name\":\"WordPress Plugin: Add Abbreviation Tags from Gutenberg Blocks\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/krisbunda.com\\\/blog#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/krisbunda.com\\\/blog\\\/2019\\\/08\\\/19\\\/wordpress-plugin-add-abbreviation-tags-from-gutenberg-blocks\\\/#listItem\",\"position\":3,\"name\":\"WordPress Plugin: Add Abbreviation Tags from Gutenberg Blocks\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/krisbunda.com\\\/blog\\\/category\\\/designer\\\/#listItem\",\"name\":\"Designer\"}}]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/krisbunda.com\\\/blog\\\/#person\",\"name\":\"Kris Bunda\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/krisbunda.com\\\/blog\\\/2019\\\/08\\\/19\\\/wordpress-plugin-add-abbreviation-tags-from-gutenberg-blocks\\\/#personImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0dea2176fcad4070f74ce4ee1a63460edd0cc3017656f3a98fa152e791f87b55?s=96&d=mm&r=r\",\"width\":96,\"height\":96,\"caption\":\"Kris Bunda\"},\"sameAs\":[\"@KrisBunda3D\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/krisbunda.com\\\/blog\\\/author\\\/kris-bunda\\\/#author\",\"url\":\"https:\\\/\\\/krisbunda.com\\\/blog\\\/author\\\/kris-bunda\\\/\",\"name\":\"Kris Bunda\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/krisbunda.com\\\/blog\\\/2019\\\/08\\\/19\\\/wordpress-plugin-add-abbreviation-tags-from-gutenberg-blocks\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0dea2176fcad4070f74ce4ee1a63460edd0cc3017656f3a98fa152e791f87b55?s=96&d=mm&r=r\",\"width\":96,\"height\":96,\"caption\":\"Kris Bunda\"},\"sameAs\":[\"@KrisBunda3D\"]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/krisbunda.com\\\/blog\\\/2019\\\/08\\\/19\\\/wordpress-plugin-add-abbreviation-tags-from-gutenberg-blocks\\\/#webpage\",\"url\":\"https:\\\/\\\/krisbunda.com\\\/blog\\\/2019\\\/08\\\/19\\\/wordpress-plugin-add-abbreviation-tags-from-gutenberg-blocks\\\/\",\"name\":\"WordPress Plugin: Add Abbreviation Tags from Gutenberg Blocks | Kris Bunda Design\",\"description\":\"I made a Wordpress plugin to inject < abbr > HTML tags around selected text with one click from the Gutenberg Blocks Toolbar menu.\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/krisbunda.com\\\/blog\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/krisbunda.com\\\/blog\\\/2019\\\/08\\\/19\\\/wordpress-plugin-add-abbreviation-tags-from-gutenberg-blocks\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/krisbunda.com\\\/blog\\\/author\\\/kris-bunda\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/krisbunda.com\\\/blog\\\/author\\\/kris-bunda\\\/#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/krisbunda.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/08\\\/cropped-ABBR-TAG-PLUGIN-for-Gutenberg-blocks.png\",\"@id\":\"https:\\\/\\\/krisbunda.com\\\/blog\\\/2019\\\/08\\\/19\\\/wordpress-plugin-add-abbreviation-tags-from-gutenberg-blocks\\\/#mainImage\",\"width\":821,\"height\":461},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/krisbunda.com\\\/blog\\\/2019\\\/08\\\/19\\\/wordpress-plugin-add-abbreviation-tags-from-gutenberg-blocks\\\/#mainImage\"},\"datePublished\":\"2019-08-19T01:53:52-05:00\",\"dateModified\":\"2019-08-19T01:58:10-05:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/krisbunda.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/krisbunda.com\\\/blog\\\/\",\"name\":\"Kris Bunda Design\",\"description\":\"Creative Development & Technical How-Tos\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/krisbunda.com\\\/blog\\\/#person\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"WordPress Plugin: Add Abbreviation Tags from Gutenberg Blocks | Kris Bunda Design","description":"I made a Wordpress plugin to inject < abbr > HTML tags around selected text with one click from the Gutenberg Blocks Toolbar menu.","canonical_url":"https:\/\/krisbunda.com\/blog\/2019\/08\/19\/wordpress-plugin-add-abbreviation-tags-from-gutenberg-blocks\/","robots":"max-image-preview:large","keywords":"wordpress,programming,web design","webmasterTools":{"google-site-verification":"nClePLp4QbLXXv7FON_y2QT65NP7LibU8DWgB3TaPyY","msvalidate.01":"D9A2CA8C318137423BE8EC5CD4C5DBBE","p:domain_verify":"6096666fee42f7673dae5027429ae8fd","miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/krisbunda.com\/blog\/2019\/08\/19\/wordpress-plugin-add-abbreviation-tags-from-gutenberg-blocks\/#article","name":"WordPress Plugin: Add Abbreviation Tags from Gutenberg Blocks | Kris Bunda Design","headline":"WordPress Plugin: Add Abbreviation Tags from Gutenberg Blocks","author":{"@id":"https:\/\/krisbunda.com\/blog\/author\/kris-bunda\/#author"},"publisher":{"@id":"https:\/\/krisbunda.com\/blog\/#person"},"image":{"@type":"ImageObject","url":"https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2019\/08\/cropped-ABBR-TAG-PLUGIN-for-Gutenberg-blocks.png","width":821,"height":461},"datePublished":"2019-08-19T01:53:52-05:00","dateModified":"2019-08-19T01:58:10-05:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/krisbunda.com\/blog\/2019\/08\/19\/wordpress-plugin-add-abbreviation-tags-from-gutenberg-blocks\/#webpage"},"isPartOf":{"@id":"https:\/\/krisbunda.com\/blog\/2019\/08\/19\/wordpress-plugin-add-abbreviation-tags-from-gutenberg-blocks\/#webpage"},"articleSection":"Designer, WordPress, programming, web design"},{"@type":"BreadcrumbList","@id":"https:\/\/krisbunda.com\/blog\/2019\/08\/19\/wordpress-plugin-add-abbreviation-tags-from-gutenberg-blocks\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/krisbunda.com\/blog#listItem","position":1,"name":"Home","item":"https:\/\/krisbunda.com\/blog","nextItem":{"@type":"ListItem","@id":"https:\/\/krisbunda.com\/blog\/category\/designer\/#listItem","name":"Designer"}},{"@type":"ListItem","@id":"https:\/\/krisbunda.com\/blog\/category\/designer\/#listItem","position":2,"name":"Designer","item":"https:\/\/krisbunda.com\/blog\/category\/designer\/","nextItem":{"@type":"ListItem","@id":"https:\/\/krisbunda.com\/blog\/2019\/08\/19\/wordpress-plugin-add-abbreviation-tags-from-gutenberg-blocks\/#listItem","name":"WordPress Plugin: Add Abbreviation Tags from Gutenberg Blocks"},"previousItem":{"@type":"ListItem","@id":"https:\/\/krisbunda.com\/blog#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/krisbunda.com\/blog\/2019\/08\/19\/wordpress-plugin-add-abbreviation-tags-from-gutenberg-blocks\/#listItem","position":3,"name":"WordPress Plugin: Add Abbreviation Tags from Gutenberg Blocks","previousItem":{"@type":"ListItem","@id":"https:\/\/krisbunda.com\/blog\/category\/designer\/#listItem","name":"Designer"}}]},{"@type":"Person","@id":"https:\/\/krisbunda.com\/blog\/#person","name":"Kris Bunda","image":{"@type":"ImageObject","@id":"https:\/\/krisbunda.com\/blog\/2019\/08\/19\/wordpress-plugin-add-abbreviation-tags-from-gutenberg-blocks\/#personImage","url":"https:\/\/secure.gravatar.com\/avatar\/0dea2176fcad4070f74ce4ee1a63460edd0cc3017656f3a98fa152e791f87b55?s=96&d=mm&r=r","width":96,"height":96,"caption":"Kris Bunda"},"sameAs":["@KrisBunda3D"]},{"@type":"Person","@id":"https:\/\/krisbunda.com\/blog\/author\/kris-bunda\/#author","url":"https:\/\/krisbunda.com\/blog\/author\/kris-bunda\/","name":"Kris Bunda","image":{"@type":"ImageObject","@id":"https:\/\/krisbunda.com\/blog\/2019\/08\/19\/wordpress-plugin-add-abbreviation-tags-from-gutenberg-blocks\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/0dea2176fcad4070f74ce4ee1a63460edd0cc3017656f3a98fa152e791f87b55?s=96&d=mm&r=r","width":96,"height":96,"caption":"Kris Bunda"},"sameAs":["@KrisBunda3D"]},{"@type":"WebPage","@id":"https:\/\/krisbunda.com\/blog\/2019\/08\/19\/wordpress-plugin-add-abbreviation-tags-from-gutenberg-blocks\/#webpage","url":"https:\/\/krisbunda.com\/blog\/2019\/08\/19\/wordpress-plugin-add-abbreviation-tags-from-gutenberg-blocks\/","name":"WordPress Plugin: Add Abbreviation Tags from Gutenberg Blocks | Kris Bunda Design","description":"I made a Wordpress plugin to inject < abbr > HTML tags around selected text with one click from the Gutenberg Blocks Toolbar menu.","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/krisbunda.com\/blog\/#website"},"breadcrumb":{"@id":"https:\/\/krisbunda.com\/blog\/2019\/08\/19\/wordpress-plugin-add-abbreviation-tags-from-gutenberg-blocks\/#breadcrumblist"},"author":{"@id":"https:\/\/krisbunda.com\/blog\/author\/kris-bunda\/#author"},"creator":{"@id":"https:\/\/krisbunda.com\/blog\/author\/kris-bunda\/#author"},"image":{"@type":"ImageObject","url":"https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2019\/08\/cropped-ABBR-TAG-PLUGIN-for-Gutenberg-blocks.png","@id":"https:\/\/krisbunda.com\/blog\/2019\/08\/19\/wordpress-plugin-add-abbreviation-tags-from-gutenberg-blocks\/#mainImage","width":821,"height":461},"primaryImageOfPage":{"@id":"https:\/\/krisbunda.com\/blog\/2019\/08\/19\/wordpress-plugin-add-abbreviation-tags-from-gutenberg-blocks\/#mainImage"},"datePublished":"2019-08-19T01:53:52-05:00","dateModified":"2019-08-19T01:58:10-05:00"},{"@type":"WebSite","@id":"https:\/\/krisbunda.com\/blog\/#website","url":"https:\/\/krisbunda.com\/blog\/","name":"Kris Bunda Design","description":"Creative Development & Technical How-Tos","inLanguage":"en-US","publisher":{"@id":"https:\/\/krisbunda.com\/blog\/#person"}}]},"og:locale":"en_US","og:site_name":"Kris Bunda Design","og:type":"article","og:title":"WordPress Plugin: Add Abbreviation Tags from Gutenberg Blocks | Kris Bunda Design","og:description":"I made a Wordpress plugin to inject &lt; abbr &gt; HTML tags around selected text with one click from the Gutenberg Blocks Toolbar menu.","og:url":"https:\/\/krisbunda.com\/blog\/2019\/08\/19\/wordpress-plugin-add-abbreviation-tags-from-gutenberg-blocks\/","og:image":"https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2021\/07\/BG-1920X1080C.png","og:image:secure_url":"https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2021\/07\/BG-1920X1080C.png","og:image:width":1920,"og:image:height":1080,"article:tag":["wordpress","programming","web design","designer"],"article:published_time":"2019-08-19T06:53:52+00:00","article:modified_time":"2019-08-19T06:58:10+00:00","twitter:card":"summary_large_image","twitter:site":"@KrisBunda3D","twitter:title":"WordPress Plugin: Add Abbreviation Tags from Gutenberg Blocks | Kris Bunda Design","twitter:description":"I made a Wordpress plugin to inject &lt; abbr &gt; HTML tags around selected text with one click from the Gutenberg Blocks Toolbar menu.","twitter:creator":"@KrisBunda3D","twitter:image":"https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2021\/07\/BG-1920X1080C.png","twitter:label1":"Written by","twitter:data1":"Kris Bunda","twitter:label2":"Est. reading time","twitter:data2":"1 minute"},"aioseo_meta_data":{"post_id":"9337","title":null,"description":"I made a Wordpress plugin to inject &lt; abbr &gt; HTML tags around selected text with one click from the Gutenberg Blocks Toolbar menu.","keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":"","og_description":"","og_object_type":"article","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":"","og_article_tags":"","twitter_use_og":false,"twitter_card":"summary_large_image","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"Article","isEnabled":true},"graphs":[]},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2021-07-16 06:49:44","updated":"2026-01-28 23:39:49","seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/krisbunda.com\/blog\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/krisbunda.com\/blog\/category\/designer\/\" title=\"Designer\">Designer<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tWordPress Plugin: Add Abbreviation Tags from Gutenberg Blocks\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/krisbunda.com\/blog"},{"label":"Designer","link":"https:\/\/krisbunda.com\/blog\/category\/designer\/"},{"label":"WordPress Plugin: Add Abbreviation Tags from Gutenberg Blocks","link":"https:\/\/krisbunda.com\/blog\/2019\/08\/19\/wordpress-plugin-add-abbreviation-tags-from-gutenberg-blocks\/"}],"taxonomy_info":{"category":[{"value":4,"label":"Designer"}],"post_tag":[{"value":240,"label":"WordPress"},{"value":91,"label":"programming"},{"value":105,"label":"web design"}]},"featured_image_src_large":["https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2019\/08\/cropped-ABBR-TAG-PLUGIN-for-Gutenberg-blocks.png",821,461,false],"author_info":{"display_name":"Kris Bunda","author_link":"https:\/\/krisbunda.com\/blog\/author\/kris-bunda\/"},"comment_info":0,"category_info":[{"term_id":4,"name":"Designer","slug":"designer","term_group":0,"term_taxonomy_id":4,"taxonomy":"category","description":"Posts focusing on web, graphic, CAD, and other design.","parent":0,"count":91,"filter":"raw","cat_ID":4,"category_count":91,"category_description":"Posts focusing on web, graphic, CAD, and other design.","cat_name":"Designer","category_nicename":"designer","category_parent":0}],"tag_info":[{"term_id":240,"name":"WordPress","slug":"wordpress","term_group":0,"term_taxonomy_id":240,"taxonomy":"post_tag","description":"","parent":0,"count":5,"filter":"raw"},{"term_id":91,"name":"programming","slug":"programming","term_group":0,"term_taxonomy_id":91,"taxonomy":"post_tag","description":"","parent":0,"count":2,"filter":"raw"},{"term_id":105,"name":"web design","slug":"web-design","term_group":0,"term_taxonomy_id":105,"taxonomy":"post_tag","description":"","parent":0,"count":19,"filter":"raw"}],"jetpack_featured_media_url":"https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2019\/08\/cropped-ABBR-TAG-PLUGIN-for-Gutenberg-blocks.png","amp_enabled":true,"_links":{"self":[{"href":"https:\/\/krisbunda.com\/blog\/wp-json\/wp\/v2\/posts\/9337","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/krisbunda.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/krisbunda.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/krisbunda.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/krisbunda.com\/blog\/wp-json\/wp\/v2\/comments?post=9337"}],"version-history":[{"count":4,"href":"https:\/\/krisbunda.com\/blog\/wp-json\/wp\/v2\/posts\/9337\/revisions"}],"predecessor-version":[{"id":9411,"href":"https:\/\/krisbunda.com\/blog\/wp-json\/wp\/v2\/posts\/9337\/revisions\/9411"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/krisbunda.com\/blog\/wp-json\/wp\/v2\/media\/9408"}],"wp:attachment":[{"href":"https:\/\/krisbunda.com\/blog\/wp-json\/wp\/v2\/media?parent=9337"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/krisbunda.com\/blog\/wp-json\/wp\/v2\/categories?post=9337"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/krisbunda.com\/blog\/wp-json\/wp\/v2\/tags?post=9337"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}