Code Block Pro란?

Code Block Pro는 워드프레스 구텐베르크 에디터를 위한 완전 무료 코드 하이라이팅 플러그인입니다. Kevin Batdorf가 개발했으며, 유료 버전 없이 모든 기능을 무료로 제공합니다.

기본 정보

설치 수: 10,000+ 활성 설치
가격: 완전 무료
개발자: Kevin Batdorf

설치 수: 10,000+ 활성 설치
가격: 완전 무료
개발자: Kevin Batdorf

주요 기능

확실한 기능들

• 구문 강조: 다양한 프로그래밍 언어 지원
• 테마: VS Code, Dracula, GitHub 등 여러 테마 제공
• 줄 번호: 코드 왼쪽에 줄 번호 표시
• 복사 버튼: 원클릭 코드 복사
• 특정 줄 하이라이트: 중요한 줄 강조 표시
• 헤더: 파일명이나 설명 추가 가능
• 구텐베르크 통합: 블록 에디터에 완벽 통합

설치 방법

1. 워드프레스 관리자 > 플러그인 > 새로 추가
2. "Code Block Pro" 검색
3. Kevin Batdorf 개발 버전 설치
4. 활성화

1. 워드프레스 관리자 > 플러그인 > 새로 추가
2. "Code Block Pro" 검색
3. Kevin Batdorf 개발 버전 설치
4. 활성화

사용 방법

기본 사용

1. 포스트/페이지 편집기에서 블록 추가 (+)
2. “Code Pro” 검색 또는 /code 입력
3. 코드 붙여넣기
4. 우측 패널에서 언어, 테마 등 설정

설정 옵션

• Language: 프로그래밍 언어 선택
• Theme: 원하는 테마 선택
• Line Numbers: 줄 번호 표시 여부
• Highlight Lines: 강조할 줄 지정 (예: 1,3-5)

인기 테마

다크 테마

• VS Code Dark
• Dracula
• One Dark
• Night Owl

라이트 테마

• GitHub Light
• VS Code Light

다른 플러그인과 비교

Code Block Pro의 장점

• 완전 무료
• 구텐베르크 네이티브 지원
• 복사 버튼 기본 제공
• 가벼운 용량

주의사항

• 테마와 충돌할 수 있으니 설치 후 테스트 필요
• 모바일 반응형 확인 필요
• 캐시 플러그인 사용 시 설정 조정 필요할 수 있음