728x90

워드프레스에서 글을 작성해 보니 코딩 부분을 깔끔하게 넣어보려고 찾아보니

괜찮은게 있어서 소개합니다.

워드프레스 설정 화면에서 플러그인 > 플러그인 추가하기 로 들어가서

우측 상단의 검색창에 Crayon Syntax Highlighter 를 검색합니다.

검색되면 지금 설치하기를 클릭합니다.

설치만 하면 안되고 아래처럼 활성화 버튼이 나오는데 눌러서 활성화를 시켜야합니다.

이제 글을 쓸때보면 글자상자 위쪽에 <> 아이콘이 추가되어있습니다.

이를 클릭하게되면 팝업이 뜨게되는데

코드부분에 원하는 코드를 넣고 언어를 선택하고 테마를 선택한 후 추가를 누르게되면

코드가 깔끔하게 적용됩니다.

(편집하는 화면에서는 적용된 코드 스타일이 안보이고 편집이 완료된 후 편집창을 나와 블로그 이동 후 글을 봐야합니다.)

아래처럼 글을 보니 잘 적용된걸 확인할 수 있습니다.

(개인적으로 마지막에 검은색 바탕이 맘에 드네요^^)

 

728x90
Posted by kjun.kr
,