블록
블록 구성 요소. 코드가 필요 ��습니다. 콘텐츠를 클릭하고 삽입하기만 하면 됩니다.
![](https://cdn.statically.io/img/wordpress.org/files/2024/05/blocks-feature-1.png)
제한 없이 구축
웹의 대부분을 구동하는 기술을 그 어느 때보다 쉽게 배울 수 있습니다. 블록을 사용하면 코드 없이도 풍부한 레이아웃, 대화형 온보딩, 무한한 확장성을 통해 모든 콘텐츠와 시각적으로 상호 작용할 수 있습니다. 개발만큼이나 디자인에 강력하면서도 초보자도 충분히 직관적으로 사용할 수 있습니다.
![](https://cdn.statically.io/img/wordpress.org/files/2023/08/block-paragraph.png)
단락
![](https://cdn.statically.io/img/wordpress.org/files/2023/08/block-heading.png)
제목
![](https://cdn.statically.io/img/wordpress.org/files/2023/08/block-media-text.png)
미디어
![](https://cdn.statically.io/img/wordpress.org/files/2023/08/block-image.png)
이미지
![](https://cdn.statically.io/img/wordpress.org/files/2023/08/block-video.png)
동영상
![](https://cdn.statically.io/img/wordpress.org/files/2023/08/block-audio.png)
오디오
![](https://cdn.statically.io/img/wordpress.org/files/2023/08/block-columns.png)
열
![](https://cdn.statically.io/img/wordpress.org/files/2023/08/block-file.png)
파일
워드프레스의 비밀스러운 힘
블록은 워드프레스의 시각적 기반이며 사이트의 모든 부분을 만들고 관리하는 데 사용할 수 있습니다. 또한 생각보다 쉽습니다. 블록을 편집하는 방법을 배우면 코드를 작성하지 않고도 워드프레스의 모든 기능을 사용할 수 있습니다. 영���을 얻으려면 쇼케이스에서 다른 사람들이 워드프레스로 만든 작품을 살펴보세요.
![](https://cdn.statically.io/img/wordpress.org/files/2024/05/patterns-collage.jpg)
완벽한 크리에이티브 제어
워드프레스 편집기는 간단한 드래그 앤 드롭 인터페이스로 시각적 캔버스에서 블록을 삽입, 변형, 스타일 지정 및 이동하는 기본 방법입니다.
registerBlockType( 'your-first-block/hello-world', {
edit: function () {
return <p>Hello world (from the editor)</p>;
},
save: function () {
return <p>Hello world (from the frontend)</p>;
},
} );
안녕하세요(편집자)
나만의 콘텐츠 만들기
필요에 맞는 블록을 찾을 수 없다면 직접 블록을 만드세요. 블록을 만드는 것은 React 컴포넌트를 만드는 것만큼이나 간단합니다. @wordpress/create-block
패키지를 사용하여 블록 생성을 시작하세요.
블록의 새로운 기능 알아보기
워드프레스 6.5로 사이트 구축 경험을 향상하세요. 이번 릴리스에는 글꼴을 관리하는 새로운 방법, 개발자를 위한 흥미로운 새로운 기본 API, 인상적인 성능 향상이 포함되어 있습니다.
![워드프레스 6.5에 새로 추가된 벽화 일러스트레이션 기능에는 가로 세로 비율 기능, 인터랙티브 API, 새로운 글꼴 라이브러리 등이 있습니다.](https://cdn.statically.io/img/wordpress.org/files/2024/04/feature-whatsnew.png)
시작일 뿐
블록은 그 자체로도 강력하지만, 더 큰 무언가의 일부이며 다양한 방식으로 결합하거나 배포할 수 있습니다. 블록은 통합된 개방형 구문으로 편집자, 브라우저, 심지어 AI도 쉽게 이해할 수 있습니다. 따라서 편집하는 사람이 누구든 생동감 있고 개인화된 디자인과 경험을 쉽고 빠르게 구현할 수 있습니다.