WordPress Block Editor
WordPress 블록 편집기
In this article 이 글에서
블록 편집기, WordPress 편집기 또는 Gutenberg 편집기라고도 하는 WordPress 블록 편집기는 WordPress에 콘텐츠를 게시하는 새로운 방법입니다.
2018년 12월 WordPress 5.0 출시 이후 WordPress 블록 편집기가 기본 편집기로 설정되어 클래식 편집기를 대체했습니다.
클래식 편집기를 사용하려면 클래식 편집기 플러그인을 설치해야 합니다.
WordPress 블록 편집기는 풍부한 미디어 페이지 및 게시물을 만드는 데 사용할 수 있는 블록 배열을 제공합니다.
블록은 콘텐츠 레이아웃을 만들기 위해 추가하는 콘텐츠 요소입니다.
단락, 이미지, 제목, 목록, 비디오, 갤러리 등에 대한 블록을 추가할 수 있습니다.
블록의 레이아웃을 쉽게 제어하여 시각적으로 매력적인 웹 페이지를 구축할 수 있습니다.
WordPress에는 모든 공통 콘텐츠 요소에 대한 블록이 있으며 WordPress 플러그인을 통해 추가할 수 있습니다.
The WordPress block editor also called the block editor, WordPress editor or Gutenberg editor is the new way of publishing content in WordPress. Following the launch of WordPress 5.0 in December 2018, the WordPress block editor was set as the default editor and replaced the classic editor. To use the classic editor, you will need to install the classic editor plugin. The WordPress block editor offers an array of blocks that can be used to create media-rich pages and posts. Blocks are the content elements that you add to create content layouts. You can add blocks for paragraphs, images, headings, lists, videos, galleries, and more. You can control the layout of the blocks with ease, to build visually appealing web pages. WordPress has blocks for all common content elements, and more can be added through WordPress plugins.
The Block Editor’s workspace 블록 편집기의 작업 공간
WordPress 블록 편집기를 시작하려면 게시물 > 새로 추가 또는 페이지 > 새로 추가를 클릭합니다.
To launch the WordPress block editor, click on Posts > Add New or Pages > Add New.
'게시물' 옆의 '새로 추가'를 선택하여 WordPress 블록 편집기를 시작합니다.
WordPress 블록 편집기를 시작하는 방법
How to launch the WordPress block editor
The block editor opens by default in fullscreen mode.
블록 편집기는 기본적으로 전체 화면 모드로 열립니다.
워드프레스 블록 편집기가 열리면 쓰기 및 편집 화면이 전체로 표시됩니다.
WordPress Block Editor in full-screen mode
전체 화면 모드의 WordPress 블록 편집기
WordPress 블록 편집기 작업 공간에는 3가지 주요 섹션이 있습니다.
The WordPress block editor workspace has three main sections:
- 상단 툴바 the top toolbar
- 게시물/페이지 설정 및 차단 설정이 있는 사이드바 the sidebar with the post/page settings and the block settings
- 콘텐츠 영역 the content area.
The top toolbar
The top toolbar
At the top left of the block editor workspace, you will see the following options:
블록 편집기 작업 공간의 왼쪽 상단에 다음 옵션이 표시됩니다.
Exit the Editor: Shows the W icon by default, or the Site Icon if available. Click to exit the editor. This will prompt you to save the changes or leave the post or page.
편집기 종료: 기본적으로 W 아이콘을 표시하거나 사용 가능한 경우 사이트 아이콘을 표시합니다. 편집기를 종료하려면 클릭하십시오. 그러면 변경 사항을 저장하거나 게시물 또는 페이지에서 나가라는 메시지가 표시됩니다.
Block Inserter: Add blocks or patterns to your post or page.블록 삽입기: 게시물이나 페이지에 블록이나 패턴을 추가합니다.
Block inserter panel 블록 삽입기 패널
편집/연필 아이콘입니다.
도구: 블록 편집과 블록 선택 사이를 전환합니다. 선택 도구를 선택하거나 키보드에서 Esc 키를 눌러 개별 블록을 선택합니다. 블록이 선택되면 키보드의 Enter 키를 눌러 편집으로 돌아갑니다.
Tools: Switch between editing a block and selecting a block. Choose the Select tool (or press the Escape key on your keyboard) to select individual blocks. Once a block is selected, press the Enter key on your keyboard to return to editing.
강아지건강 전문
www.dopza.com
WordPress 블록 편집기 작업 공간의 편집/선택 버튼
편집/선택 버튼
실행 취소 및 다시 실행을 나타내는 왼쪽과 오른쪽을 가리키는 화살표 아이콘.
실행 취소 및 다시 실행: 작업을 실행 취소하거나 실행 취소한 작업을 다시 실행합니다.
세부 정보를 표시하기 위한 정보 아이콘 주위에 원이 있는 소문자 I.
세부 정보: 문자 및 단어 수, 예상 읽기 시간, 게시물/페이지의 단락 및 블록 수, 제목을 표시하는 문서 개요 및 게시물/페이지에서 제목이 구성되는 방식을 포함한 게시물/페이지 세부 정보를 가져옵니다.
문자, 단어 수 및 제목을 포함하여 WordPress 블록 편집기 작업 공간의 문서 세부 정보
문서 세부정보
목록 보기를 나타내는 3개의 오프셋 누적 수직선.
목록 보기: 게시물/페이지에 있는 모든 블록의 목록을 보고 게시물/페이지의 블록 사이를 쉽게 탐색할 수 있습니다. 목록 보기 도구에 대해 자세히 알아보세요.
게시물이나 페이지를 게시하기 전에 블록 편집기 작업 공간의 오른쪽 상단 모서리에 다음 옵션이 표시됩니다.
게시물이나 페이지를 게시하기 전에 WordPress 블록 편집기의 상단 도구 모음에 있는 오른쪽 상단 모서리에 있는 버튼.
초안 저장: 게시물 또는 페이지를 게시하지 않고 초안을 저장합니다.
보기: 게시물/페이지가 사이트에서 어떻게 보이는지 봅니다.
게시: 게시물/페이지를 공개적으로 사용할 수 있도록 합니다.
Save draft: Save a draft of your post or page without publishing it.
View: View how your post/page looks on your site.
Publish: Make your post/page available publicly.
After you publish your post or page, you will see the following options in the top right corner of the block editor’s workspace.
게시물이나 페이지를 게시하면 블록 편집기 작업 공간의 오른쪽 상단에 다음 옵션이 표시됩니다.
게시물 또는 페이지를 게시한 후 WordPress 블록 편집기의 상단 도구 모음에 있는 오른쪽 상단 모서리에 있는 버튼.
Switch to draft: Unpublish a post or page, making it a draft.
View: See how your post/page looks on your site.
Update: Save the changes to your post/page.
초안으로 전환: 게시물 또는 페이지 게시를 취소하여 초안으로 만듭니다.
보기: 게시물/페이지가 사이트에서 어떻게 보이는지 확인합니다.
업데이트: 게시물/페이지의 변경 사항을 저장합니다.
Details on how to use the view feature.보기 기능을 사용하는 방법에 대한 세부 정보입니다.
설정 톱니바퀴
Settings: Show or hide the post/page sidebar settings and the block settings.
설정: 게시물/페이지 사이드바 설정 및 차단 설정을 표시하거나 숨깁니다.
더 많은 옵션을 표시하기 위해 클릭할 수 있는 3개의 수직 점 아이콘.
옵션: 더 많은 옵션을 엽니다.
Options: Open up more options.
More options
To access more options, click the three dots to the right of the Settings ‘cog’ icon in the upper right corner. Here, you can customize your editing experience using various options.
More options
View
추가 옵션
더 많은 옵션에 액세스하려면 오른쪽 상단 모서리에 있는 설정 '톱니바퀴' 아이콘 오른쪽에 있는 세 개의 점을 클릭하십시오. 여기에서 다양한 옵션을 사용하여 편집 환경을 사용자 지정할 수 있습니다.
WordPress 블록 편집기의 추가 옵션에는 보기 모드와 시각 및 코드 편집기가 포함됩니다.
추가 옵션
보다
상단 도구 모음: 편집기에서 상단 도구 모음을 표시하거나 숨깁니다. 이 옵션을 활성화하면 블록 도구 모음이 블록 바로 위에 표시되지 않고 WordPress 블록 편집기의 상단(상단 도구 모음 바로 아래)에 고정됩니다.
상단 툴바 활성화됨
상단 툴바 활성화됨
스포트라이트 모드: 스포트라이트 모드에서는 모든 블록이 회색으로 표시됩니다.
WordPress 블록 편집기
Top toolbar: Display or hide the top toolbar in the editor. When you enable this option, block toolbars are pinned to the top of the WordPress block editor (right under the top toolbar) instead of appearing directly above the block.
Spotlight mode: With spotlight mode, all blocks are greyed out except for the one you’re working on so that you can focus on a single block at a time.
Distraction Free mode: When enabled, this mode allows you to focus just on your words by adjusting various pieces of the interface, including closing any open sidebars, removing various block inserter options, and the block toolbar. Read more here.
Editor
By default, you will be in the Visual editor. Switch to the Code editor to view the entire post or page in the HTML code editor.
Tools
Here, you can manage patterns, learn keyboard shortcuts, visit the WordPress block editor welcome guide, copy all content on the post/page, or view additional support articles.
Preferences
Use the Preferences menu to:
- Customize the editing experience.
- Change how you interact with blocks and which blocks appear when searching for a block.
- Show or hide individual panels from the post/page settings.
How to switch-off Fullscreen mode?
To switch-off Fullscreen mode, use the three-dot menu on the top right and un-check the Fullscreen mode.
Your choice will be stored in your browser’s local storage. If you switch browsers, the choice for the view will not be remembered and you have to set your preference again. This will be the case when you switch computers as well.
Safari browser users will experience a reset of default settings once in a while as it is programmed to delete local storage entries every now and then.
Until the core developers find the best solution, you can use the Persistent block editor settings plugin. This plugin stores the Fullscreen mode preference in the database. Hence your fullscreen mode choice stays consistent across browsers and devices.
How to work in the WordPress Block editor
How to use the WordPress Block EditorYou can easily select multiple blocks by doing a partial multi selection of blocks as shown in the video below:
Video showing partial multi selection of blocksYou can select multiple blocks by holding shift+click as show in the video below
Video showing how to select multiple blocks by holding shift+clickYou can select all blocks by pressing Cmd+A or Control+A as shown in the video below
Video showing how to select all blocksWhen you select some text and press the back tick (`), it will turn the selected text inline code as show in the video below:
Video showing how to easily create an inline codeRelated topics
Change Log
- Updated 2023-08-08
- Replaced “Reusable Blocks” with “Patterns”
- Updated 2023-06-27
- Added links to Gutenberg demo website.
- Updated 2023-04-16
- Updated screenshot for more options.
- Added information about Distraction Free mode.
- Updated 2022-10-24
- Add screenshot for Time to read.
- Updated screenshots to show the View button in the top toolbar
- Content tweaked. FAQ removed.
- Added new videos to show tips to work with the Editor
- Update 2022-06-02
- Text updated for clarity.
- Update 2022-05-13
- Updated content/screenshots for 6.0.
- Rewrote sections for clarity.
- The blocks section moved to a new page.
- Update 2022-01-18
- Added Section: List view
- Update 2020-08-17
- Added Section: New to WordPress 5.5
- Added link to Block Directory page.
- Update 2020-03-29
- Added section on default Fullscreen mode, introduced in WordPress 5.4
- Update 2020-03-19
- Move the “Shortcuts” section above the FAQs
- Update 2020-03-18
- Changed occurrences of “new editor” to “block editor”
- changed occurrences of “old editor” to “Classic editor”
- Added Anatomy of a Block graphic and explanations
- Reformatted the FAQ questions to Paragraphs with medium size bolded text instead of Capitalized H5
- Added link to Classic Block page and Shorcode Block page
- Changed the link to the Shortcut list to the developer documentation page.
How to use the View feature
The View button is available in the top toolbar in the WordPress Block Editor and Site Editor. It’s used to preview what your post, page, or site looks like with the current changes applied. In the WordPress Block Editor, click the Save button in the top
wordpress.org
How to use the View feature
The View button is available in the top toolbar in the WordPress Block Editor and Site Editor. It’s used to preview what your post, page, or site looks like with the current changes applied. In the WordPress Block Editor, click the Save button in the top
wordpress.org
How to use the View feature
The View button is available in the top toolbar in the WordPress Block Editor and Site Editor. It’s used to preview what your post, page, or site looks like with the current changes applied. In the WordPress Block Editor, click the Save button in the top
wordpress.org
돕자몰 dopzaMall
www.dopza.com
The new Gutenberg editing experience
A new editing experience for WordPress is in the works, code name Gutenberg. Read more about it and test it!
wordpress.org
Was this article helpful? How could it be improved?
Log in to submit feedback. If you need support with something that wasn't covered by this article, please post your question in the support forums.
First published
Last updated
Get more help
Can’t find what you need? Lean on the experience of the WordPress community.
댓글