WordPress 5.0 이상 을 사용하는 경우 바위 아래에서 생활하지 않는 한 의심할 여지 없이 2018년 12월 (December 2018)WordPress 에 병합된 Gutenberg 업데이트에 대해 들었을 것입니다 .
따라서 최신 버전의 WP를 사용하는 경우 이미 Gutenberg 를 사용 중이거나 (Gutenberg)WordPress Classic Editor 플러그인( WordPress Classic Editor plugin) 을 설치하여 클래식 편집기를 계속 사용하고 있는 것 입니다.
왜 구텐베르크인가?(Why Gutenberg?)
많은 WP 사용자는 Gutenberg 마차에(on the Gutenberg wagon) 뛰어들 준비가 되지 않았지만 이 웹사이트를 포함하여 일부는 준비되어 있습니다.
Gutenberg 를 사용하려는 몇 가지 이유 는 다음과 같습니다.
- WP 개발자의 미래입니다.
- 더 나은 사용자 경험을 제공합니다.
- WP의 원래 편집기( TinyMCE )보다 더 유연합니다.
- 개발자들에게 새로운 시장을 제공할 것입니다.
WordPress와 Gutenberg의 차이점은 무엇입니까?(What Are The Differences Between WordPress & Gutenberg?)
WP의 클래식 편집기 는 텍스트 편집기이며 (Classic Editor)Microsoft Word 와 매우 유사 합니다. 아래 스크린샷과 같이 단일 편집 필드가 있습니다.
Gutenberg 는 다음과 같은 블록 기반 편집기입니다.
자체 서식 옵션을 포함하는 다양한 유형의 콘텐츠에 대해 여러 블록이 있습니다. 다음과 같은 블록:
- 단추
- 영상
- 테이블
- 임베드
- 목록
- 갤러리
- 오디오
- 인용 부호
- 표제
- 암호
- 절
- 사용자 정의 HTML
또한 테마 및 플러그인은 WP 게시물 및 페이지에서 사용할 수 있는 더 많은 블록과 위젯을 제공합니다.
기존 페이지 또는 게시물은 어떤 영향을 받습니까?(How Are Existing Pages Or Posts Affected?)
Gutenberg 를 업그레이드하고 사용한 후에도 기존 페이지와 게시물이 계속 올바르게 표시되어야 합니다.
그러나 단축 코드를 확인하고 사용 중인 플러그인이 작동하는지 확인해야 합니다.
기존 페이지 또는 게시물을 편집하면 단일 새 구텐베르크(Gutenberg) 편집기 클래식 블록에서 자동으로 열립니다.
전환할 준비가 되셨습니까?
스테이징 사이트 사용(Use a Staging Site)
마지막으로 하고 싶은 일은 기존 사이트를 깨는 것입니다. 이것을 피하는 방법은 준비 사이트 에서 (a staging site)Gutenberg 를 활성화하는 것 입니다. 이것은 실제 사이트를 손상시키지 않고 테스트할 수 있는 웹사이트의 정확한 복제본입니다.
테스트 사이트에는 테마, 플러그인 , 옵션 및 콘텐츠가 포함됩니다. 호스팅 회사에서 준비 사이트를 제공할 수 있습니다. 그렇지 않은 경우 WordPress Staging 플러그인( WordPress Staging plugin) 을 사용할 수 있습니다 .
스테이징 사이트가 실행되고 나면 Gutenberg 플러그인( Gutenberg plugin) 을 설치 및 활성화하고 테스트를 시작하십시오. 또는 컴퓨터에 WordPress의 새로운 인스턴스를 설치하고 거기에서 테스트하십시오.
플러그인 확인(Check Your Plugins)
WordPress 사용자는 플러그인이 제대로 작동하지 않을 때 어떤 일이 발생하는지 잘 알고 있습니다. 때로는 기능이나 충돌하는 코드 때문입니다. 지금은 설치한 모든 플러그인을 사용하고 있는지 확인할 수 있는 좋은 시간입니다. 그렇지 않은 경우 제거하십시오.
또한 WordPress(WordPress) 에서 콘텐츠를 편집할 때 어떤 플러그인이 사용되고 있는지 확인하고 싶습니다 . Akismet , Contact Form 7 , Google Sitemap Generator 및 WP Super Cache 와 같은 특정 플러그인 은 편집기와 관련이 없으며 Gutenberg 를 사용해도 영향을 받지 않습니다 .
반면에 기능을 추가하거나 WP 클래식 편집기의 모양을 변경하는 플러그인은 Gutenberg 와 호환되지 않을 수 있습니다 . 특히, 숏코드를 생성하거나 커스텀 스타일을 추가하거나 최근에 업데이트되지 않은 플러그인은 일반적으로 충돌하여 문제를 일으킵니다.
Gutenberg 에는 활성 플러그인 호환성(Plugin Compatibility) 데이터베이스가 있었습니다. 그러나 더 이상 적극적으로 유지 관리하지 않아 폐쇄되었습니다.
최종 데이터를 검토하고 데이터베이스( download the database) 를 CSV 파일로 다운로드할 수 있습니다. 활성 플러그인 호환성 데이터베이스에 액세스하지 않으면 사용하는 각 플러그인을 수동으로 테스트해야 합니다.
테스트 사이트에 새 게시물을 만들어 보세요. Gutenberg 편집기 에 있는 것을 볼 수 있으며 다르게 보일 것입니다. 입력을 시작하면 단락 블록이 자동으로 생성됩니다. 새 단락을 추가할 때 새 블록을 추가할 필요가 없습니다. 엔터(Just) 나 리턴 키를 누르시면 됩니다.
현재 플러그인이 작동하는지 확인하려고 하므로 각 플러그인을 어떻게 사용했는지 다시 만들고 여전히 작동하는지 확인하십시오.
그렇지 않은 경우 기본 Gutenberg 블록에서 동일한 기능을 찾아 해당 블록을 추가하고 콘텐츠를 추가하십시오.
Gutenberg 를 사용할 때 제거할 수 있도록 올바르게 작동하지 않는 플러그인 목록을 유지하십시오 .
필요한 기능에 대한 기본 블록이 없으면 어떻게 합니까?(What If There Is No Default Block For The Functionality You Need?)
모든 블록을 확인하여 필요한 기능이 다른 블록 안에 있는지 확인하십시오. 작동하는 것을 찾을 수 없으면 플러그인 작성자에게 연락하여 Gutenberg 와 호환되도록 업데이트할 계획인지 물어보십시오 .
다른 모든 방법이 실패하면 필요한 작업을 수행하는 Gutenberg 플러그인( Gutenberg plugin) 을 찾으십시오 . 스테이징 사이트에서 작동하지 않는 플러그인을 삭제하십시오.
라이브 시작(Going Live)
라이브 사이트에 무엇이든 하기 전에 호환성을 확인할 때 누락된 항목이 있거나 다른 오류가 발생할 경우를 대비하여 전체 사이트를 완전히 백업하십시오.
테스트 사이트에서 필요한 모든 변경을 수행하고 실제 사이트로 푸시할 수 있습니다. 그러나 이것은 약간의 기술적 지식이 필요합니다. 따라서 개발자가 아니거나 자신에게 적합한 개발자가 아닌 한 수동으로 변경하는 것이 좋습니다.
작동하지 않는 플러그인을 삭제하고 교체하기 위해 찾은 새 플러그인을 추가하여 시작하십시오. 이전 플러그인이 기존 게시물 및 페이지에 대한 데이터를 처리하고 있고 새 플러그인을 중단하지 않는 경우 설치된 상태로 둘 수 있습니다.
이전 게시물 및 페이지를 Gutenberg 블록으로 변환하시겠습니까?(Do You Want To Convert Your Old Posts & Pages To Gutenberg Blocks?)
각 페이지를 열고 클래식 차단 메뉴(Block Menu) 에서 게시물을 게시하세요 . 옵션을 보려면(view options) 세 개의 점을 클릭하십시오(Click) . 드롭다운 메뉴 에서 블록으로 변환 을(Convert to Blocks) 선택합니다 .
WP가 콘텐츠를 구텐베르그(Gutenberg) 블록 시스템으로 변환한 후에는 각 블록을 검토해야 합니다. 블록 탐색(Use Block Navigation) (아이콘에서)을 사용하여 게시물 또는 페이지의 모든 부분을 봅니다.
위의 스크린샷에서 볼 수 있듯이 모든 단락, 이미지, 목록 및 제목은 이제 자체 블록에 있습니다. 기존 페이지와 게시물을 새로운 Gutenberg 시스템으로 빠르고 쉽게 변환할 수 있습니다.
플러그인을 테스트하고 새 플러그인을 찾는 데 몇 시간이 걸릴 수 있지만 한 번만 수행하면 됩니다. 구텐베르그(Gutenberg) 로의 이동을 고통 없이 오류 없이 수행하려면 위에 제안된 단계를 따르십시오 .
How To Transition From The Classic WordPress Editor To Gutenberg
If you υse WordPress 5.0 and higher, unless you have been living under a rock, you will have undoubtedly heard of the Gutenberg updаte which waѕ merged into WоrdPress in December 2018.
So if you are using the latest version of WP, you are either already using Gutenberg or have continued using the classic editor by installing the WordPress Classic Editor plugin.
Why Gutenberg?
Many WP users are not ready to jump on the Gutenberg wagon, but some are, including this website.
A few of the reasons why you might want to use Gutenberg are because it:
- Is the future for WP developers.
- Provides a better user experience.
- Is more flexible that WP’s original editor (TinyMCE).
- Will provide a new market for developers.
What Are The Differences Between WordPress & Gutenberg?
WP’s Classic Editor is a text editor and looks very much like Microsoft Word. It has a single editing field as seen in the screenshot below.
Gutenberg is a block-based editor that looks like this:
There are multiple blocks for different types of content that include their own formatting options. Blocks such as:
- Button
- Image
- Table
- Embeds
- List
- Gallery
- Audio
- Quotes
- Heading
- Code
- Verse
- Custom HTML
Also, themes and plugins offer more blocks and widgets for you to use in your WP posts and pages.
How Are Existing Pages Or Posts Affected?
After upgrading and using Gutenberg, your existing pages and posts should continue to display correctly.
However, you should check your shortcodes and make sure that the plugins you might be using are working.
When you edit an existing page or post, it will automatically open in a single new Gutenberg editor classic block.
Are you ready to make the switch?
Use a Staging Site
The last thing you want to do is break your existing site. The way to avoid this is to activate Gutenberg on a staging site. This is an exact replica of your website where you can test things out without doing any damage to your live site.
Test sites include your theme, plugins, options, and content. Your hosting company might offer staging sites. If they don’t, you can use the WordPress Staging plugin.
After your staging site is up and running, install and activate the Gutenberg plugin and start testing. Or install a brand new instance of WordPress on your computer and test on there.
Check Your Plugins
WordPress users are familiar with what happens when plugins don’t play nice together. Sometimes it’s due to the functionality or conflicting code. This is an excellent time to see if you are using all the plugins you have installed. If you aren’t, remove them.
You also want to see which plugins are being used when you are editing content in WordPress. Specific plugins such as Akismet, Contact Form 7, Google Sitemap Generator, and WP Super Cache have nothing to do with the editor and will not be affected by using Gutenberg.
On the other hand, any plugin that adds functionality or changes the way the WP classic editor looks might not be compatible with Gutenberg. In particular, plugins that generated shortcodes, adds custom styles, or haven’t been updated recently, usually conflict and cause problems.
Gutenberg used to have an active Plugin Compatibility database. However, it has been shut down because it is no longer actively maintained.
You can review the final data and download the database as a CSV file. Without access to an active plugin compatibility database, you are going to have to manually test each plugin you use.
Try creating a new post on your test site. You will see that you are in the Gutenberg editor and it will look different to you. When you start typing, you are automatically creating a paragraph block. You don’t have to add a new block when you add a new paragraph. Just hit enter or the return key.
Since you are trying to see if your current plugins will work, try to recreate how you used each one and see if it still works.
If it doesn’t, look for the same functionality in the default Gutenberg block, add that block, and add your content.
Be sure to keep a list of the plugins that don’t work correctly so you can remove them when going live with Gutenberg.
What If There Is No Default Block For The Functionality You Need?
Check all the blocks to see if the functionality you need lives inside another block. If you can’t find something that will work, you can contact the plugin authors and ask them if they are planning to update it to be compatible with Gutenberg.
If all else fails, try to find a Gutenberg plugin that does what you need. Delete the plugins that don’t work from your staging site.
Going Live
Before you do ANYTHING to your live site, make a complete backup of your entire site in case you missed something when checking for compatibility or another error occurs.
It is possible to make all the necessary changes on your test site and push them to your live site. However, this requires some technical knowledge. So, unless you are a developer or have one that works for you, it is better to make the changes manually.
Start by deleting the plugins that didn’t work and adding the new ones you found to replace them. If old plugins are processing data for existing posts and pages and do not break new ones, you can leave them installed.
Do You Want To Convert Your Old Posts & Pages To Gutenberg Blocks?
Open each page and post from the Classic Block Menu. Click the three dots to view options. Select from the drop-down menu Convert to Blocks.
After WP converts your content to the Gutenberg block system, you should review each block. Use Block Navigation (from icons) to see all the parts of your post or page.
As you can see in the above screenshot, every paragraph, image, list, and heading is now in its own block. Converting existing pages and posts to the new Gutenberg system is quick and easy.
It might take several hours to test your plugins and find new ones, but you only have to do this once. Make sure to follow the steps suggested above to make your move to Gutenberg painless and error-free.