코드 하이라이팅이란? 포스팅에 써놓은 소스 코드를 알기 쉽게, 보기 좋게 만들어 주는 방법을 뜻한다. 가입 후 개설할 수 있는 기업형 워드프레스에서는 내부적으로 포스팅에 Syntax Highlighter 코드 하이라이팅을 적용할 수 있다. 하지만 직접 호스팅하여 사용하는 설치형 워드프레스는 직접 Syntax Highlighter 코드 하이라이팅 플러그인을 설치해줘야 적용이 된다. 자신이 사용하는 워드프레스의 종류를 확인한 후에 코드 하이라이팅을 적용해보자.
워드프레스 Syntax Highlighter 코드 하이라이팅 적용 방법
기업형 워드프레스는 바로 하단과 같이 적용이 되지만 설치형 워드프레스는 플러그인을 설치해줘야 코드 하이라이팅이 적용이 된다.
[code language="css"]소스 코드[/code]
적용되지 않는 설치형 워드프레스는 아래의 설치하기를 통해 코드 하이라이팅 플러그인 Syntax Highlighter을 다운받아 설치한 이후 적용을 해보자.
설치형 워드프레스 플러그인 적용하기
- 워드프레스 플러그인 Syntax Highlighter 다운로드
- 자신의 설치형 워드프레스 관리자 페이지 접속
- 플러그인 – 플러그인 추가하기 – 플러그인 업로드
- 플러그인 활성화
언어 파라미터
[code language="언어 파라미터"]소스 코드[/code]
언어 파라미터는 해당 코드의 언어를 뜻한다. 만약에 언어 파라미터를 지정하지 않으면, 기본적으로 “text”로 지정되며 코드 하이라이팅 기능이 적용되지 않는다. 하단은 적용이 되는 소스 코드의 언어 파라미터이다.
- actionscript3
- bash
- clojure
- coldfusion
- cpp
- csharp
- css
- delphi
- erlang
- fsharp
- diff
- groovy
- html
- javascript
- java
- javafx
- matlab (keywords only)
- objc
- perl
- php
- text
- powershell
- python
- r
- ruby
- scala
- sql
- vb
- xml
적용 예시
기본적으로는 위 설명과 같이 ShortCode를 입력하고 해당 언어 파라미터와 소스 코드를 적용하면 되며 보다 세부적으로는 옵션과 마크다운을 사용해 소스 코드 하이라이팅이 가능하다.