{"id":120715,"date":"2020-04-27T22:05:42","date_gmt":"2020-04-27T22:05:42","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/will-work-for-ko-fi\/"},"modified":"2021-09-26T22:04:01","modified_gmt":"2021-09-26T22:04:01","slug":"will-work-for-ko-fi","status":"publish","type":"plugin","link":"https:\/\/lmo.wordpress.org\/plugins\/will-work-for-ko-fi\/","author":14816408,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"2.1.1","stable_tag":"2.1.1","tested":"5.8.13","requires":"5.3.2","requires_php":"7.2","requires_plugins":"","header_name":"Will Work For Ko-fi","header_author":"caught my eye","header_description":"Custom Gutenberg Block (CGB) for the Ko-fi donation button.","assets_banners_color":"7d594e","last_updated":"2021-09-26 22:04:01","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/ko-fi.com\/marklchaves","header_plugin_uri":"https:\/\/github.com\/marklchaves\/will-work-for-ko-fi","header_author_uri":"https:\/\/www.caughtmyeye.cc\/","rating":5,"author_block_rating":0,"active_installs":20,"downloads":1537,"num_ratings":1,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"mlchaves","date":"2020-06-14 02:17:29"},"1.2.0":{"tag":"1.2.0","author":"mlchaves","date":"2020-06-15 23:16:48"},"2.0.0":{"tag":"2.0.0","author":"mlchaves","date":"2020-09-19 06:47:43"},"2.1.0":{"tag":"2.1.0","author":"mlchaves","date":"2020-12-13 21:38:41"},"2.1.1":{"tag":"2.1.1","author":"mlchaves","date":"2021-09-26 22:04:01"}},"upgrade_notice":{"2.0.0":"<ul>\n<li>Version 2.0.0 is nearly a complete rewrite. <\/li>\n<li>Version 2.0.0 is now only 47 KB zipped. Version 1.* was almost 1 MB zipped because of the Lazy Blocks dependency.<\/li>\n<\/ul>","1.2.0":"<ul>\n<li>Upgrade to ensure that the Ko-fi widget JS library is properly enqueued to meet WordPress developer standards.<\/li>\n<li>Removed separate install requirement for Lazy Blocks. Lazy Blocks is included in the Will Work for Ko-fi plugin install.<\/li>\n<\/ul>","1.0.0":"<p>None<\/p>"},"ratings":{"1":0,"2":0,"3":0,"4":0,"5":"1"},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":2330722,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":2330722,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":2293062,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":2293062,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":{"cgb\/block-will-work-for-ko-fi-cgb":{"name":"cgb\/block-will-work-for-ko-fi-cgb","title":"Will Work for Ko-fi"}},"tagged_versions":["1.0.0","1.2.0","2.0.0","2.1.0","2.1.1"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":2330733,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":2330722,"resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":2330722,"resolution":"3","location":"assets","locale":""},"screenshot-4.png":{"filename":"screenshot-4.png","revision":2330733,"resolution":"4","location":"assets","locale":""},"screenshot-5.png":{"filename":"screenshot-5.png","revision":2330733,"resolution":"5","location":"assets","locale":""}},"screenshots":{"1":"Your very own <strong>personalised<\/strong> official Ko-fi button.","2":"Get creative with your button placement and styling.","3":"Style your Will Work for Ko-fi block with custom CSS.","4":"NEW live button preview in the block editor. Customise the heading and description in the editor. Edit the button text, button colour, and Ko-fi ID in the block inspector.","5":"Use additional CSS for custom styling. Add your CSS class names under the <strong>Advanced<\/strong> section in the settings sidebar."},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[1220,485,184935,617,184934],"plugin_category":[45],"plugin_contributors":[182726],"plugin_business_model":[],"class_list":["post-120715","plugin","type-plugin","status-publish","hentry","plugin_tags-block","plugin_tags-button","plugin_tags-cgb","plugin_tags-donation","plugin_tags-kofi","plugin_category-ecommerce","plugin_contributors-mlchaves","plugin_committers-mlchaves"],"banners":{"banner":"https:\/\/ps.w.org\/will-work-for-ko-fi\/assets\/banner-772x250.png?rev=2293062","banner_2x":"https:\/\/ps.w.org\/will-work-for-ko-fi\/assets\/banner-1544x500.png?rev=2293062","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/will-work-for-ko-fi\/assets\/icon-128x128.png?rev=2330722","icon_2x":"https:\/\/ps.w.org\/will-work-for-ko-fi\/assets\/icon-256x256.png?rev=2330722","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/will-work-for-ko-fi\/assets\/screenshot-1.png?rev=2330733","caption":"Your very own <strong>personalised<\/strong> official Ko-fi button."},{"src":"https:\/\/ps.w.org\/will-work-for-ko-fi\/assets\/screenshot-2.png?rev=2330722","caption":"Get creative with your button placement and styling."},{"src":"https:\/\/ps.w.org\/will-work-for-ko-fi\/assets\/screenshot-3.png?rev=2330722","caption":"Style your Will Work for Ko-fi block with custom CSS."},{"src":"https:\/\/ps.w.org\/will-work-for-ko-fi\/assets\/screenshot-4.png?rev=2330733","caption":"NEW live button preview in the block editor. Customise the heading and description in the editor. Edit the button text, button colour, and Ko-fi ID in the block inspector."},{"src":"https:\/\/ps.w.org\/will-work-for-ko-fi\/assets\/screenshot-5.png?rev=2330733","caption":"Use additional CSS for custom styling. Add your CSS class names under the <strong>Advanced<\/strong> section in the settings sidebar."}],"raw_content":"<!--section=description-->\n<p>Welcome to the Will Work for Ko-fi (WW4KOFI) Gutenberg block version 2.0.0.<\/p>\n\n<p>Add your customised official Ko-fi button to your posts and pages. Visually preview your customisations in the block editor.<\/p>\n\n<p>This custom Gutenberg Block (CGB) for the Ko-fi donation button allows you to:<\/p>\n\n<ol>\n<li>Create an optional heading<\/li>\n<li>Add a short call-to-action prompt<\/li>\n<li>Insert your custom button text<\/li>\n<li>Choose a background colour using a built-in colour picker <\/li>\n<li>And of course, add your Ko-fi <em>code<\/em> or username<\/li>\n<\/ol>\n\n<h3>Usage<\/h3>\n\n<ol>\n<li>Open a page or post in Gutenberg.<\/li>\n<li>Click on the <code>+<\/code> to add a block.<\/li>\n<li>Start typing \"Will Work for Ko-fi\" until you see the block appear, then select it.<\/li>\n<li>Inside the block, enter an optional heading or short description into the respective input fields.<\/li>\n<li>In the settings sidebar, enter the text you want on your button. This is important! Keep it short.<\/li>\n<li>In the settings sidebar, use the colour picker for the button's background.<\/li>\n<li>Remember to enter your Ko-fi <em>code<\/em> or username. This is also in the settings sidebar.<\/li>\n<li>Preview, Update, or Publish your page or post and enjoy ;-)<\/li>\n<\/ol>\n\n<h3>Credits<\/h3>\n\n<p>Built with <a href=\"https:\/\/github.com\/ahmadawais\/create-guten-block\">Create Guten Block<\/a>.<\/p>\n\n<p><em>Will Work for Ko-fi<\/em> coffee logo by walkerstudio13 from the <a href=\"https:\/\/thenounproject.com\/search\/?q=coffee&amp;i=2491285\">Noun Project<\/a>.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the contents of the plugin zip file to the <code>\/wp-content\/plugins\/will-work-for-ko-fi<\/code> directory, or install the plugin through the WordPress plugins page directly.<\/li>\n<li>Activate the plugin through the 'Plugins' page.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id='is%20ww4kofi%20v2%20lightweight%3F'><h3>Is WW4KOFI v2 lightweight?<\/h3><\/dt>\n<dd><p>Yes. It's only 47 KB zipped. And, it uses its' own local copy of the official Ko-fi widget JavaScript library.<\/p><\/dd>\n<dt id='is%20the%20ko-fi%20button%20the%20official%20button%20from%20ko-fi.com%3F'><h3>Is the Ko-fi button the official button from ko-fi.com?<\/h3><\/dt>\n<dd><p>It sure is. The Ko-fi button widget code comes from https:\/\/ko-fi.com\/manage\/widgets and it looks like this.<\/p>\n\n<pre><code>&lt;script type='text\/javascript' src='https:\/\/ko-fi.com\/widgets\/widget_2.js'&gt;&lt;\/script&gt;&lt;script type='text\/javascript'&gt;kofiwidget2.init('Support Me on Ko-fi', '#29abe0', 'D1D7YARD');kofiwidget2.getHTML();&lt;\/script&gt;\n<\/code><\/pre><\/dd>\n<dt id='how%20can%20i%20change%20the%20alignment%20for%20the%20will%20work%20for%20ko-fi%20block%3F'><h3>How can I change the alignment for the Will Work for Ko-fi block?<\/h3><\/dt>\n<dd><p>You can change the content alignment by using <a href=\"https:\/\/medium.com\/@marklchaves\/adding-custom-css-to-your-wordpress-website-how-to-guide-a50b474af36d\">additional CSS<\/a>. The additional CSS below will centre justify the WW4KOFI block contents.<\/p>\n\n<pre><code>.centre-this-block {\n    text-align: center;\n    width: 50%;\n    margin: 0 auto;\n}\n<\/code><\/pre><\/dd>\n<dt id='how%20can%20i%20change%20the%20style%20of%20the%20will%20work%20for%20ko-fi%20block%3F'><h3>How can I change the style of the Will Work for Ko-fi block?<\/h3><\/dt>\n<dd><p>You can change the content alignment by using <a href=\"https:\/\/medium.com\/@marklchaves\/adding-custom-css-to-your-wordpress-website-how-to-guide-a50b474af36d\">additional CSS<\/a>. The additional CSS below will add slight padding to the contents and create a drop shadow effect.<\/p>\n\n<pre><code>.style-this-block {\n    padding: 1.5%;\n    border-radius: 10px;\n    box-shadow: 5px 20px 12px rgba(0,0,0,.2);\n}\n<\/code><\/pre>\n\n<p>Version 2.1.0 introduced the <code>.section__kofi<\/code> CSS class that controls the top\/bottom padding for the widget's heading, description, and button.<\/p>\n\n<pre><code>.section__kofi {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n<\/code><\/pre><\/dd>\n<dt id='do%20i%20need%20to%20install%20the%20lazy%20blocks%20plugin%20too%3F'><h3>Do I need to install the Lazy Blocks plugin too?<\/h3><\/dt>\n<dd><p>No. Version 2.0.0 does not rely on any third-party plugins. Lazy Blocks is deprecated in v2.0.0.<\/p><\/dd>\n<dt id='i%27m%20seeing%20a%20%22this%20block%20contains%20invalid%20or%20unexpected%20content%22%20error%20message.%20what%20must%20i%20do%20to%20fix%20it%3F'><h3>I'm seeing a \"This block contains invalid or unexpected content\" error message. What must I do to fix it?<\/h3><\/dt>\n<dd><p>Click on the horizontal ellipses (...) on the right, then select <strong>Attempt Block Recovery<\/strong>.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>2.1.1<\/h4>\n\n<ul>\n<li>Added local Ko-fi image assets.<\/li>\n<li>Tested with WordPress 5.7.1.<\/li>\n<\/ul>\n\n<h4>2.1.0<\/h4>\n\n<ul>\n<li>CSS changes. Mainly to add section class to avoid inheriting large padding used in Twenty Twenty theme CSS.<\/li>\n<li>Tested with WordPress 5.6.<\/li>\n<\/ul>\n\n<h4>2.0.0<\/h4>\n\n<ul>\n<li>Added support for live preview of the Ko-fi button. The live preview displays inside the block while in the block editor.<\/li>\n<li>Moved the button text and button colour controls to the inspector (right sidebar).<\/li>\n<li>Removed the dependency for Lazy Blocks.<\/li>\n<\/ul>\n\n<h4>1.2.0<\/h4>\n\n<ul>\n<li>Added proper use of enqueue for the official Ko-fi JavaScript library.<\/li>\n<li>Readme updates.<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>First release. Tested on the Twenty Twenty and GeneratePress themes.<\/li>\n<\/ul>","raw_excerpt":"Custom Gutenberg Block (CGB) for the Ko-fi donation button.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/120715","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=120715"}],"author":[{"embeddable":true,"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/mlchaves"}],"wp:attachment":[{"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=120715"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=120715"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=120715"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=120715"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=120715"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=120715"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}