코드 하이라이터(Code Highlighter) 플러그인 – Enlighter

코드 하이라이터(Code Highlighter) 플러그인 – Enlighter

워드프레스에 포스팅시 php, java등 언어를 표현해야 하는 경우가 있습니다. 일반적으로 프로그래밍 관련 블로그를 보면 검색은 바탕화면에 코드들이 그대로 보이는 것 보셨나요? 그런 것을 코드 하이라이터라고 합니다.

워드프레스 플러그인 중 인라이터(Enlighter)를 설치 해서 사용 중입니다. 다른 고전 편집기를 사용하고 있고 호환이 되기 때문에 선택하긴 해지만 꾸준한 업데이트가 되고 있지 않아 언제까지 사용가능할지는 미지수 입니다.

그럼 코드 하이라이터(Code Highlighter) 플러그인 – Enlighter 에 대해 알아볼까요?

플러그인 설치하기

관리자 > 플러그인 > 새로추가 > 키워드: enlighter 검색 > 설치 > 활성화

아래와 같이 생긴 플러그인 입니다.

 

코드 하이라이터 사용 해 보기

참고로 저는 현재 고전 편집기를 사용 중입니다.
아래와 같이 메뉴에 { } 생긴 것이 새롭게 생겼고 코드를 넣을 때 사용하면 됩니다.

코드 하이라이터 활성화 후 편집메뉴에 추가된 모습

 

위 메뉴를 클릭하면 코드 입력창이 나오며 언어 선택 후 하단에 코드를 넣으면 됩니다.

코드 입력창 모습입니다.

 

코드 하이라이터 결과 보기

포스트를 마치고 글을 보면 아래와 같이 코드가 이쁘게 나옵니다.

실제 적용한 샘플 입니다.

 

마무리

워드프레스로 블로그를 본격적으로 시작한지 얼마 안되어 하나둘 배워가고 있습니다. 설치한 플로그인 및 적용한 코드 등은 기록형으로 계속 포스팅 하고 있습니다.
오늘은 코딩관련 포스팅을 할때 많이 사용할 코드 하이라이터 관련 글이였습니다.


단축주소: https://zeze.kr/KBTq
일부 포스팅은 쿠팡 파트너스와 같은 제휴 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.

Leave a Comment