Title: Will Work for Ko-fi
Author: mark l chaves
Published: <strong>2020년 4월 27일</strong>
Last modified: 2021년 9월 26일

---

플러그인 검색

![](https://ps.w.org/will-work-for-ko-fi/assets/banner-772x250.png?rev=2293062)

이 플러그인은 **최근 3개의 주요 워드프레스 출시와 시험 되지 않았습니다**. 워드프레스의
좀 더 최근 버전으로 이용할 때 더 이상 관리되지 않고 지원되지 않고 호환성 문제가 
있을 수 있습니다.

![](https://ps.w.org/will-work-for-ko-fi/assets/icon-256x256.png?rev=2330722)

# Will Work for Ko-fi

 작성자: [mark l chaves](https://profiles.wordpress.org/mlchaves/)

[다운로드](https://downloads.wordpress.org/plugin/will-work-for-ko-fi.2.1.1.zip)

 * [세부사항](https://ko.wordpress.org/plugins/will-work-for-ko-fi/#description)
 * [평가](https://ko.wordpress.org/plugins/will-work-for-ko-fi/#reviews)
 *  [설치](https://ko.wordpress.org/plugins/will-work-for-ko-fi/#installation)
 * [개발](https://ko.wordpress.org/plugins/will-work-for-ko-fi/#developers)

 [지원](https://wordpress.org/support/plugin/will-work-for-ko-fi/)

## 설명

Welcome to the Will Work for Ko-fi (WW4KOFI) Gutenberg block version 2.0.0.

Add your customised official Ko-fi button to your posts and pages. Visually preview
your customisations in the block editor.

This custom Gutenberg Block (CGB) for the Ko-fi donation button allows you to:

 1. Create an optional heading
 2. Add a short call-to-action prompt
 3. Insert your custom button text
 4. Choose a background colour using a built-in colour picker
 5. And of course, add your Ko-fi _code_ or username

### Usage

 1. Open a page or post in Gutenberg.
 2. Click on the `+` to add a block.
 3. Start typing “Will Work for Ko-fi” until you see the block appear, then select 
    it.
 4. Inside the block, enter an optional heading or short description into the respective
    input fields.
 5. In the settings sidebar, enter the text you want on your button. This is important!
    Keep it short.
 6. In the settings sidebar, use the colour picker for the button’s background.
 7. Remember to enter your Ko-fi _code_ or username. This is also in the settings sidebar.
 8. Preview, Update, or Publish your page or post and enjoy 😉

### Credits

Built with [Create Guten Block](https://github.com/ahmadawais/create-guten-block).

_Will Work for Ko-fi_ coffee logo by walkerstudio13 from the [Noun Project](https://thenounproject.com/search/?q=coffee&i=2491285).

## 스크린샷

[⌊Your very own personalised official Ko-fi button.⌉⌊Your very own personalised 
official Ko-fi button.⌉[

Your very own **personalised** official Ko-fi button.

[⌊Get creative with your button placement and styling.⌉⌊Get creative with your button
placement and styling.⌉[

Get creative with your button placement and styling.

[⌊Style your Will Work for Ko-fi block with custom CSS.⌉⌊Style your Will Work for
Ko-fi block with custom CSS.⌉[

Style your Will Work for Ko-fi block with custom CSS.

[⌊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.⌉⌊
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
.⌉[

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.

[⌊Use additional CSS for custom styling. Add your CSS class names under the Advanced
section in the settings sidebar.⌉⌊Use additional CSS for custom styling. Add your
CSS class names under the Advanced section in the settings sidebar.⌉[

Use additional CSS for custom styling. Add your CSS class names under the **Advanced**
section in the settings sidebar.

## 블록

이 플러그인은 1개의 블록을 제공합니다.

 *   Will Work for Ko-fi

## 설치

 1. Upload the contents of the plugin zip file to the `/wp-content/plugins/will-work-
    for-ko-fi` directory, or install the plugin through the WordPress plugins page 
    directly.
 2. Activate the plugin through the ‘Plugins’ page.

## FAQ

### Is WW4KOFI v2 lightweight?

Yes. It’s only 47 KB zipped. And, it uses its’ own local copy of the official Ko-
fi widget JavaScript library.

### Is the Ko-fi button the official button from ko-fi.com?

It sure is. The Ko-fi button widget code comes from https://ko-fi.com/manage/widgets
and it looks like this.

    ```
    <script type='text/javascript' src='https://ko-fi.com/widgets/widget_2.js'></script><script type='text/javascript'>kofiwidget2.init('Support Me on Ko-fi', '#29abe0', 'D1D7YARD');kofiwidget2.getHTML();</script>
    ```

### How can I change the alignment for the Will Work for Ko-fi block?

You can change the content alignment by using [additional CSS](https://medium.com/@marklchaves/adding-custom-css-to-your-wordpress-website-how-to-guide-a50b474af36d).
The additional CSS below will centre justify the WW4KOFI block contents.

    ```
    .centre-this-block {
        text-align: center;
        width: 50%;
        margin: 0 auto;
    }
    ```

### How can I change the style of the Will Work for Ko-fi block?

You can change the content alignment by using [additional CSS](https://medium.com/@marklchaves/adding-custom-css-to-your-wordpress-website-how-to-guide-a50b474af36d).
The additional CSS below will add slight padding to the contents and create a drop
shadow effect.

    ```
    .style-this-block {
        padding: 1.5%;
        border-radius: 10px;
        box-shadow: 5px 20px 12px rgba(0,0,0,.2);
    }
    ```

Version 2.1.0 introduced the `.section__kofi` CSS class that controls the top/bottom
padding for the widget’s heading, description, and button.

    ```
    .section__kofi {
      padding-top: 0;
      padding-bottom: 0;
    }
    ```

### Do I need to install the Lazy Blocks plugin too?

No. Version 2.0.0 does not rely on any third-party plugins. Lazy Blocks is deprecated
in v2.0.0.

### I’m seeing a “This block contains invalid or unexpected content” error message. What must I do to fix it?

Click on the horizontal ellipses (…) on the right, then select **Attempt Block Recovery**.

## 후기

![](https://secure.gravatar.com/avatar/f76c2483c161373a47fabc52f8929d09b28f94b7712a4788ef05f1bd7e4bbc00?
s=60&d=retro&r=g)

### 󠀁[Cool](https://wordpress.org/support/topic/cool-1049/)󠁿

 [sahmfz](https://profiles.wordpress.org/sahmfz/) 2020년 10월 4일 답글 1개

Cool

 [ 모든 1 평가 읽기 ](https://wordpress.org/support/plugin/will-work-for-ko-fi/reviews/)

## 기여자 & 개발자

“Will Work for Ko-fi”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에
기여하였습니다.

기여자

 *   [ mark l chaves ](https://profiles.wordpress.org/mlchaves/)

“Will Work for Ko-fi”(이)가 1 개 언어로 번역되었습니다. 기여해 주셔서 [번역자](https://translate.wordpress.org/projects/wp-plugins/will-work-for-ko-fi/contributors)
님께 감사드립니다.

[자국어로 “Will Work for Ko-fi”(을)를 번역하세요.](https://translate.wordpress.org/projects/wp-plugins/will-work-for-ko-fi)

### 개발에 관심이 있으십니까?

[코드 탐색하기](https://plugins.trac.wordpress.org/browser/will-work-for-ko-fi/)
는, [SVN 저장소](https://plugins.svn.wordpress.org/will-work-for-ko-fi/)를 확인하시거나,
[개발 기록](https://plugins.trac.wordpress.org/log/will-work-for-ko-fi/)을 [RSS](https://plugins.trac.wordpress.org/log/will-work-for-ko-fi/?limit=100&mode=stop_on_copy&format=rss)
로 구독하세요.

## 변경이력

#### 2.1.1

 * Added local Ko-fi image assets.
 * Tested with WordPress 5.7.1.

#### 2.1.0

 * CSS changes. Mainly to add section class to avoid inheriting large padding used
   in Twenty Twenty theme CSS.
 * Tested with WordPress 5.6.

#### 2.0.0

 * Added support for live preview of the Ko-fi button. The live preview displays
   inside the block while in the block editor.
 * Moved the button text and button colour controls to the inspector (right sidebar).
 * Removed the dependency for Lazy Blocks.

#### 1.2.0

 * Added proper use of enqueue for the official Ko-fi JavaScript library.
 * Readme updates.

#### 1.0.0

 * First release. Tested on the Twenty Twenty and GeneratePress themes.

## 기초

 *  버전 **2.1.1**
 *  최근 업데이트: **5년 전**
 *  활성화된 설치 **20+**
 *  워드프레스 버전 ** 5.3.2 또는 그 이상 **
 *  다음까지 시험됨: **5.8.15**
 *  PHP 버전 ** 7.2 또는 그 이상 **
 *  언어
 * [Dutch](https://nl.wordpress.org/plugins/will-work-for-ko-fi/) 및 [English (US)](https://wordpress.org/plugins/will-work-for-ko-fi/).
 *  [자국어로 번역하기](https://translate.wordpress.org/projects/wp-plugins/will-work-for-ko-fi)
 * 태그:
 * [block](https://ko.wordpress.org/plugins/tags/block/)[button](https://ko.wordpress.org/plugins/tags/button/)
   [donation](https://ko.wordpress.org/plugins/tags/donation/)
 *  [고급 보기](https://ko.wordpress.org/plugins/will-work-for-ko-fi/advanced/)

## 평점

 별 5점 만점에 5점.

 *  [  1/5-별점 후기     ](https://wordpress.org/support/plugin/will-work-for-ko-fi/reviews/?filter=5)
 *  [  0/4-별점 후기     ](https://wordpress.org/support/plugin/will-work-for-ko-fi/reviews/?filter=4)
 *  [  0/3-별점 후기     ](https://wordpress.org/support/plugin/will-work-for-ko-fi/reviews/?filter=3)
 *  [  0/2-별점 후기     ](https://wordpress.org/support/plugin/will-work-for-ko-fi/reviews/?filter=2)
 *  [  0/1-별점 후기     ](https://wordpress.org/support/plugin/will-work-for-ko-fi/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/will-work-for-ko-fi/reviews/#new-post)

[모든  리뷰 보기](https://wordpress.org/support/plugin/will-work-for-ko-fi/reviews/)

## 기여자

 *   [ mark l chaves ](https://profiles.wordpress.org/mlchaves/)

## 지원

할 말 있으신가요? 도움이 필요하신가요?

 [지원 포럼 보기](https://wordpress.org/support/plugin/will-work-for-ko-fi/)

## 기부

이 플러그인이 발전하도록 도우시겠습니까?

 [ 이 플러그인에 기부하기 ](https://ko-fi.com/marklchaves)