Home WordPress 워드프레스에서 수식 입력하기

[워드프레스] 워드프레스에서 수식 입력하기

Post Date

Modified Date

Category

저처럼 공학을 주제로 한 블로그에서는 수식을 사용할 일이 많습니다. 다만 대부분의 플랫폼에서는 전문적인 지식을 다루는 블로거가 많지 않다보니 수식 입력을 기본으로 지원하지 않습니다. 네이버 블로그나 티스토리 블로그 같은 서비스형 블로그에서는 스크립트를 이용하여 수식 입력을 할 수 있지만, 제가 사용해본 결과 로딩 시간도 긴데다 원인 모를 이유로 수식이 제대로 보이지 않는 경우까지 있었습니다.

설치형 블로그에서는 수식 입력이 그나마 편한 편입니다. 제가 처음 사용했던 블로그인 Jekyll을 이용한 Github 블로그에서도 수식 입력은 깔끔하게 나온 편입니다. 포스트를 올리는 것만 편했더라도 아마 계속 사용했을 것 같습니다.

워드프레스는 수식 입력 기능을 기본적으로 지원하지 않지만, 플러그인을 이용하면 수식 입력이 가능하도록 할 수 있습니다. 워드프레스에서 수식을 입력하는 방법은 크게 두 가지인데, 워드프레스에서 공식으로 지원하는 Jetpack 플러그인을 사용한 방법과 WP-KaTeX라는 플러그인을 사용한 방법을 소개해드리려고 합니다.

Jetpack 플러그인을 사용하는 방법

서비스형 워드프레스를 사용하는 경우 기본적으로 Jetpack이 설치되어 있기도 하고, 설치형 워드프레스를 사용하는 경우라고 해도 Jetpack을 사용하는 분이 많기 때문에 접근하기 쉽습니다. 다만 이미 Jetpack의 다른 기능을 사용하고 계시다면 문제가 없지만, 오로지 수식 입력 하나만 위해서 Jetpack을 설치하려고 하신다면 추천드리지 않습니다. Jetpack 플러그인 자체가 굉장히 많은 기능을 지원하고 있긴 하지만, 그만큼 많이 무겁기 때문에 사이트 로딩 속도가 급격하게 저하되기 때문입니다.

Jetpack 플러그인을 설치하는 방법은 이미 이전에 포스팅했으니 혹시나 설치하는 방법을 보고 싶으시다면 아래에 링크한 포스트를 참고하시기 바랍니다.

Jetpack 플러그인을 설치하였다면, Jetpack 설정에서 쓰기 탭으로 가시면 번역되지 않은 문장 하나가 보이는데, Use the LaTeX ~~ 라고 나와있는 옵션을 켜주시면 포스트에서 LaTeX 문법을 사용하실 수 있습니다. LaTeX 문법을 사용하실 때는 [ latex][ /latex] 사이에 LaTeX 문법을 입력하시면 됩니다. (공백을 넣은 이유는 문법으로 인식되어 보여드릴 수가 없어서입니다. 실제로 사용하실 때는 공백을 제거하고 사용하시기 바랍니다) LaTeX 문법 리스트는 위키백과에 자세히 나와 있습니다.

Jetpack 플러그인의 LaTeX 기능을 비추천하는 이유는 그 속도에 있습니다. 포스트에 LaTeX 문법을 많이 삽입하면 수식 변환 속도가 눈에 보일 정도로 느리기 때문입니다. 사실 이 점 때문에 Jetpack을 사용하고 계신분들도 플러그인 수를 줄이고 싶다던가 하는 특수한 이유가 아니라면, 아래의 방법을 더 추천합니다.

WP-KaTeX 플러그인을 사용하는 방법

만약 Jetpack 플러그인을 지금 사용하고 있지 않고, 수식 입력만을 목적으로 하신다면 이 방법을 추천합니다. 이 플러그인은 공식 플러그인은 아니지만, 수식 입력이라는 단 하나의 목적으로 만들어진 플러그인이기 때문에 굉장히 가볍고, 수식을 표현하는 속도 또한 매우 빠르다는 장점이 있습니다. 아무래도 수식 입력을 필요로 하는 사람이 많지 않다보니, 사용자는 약 1000명 남짓에 불과합니다.

사실 플러그인 목록에서 Latex로 검색하면 이 플러그인 외에도 여러 플러그인을 볼 수 있습니다. 이보다 더 많은 사용자를 보유하고 있는 플러그인도 있지만, 제가 여러 개를 사용해본 결과, 이 플러그인이 가장 수식 로딩 속도가 빠르고 안정적이었습니다. 같은 TeX 문법이라고 해도 LaTeX와 KaTeX의 속도가 차이가 나기 때문인 것으로 보입니다.

설치 방법은 어렵지 않습니다. 워드프레스 관리자 화면에서 플러그인 메뉴 – 새로 추가로 들어가신 후, katex라고 검색하시면 첫 번째로 나오는 플러그인을 설치하시면 됩니다. Jetpack과는 달리 따로 설정할 것이 없기 때문에, 설치 후 활성화만 하시면 바로 사용하실 수 있습니다. 사용 방법은 Jetpack의 기능과 동일하게,  [ latex] ~ [ /latex] 사이에 LaTeX 문법을 입력하시면 됩니다. WP-KaTeX를 사용해 수식을 입력한 예시는 아래의 포스트를 참고해보시기 바랍니다.

댓글 남기기

Please enter your comment!
Please enter your name here

Duvelix

학부에서는 수학을, 대학원에서는 컴퓨터공학을 전공했습니다. 현재는 컴퓨터공학과 박사과정을 수료하고 보이지 않는 졸업과 싸우는 중입니다.

Popular posts

[KATC] 전문연구요원 훈련소 후기 – 프롤로그

훈련소를 수료하고 돌아온지도 거의 열흘이 지났습니다. 그 동안 밀려있던 일들을 처리하기도 하고 오랜만에(?) 느낀 사회의 자유를 즐기느라 포스트를 작성하지 못했습니다. 당분간은 정기적으로 작성해던 포스트의...

[기계학습] 7. VC Dimension

일곱 번째 챕터에서는 지난 챕터 마지막에 나온 Vapnic-Chervonenkis (VC) Dimension에 대해 배우게 됩니다. 이번 챕터는 4개의 소주제로 나뉘어 있습니다. 먼저 VC Dimension의 정의를 배우고, Perceptron에서의...

[Tip] New 닌텐도 3DS XL vs New 닌텐도 2DS XL

안녕하세요, 오늘 포스트는 New 닌텐도 3DS XL과 New 닌텐도 2DS XL의 차이점을 소개하려고 합니다. 저는 New 닌텐도 2DS XL로 시작을 했고 최근에 New 닌텐도 3DS...

[KATC] 전문연구요원 훈련소 후기 – 1주차

지난 포스트에 이어서 입영심사대부터 1주차 일정을 자세히 적어보도록 하겠습니다. 입영심사대로 가면 사람이 굉장히 많습니다. 인파를 조금만 헤치고 들어가면 주차장 근처부터 조교들이 입영자 외에는 입장할...

[Life Hack] 구글 애드센스 시작하기

구글 애드센스는 구글에서 컨텐츠 제공자들이 수익을 얻을 수 있게 만드는 광고 게제 서비스입니다. 구글 계정을 통해 가입하여, 제공 받은 광고 태그를 블로그나 유튜브에 삽입하면...

Recent comments