TynyMCE Advanced WordPress

워드프레스 줄바꿈 이해하기

워드프레스에서 줄바꾸기를 하는 두 가지 방법

워드프레스에서 Shift+Enter를 누르면 강제 줄바꿈(line-break)됩니다. 그냥 Enter를 누르면 단락 나누기(new paragraph)가 됩니다.

Line-breaks in WordPress - 워드프레스에서 줄바꿈 이해

워드프레스 글쓰기 화면에서 비주얼 모드에서 보면 위와 같이 표시됩니다. 이것을 텍스트 모드에서 보면 다르게 표시됩니다.

Text Mode in WordPress - 워드프레스 텍스트 모드

위의 그림에서는 표시되어 있지 않지만 Enter를 입력하여 줄나누기를 한 경우 단락 태그(<p>)가 추가되고 Shift+Enter를 입력하여 줄나누기를 한 경우 <br> 태그가 입력됩니다.

워드프레스에서 줄바꿈이 되지 않는 경우

워드프레스에서 줄바꿈이 되지 않는 것은 워드프레스 편집기(Editor)에서 줄바꿈 기호를 제거하기 때문일 수 있습니다. 이 경우 우선 TinyMCE Advanced 플러그인을 설치하여 문제가 해결되는지 살펴보도록 합니다.

그래도 문제가 해결되지 않으면 다음 코드를 사용 중인 워드프레스 테마의 함수 파일에 추가해봅니다.

function clear_br($content){
return str_replace("<br />","<br clear='none'/>", $content);
}
add_filter('the_content', 'clear_br');

위의 방법도 잘 되지 않는다면… <br> 태그와 <p> 태그를 숏코드로 만들어서 추가하는 방법을 생각해볼 수 있습니다. 이 경우 너무 번거로울 것 같습니다. 먼저는 테마 제작자에게 문의하여 문제를 해결할 수 있는지 확인해보는 것도 좋을 듯합니다. 숏코드 만드는 방법은 이 글을 참고해보시기 바랍니다. 이외에도 어떤 글에서는 margin0으로 설정되어 있어 그런 현상이 나타난다고 되어있기도 합니다.

Update: br 태그가 제대로 작동하지 않을 경우 이 글을 참고해보시기 바랍니다. 이 글에 제시된 다양한 방법을 시도하여 문제 해결을 시도해보시기 바랍니다.

참고:



기부를 통해 이 블로그를 후원하실 수 있습니다.
워드프레스 설치/제작/문제해결이 필요한 경우 서비스(유료)를 요청해주세요.