웹페이지 관련

[Wordpress] 워드프레스 코드블럭 하이라이트(code block highlighting) 기능 플러그인 사용하기

안산드레아스 2021. 12. 19. 13:01
반응형

워드프레스를 이용해 IT관련 블로그를 운영할 경우 특정 코드에 대한 하이라이트기능을 제공하는 플러그인이 있다.

포스팅은 기본으로 제공하는 Class edit 으로 했을 때, 블록단위 아래 기능이 제공된다.

이름은 "Highlighting Code Block" 이다.

 

 

1. 플러그인 설치

install now로 설치 후, activate 해서 활성화 까지 한다.

 

2. 새로운 포스팅 작성

마우스를 대면 블록 생성창이 뜨는데, 여기서 +를 누르면 아래 창이 뜬다.

3. 코드 블록 추가하기

하단의 Browse all 을 클릭
그러면 새로 추가한 플러그인이 들어가있다.
코드 블럭이 추가되며, 언어선택을 할 수 있다.
우측에 옵션선택

(결과) 아래와 같이 코드블럭이 삽입된다.

 

 

반응형