워드프레스 HTML 하이픈 두 번 연속 입력 안될 때 해결법


워드프레스 하이픈 기호 삽입

워드프레스에서 HTML 주석을 삽입할 경우 하이픈()을 연속 두 번 ‐‐ 적어야 하는 경우가 있습니다.

<!‐‐주석‐‐>


하이픈 두 번 삽입시 한 줄 처리되는 문제

몇몇 유명한 유료 테마에서 하이픈으로 주석을 구현해보면 아래 처럼 하이픈이 한 줄로 이어지는 경우가 많습니다.

<!–주석–>

이 경우 메모장에 복사를 해봐도 한 줄로 처리됩니다.

&hyphen; 코드 사용

하이픈을 키보드로 입력하지 말고 Entity Code로 입력하면 해결할 수 있습니다.

하이픈의 Entity Code는 &hyphen;입니다. 워드프레스 텍스트모드(HTML 편집모드)에서 &hyphen; 문자를 원하는 위치에 삽입하면 됩니다.

마치 부등호 표시인 <> 기호가 텍스트 모드에서는 Entity Code인 &lt;&gt;으로 표시되는 것과 같은 원리입니다.

워드프레스 텍스트 모드에서 볼 경우 <!‐‐주석‐‐> 표시는 다음과 같이 변합니다.

&lt;!&hyphen;&hyphen;주석&hyphen;&hyphen;&gt;


워드프레스 텍스트 모드 비교

두 가지 모드로 비교를 합니다. 워드프레스 글쓰기 텍스트(HTML 편집) 모드에서 윗 줄에는 일반 하이픈을 삽입하고 두 번째 줄에는 Entity code 하이픈을 삽입합니다.

Wordpress-HTML-Hyphen-Insert-1

워드프레스 글쓰기 비주얼 모드로 잠시 전환했다가 다시 텍스트 모드로 들어가보면 아래 그림처럼 두 번째 줄에서 Entity Code삭제되버려서 무용지물이 된 것 처럼보입니다.

Wordpress-HTML-Hyphen-Insert-2

그런데 실제 웹브라우저에서 글을 보면 Entity Code로 작성했던 두 번째 줄정상적으로 하이픈이 두 번 연속으로 표시됩니다.

Wordpress-HTML-Hyphen-Insert-3

그러므로 워드프레스에서 하이픈을 두 번 연속 적기 위해서는 &hyphen;으로 하이픈을 입력해야 합니다. 비주얼 모드로 돌아오면 Entity Code가 삭제된 것 처럼 보이지만, 실제 웹브라우저에서는 잘 구현됩니다.

Entity Code

다른 특수문자도 안될 경우 적절히 Entity Code로 변환해서 텍스트 모드에서 입력하면 워드프레스에서 쉽게 구현할 수 있습니다.

HTML Entity Code
문자 Entity Code
< &lt;
> &gt;
&hyphen;
& &amp
&quot;
&apos;