{"id":21082,"date":"2012-12-09T09:21:26","date_gmt":"2012-12-09T09:21:26","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/visual-editor-custom-buttons\/"},"modified":"2023-05-26T08:52:23","modified_gmt":"2023-05-26T08:52:23","slug":"visual-editor-custom-buttons","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/visual-editor-custom-buttons\/","author":10950381,"comment_status":"closed","ping_status":"closed","template":"","meta":{"rating":4.6,"active_installs":5000,"downloads":150277,"tested":"6.2.6","requires":"4.9","requires_php":"","stable_tag":"1.6.0.3","donate_link":"","version":"1.6.0.3","header_name":"Visual Editor Custom Buttons","header_plugin_uri":"http:\/\/eborninteractive.se","header_author":"Ola Eborn","header_author_uri":"http:\/\/eborninteractive.se","header_description":"","assets_banners_color":"676767","support_threads":0,"support_threads_resolved":0},"class_list":["post-21082","plugin","type-plugin","status-publish","hentry","plugin_tags-buttons","plugin_tags-custom","plugin_tags-rich-editor","plugin_tags-tiny-mce-editor","plugin_tags-visual-editor","plugin_category-customization","plugin_category-editor-and-writing","plugin_contributors-cyberduck","plugin_committers-cyberduck"],"banners":{"banner":"https:\/\/ps.w.org\/visual-editor-custom-buttons\/assets\/banner-772x250.jpg?rev=636071","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/visual-editor-custom-buttons\/assets\/icon-128x128.png?rev=1116627","icon_2x":"https:\/\/ps.w.org\/visual-editor-custom-buttons\/assets\/icon-256x256.png?rev=1116627","generated":false},"rating":4.6,"ratings":{"1":1,"2":0,"3":2,"4":5,"5":29},"screenshots":[{"src":"https:\/\/ps.w.org\/visual-editor-custom-buttons\/assets\/screenshot-1.png?rev=641514","caption":"Example of a Simple Button function. A Felt Marker. Just add a simple span-tag with a class. Then add the CSS to the class."},{"src":"https:\/\/ps.w.org\/visual-editor-custom-buttons\/assets\/screenshot-2.png?rev=638347","caption":"This is how the Felt Marker-button will work in the Visual Editor. To Get the same effect in Front End View, just add the same CSS to your normal CSS file."},{"src":"https:\/\/ps.w.org\/visual-editor-custom-buttons\/assets\/screenshot-3.png?rev=641514","caption":"Another button example. Four Image Slots. Same here, Add the code and the CSS."},{"src":"https:\/\/ps.w.org\/visual-editor-custom-buttons\/assets\/screenshot-4.png?rev=638347","caption":"The effect of the button in the Visual Editor. The dottered lines is for making the template boxes more clearly. Since you can have different CSS for backend and fronted you can simply remove the dottered border in the actual FrontEnd display."}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/21082","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=21082"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/cyberduck"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=21082"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}