워드프레스 글 편집기의 텍스트 모드에서 HTML 코드 표시하기

워드프레스의 기본 글 편집기에서 글을 작성할 경우 텍스트 모드에서도 HTML 코드가 표시되지 않습니다. 만약 HTML 코드가 표시되는 것이 더 편한 경우 TinyMCE Advanced 플러그인을 설치하면 일부 HTML 코드(문단 태그)를 표시하는 기능을 활성화하는 옵션이 있습니다.

TinyMCE Advanced 플러그인을 설치하고 활성화한 후에 워드프레스 관리자 페이지의 왼쪽 패널에서 설정 > TinyMCE Advanced를 클릭합니다.

그런 다음 중간쯤에 "고급 옵션" 부분으로 이동하여 "Keep paragraph tags"의 옵션을 체크합니다.

 

Enable-paragraph-tags-in-WordPress_

이 옵션을 체크해주면 <p>, <br /> 태그가 표시됩니다. 하지만 설명을 보면 드문 경우 예상치 않은 문제가 발생할 수 있으므로 영구적으로 활성화하기 전에 문제가 발생하지 않는지 확인이 필요할 것 같습니다.

참고로 HTML 코드를 삽입하려면 텍스트 모드에서 가능하지만 JS 코드는 삽입해도 제대로 작동하지 않습니다. 스크립트를 삽입하려면 숏코드를 만들어 시도해보거나 Visual Composer와 같은 페이지 빌더를 사용할 수 있습니다. (숏코드에 대한 자세한 내용은 여기를 참고해보시기 바랍니다.)

 

Visual-Composer-Raw-HTML_

비주얼 컴포저에서 Javascrpt 스크립트나 HTML 코드를 추가하려면 요소 추가(Add Element)에서 Raw HTML 또는 Raw JS를 선택하여 스크립트를 추가하면 됩니다. "Raw HTML"을 선택하여 HTML 코드와 JS 코드를 함께 추가할 수 있고, "Raw HTML" 요소에는 HTML 코드만 넣고 "Raw JS"에는 자바스크립트 코드만 넣을 수 있습니다.

아바다(AVADA) 테마의 경우 비주얼 컴포저 대신 자체 페이지 빌더인 퓨전 빌더(Fusion Builder)에서 "Code Block"을 선택하여 코드를 넣으면 됩니다.

참고로 워드프레스에서 <br> 태그가 제대로 작동하지 않는 경우 이 글을 참고해보시기 바랍니다.


댓글 남기기

* 이메일 주소는 공개되지 않습니다.