Code Block Pro: 워드프레스 무료 코드 하이라이터

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의 장점

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

주의사항

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