블록

블록 구성 요소. 코드가 필요 없습니다. 콘텐츠를 클릭하고 삽입하기만 하면 됩니다.

제한 없이 구축

웹의 대부분을 구동하는 기술을 그 어느 때보다 쉽게 배울 수 있습니다. 블록을 사용하면 코드 없이도 풍부한 레이아웃, 대화형 온보딩, 무한한 확장성을 통해 모든 콘텐츠와 시각적으로 상호 작용할 수 있습니다. 개발만큼이나 디자인에 강력하면서도 초보자도 충분히 직관적으로 사용할 수 있습니다.

블록 만들기

블록 디렉토리 찾아보기

단락

제목

미디어

이미지

동영상

오디오

열

파일

워드프레스의 비밀스러운 힘

Blocks are the visual foundation of WordPress, and can be used to create and manage every part of your site. They're also easier than you think. Learn how to edit a block and you learn how to use all of WordPress—without having to write code. For inspiration, check out what others have done with WordPress in the Showcase.

쇼케이스 둘러보기

완벽한 크리에이티브 제어

워드프레스 편집기는 간단한 드래그 앤 드롭 인터페이스로 시각적 캔버스에서 블록을 삽입, 변형, 스타일 지정 및 이동하는 기본 방법입니다.

블록 라이브 체험하기

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>;
    },
} );

안녕하세요(편집자)

나만의 콘텐츠 만들기

If you can’t find a block that suits your needs, create your own. Creating a block is as simple as building a React component. Use the @wordpress/create-block package to jumpstart your creation.

블록 만들기

See what's new with blocks

최신 주요 워드프레스 버전에는 사용하는 블록을 개선하고 전반적인 사이트 구축 경험을 향상시킬 수 있는 업데이트가 포함되어 있습니다. 현재 릴리스에서 사용할 수 있는 기능에 대해 자세히 알아보세요.

최신 워드프레스 릴리스 알아보기

시작일 뿐

While blocks are powerful on their own, they’re also part of something bigger and can be combined or deployed in various ways. As a unified and open syntax, they're easily understood by editors, browsers, and even AI. So whoever is editing will find it easy to make vibrant, personalized designs and experiences happen, fast.