{"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

I made a WordPress plugin that I can use from the Gutenberg Blocks Toolbar menu because I’m sick of doing it all manually. <\/p>\n\n\n\n

\"HTML<\/a>
ABBR PLUGIN 1 – before – HTML view<\/figcaption><\/figure>\n\n\n\n

It adds an HTML5 <abbr><\/abbr><\/code> tag around any highlighted text after clicking the “Abbreviation” button. <\/p>\n\n\n\n

\"Gutenberg<\/a>
ABBR PLUGIN 2 – highlight acronym select abbreviation command – Gutenberg block view<\/figcaption><\/figure>\n\n\n\n

Unfortunately I didn’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

\"HTML<\/a>
HTML view of how gutenberg block looks WITH abbr tags around selected acronym<\/figcaption><\/figure>\n\n\n\n

To download and install your copy of the plugin, find it on GitHub here<\/a>.<\/p>\n\n\n\n

\"ABBR<\/a>
ABBR PLUGIN 4 – v1_0 – Gutenberg block abbr HTML plugin tag – Kris Bunda<\/figcaption><\/figure>\n\n\n\n

Here’s what the 2 files look like that make this simple plugin work: <\/h2>\n\n\n\n
\"PHP<\/a>
ABBR PLUGIN 4 – v1_0 – Gutenberg block abbr HTML plugin tag – Kris Bunda<\/figcaption><\/figure>\n\n\n\n

I don’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

\"Javascript<\/a>
ABBR PLUGIN 4 – v1_0 – Gutenberg block abbr HTML plugin tag – Kris Bunda<\/figcaption><\/figure>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

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":{"_editorskit_title_hidden":false,"_editorskit_reading_time":0,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","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":"","jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"I made a Wordpress #Plugin to Add Abbreviation < abbr > Tags from #Gutenberg Blocks","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[4],"tags":[91,105,240],"class_list":["post-9337","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-designer","tag-programming","tag-web-design","tag-wordpress"],"aioseo_notices":[],"jetpack_publicize_connections":[],"taxonomy_info":{"category":[{"value":4,"label":"Designer"}],"post_tag":[{"value":91,"label":"programming"},{"value":105,"label":"web design"},{"value":240,"label":"WordPress"}]},"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":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"},{"term_id":240,"name":"WordPress","slug":"wordpress","term_group":0,"term_taxonomy_id":240,"taxonomy":"post_tag","description":"","parent":0,"count":5,"filter":"raw"}],"jetpack_featured_media_url":"https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2019\/08\/cropped-ABBR-TAG-PLUGIN-for-Gutenberg-blocks.png","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p1NcZe-2qB","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}]}}