워드프레스 줄바꿈 안 될때 ( p태그 , br태그 문제)

워드프레스를 사용하는 입장에서

정말 정말 멋진 플랫 폼이라는 생각이 든다.

정말 멋진 블로그 홈페이지 쇼핑몰을 정말 쉽게? 구현 할 수 있게 해주기 때문이다.

물론, 사람에 따라서 워드프레스가 마냥 쉽다고는 할 수 없지만

우리나라의 대부분의 블로그 홈페이지 형식이 형식적으로나 기능적으로나

굉장히 한정적인 티스토리 블로그 , 혹은 네이버 블로그 형식인걸 감안 할때

워드프레스 는 그야말로 하늘에서 내려준 동아줄과 같다.

그치만 워드프레스 는 오픈 소스 기반이다 보니

예나 지금이나 정말 훌륭하지만 , 약간의 문제점들이 있다.

정말 엄청난 확장성과 뛰어난 기능, 연동성 뭐하나 빠지는게 없는 워드프레스지만

사용하다 보면 , 초보들을 긴장 시키거나 땀 꽤나 흘리게 하는 일이 가끔 종종 일어나기 때문이다.

무엇보다 조금 아쉬운건 , 해외에서 워드프레스의 점유율은 정말 국내와는 비교하기 민망 할 정도로

엄청난 정유율을 자랑하지만

(외국 블로그 혹은 홈페이지 쇼핑몰 거의 90% 이상 점유율을 보이고 있다)

가끔 플러그인 끼리 충돌로 인해서 사이트가 갑자기 먹통이 된다던가

혹은 , 워드프레스 버젼이 계속 업그레이드 되면서 알게 모르게 크고작은 이슈들이 발생하고 있다.

최근 좀 황당한 일을 겪었는데

사이트 분석을 하다가

특정 페이지에서 사람들이 글도 거의 보지도 않고

그냥 바로 나가는 페이지들이 상당히 많은 걸 확인했다.

대부분이 예전에 포스팅 한 것들 이었는데

페이지에 들어갔따가 정말 경악을 금치 못했다.

<떡이 되어버린 포스팅>

줄바꿈 안 될때 1 워드프레스 줄바꿈 안 될때 ( p태그 , br태그 문제)

원래는 줄간격이 딱딱 되있는 나름 귀여운 포스팅이었는데

언젠지 모르겠는데

몇년 된 포스팅은 전부 상태가 저랬다….상태가 저러니

당연히 들어온 사람이 글을 볼 맛이 나지 않은 것은 어찌보면 당연한 일.

그래서 Code Editor 모드로 들어가서

p태그를 넣어주면 되겠지 싶었다.

이렇게 넣으면 보통 줄 바꿈이 통채로 되니 잘 되겠다

싶어서 한줄 한줄 전부 노가다로 p태그를 넣어 봤다 ㅠ ㅠ

워드프레스 줄바꿈 안 될때 , 1차 멘붕

기대 부푼 마음으로 Update 버튼을 누르고

view post 를 통해 봤지만

OMG

달라진건 없었다. 그대로 떡이 되어 나와버린 나의 포스트 들…..ㅠㅠ

문제는 업데이트를 하기전까지는 p 태그가 분명히 살아 있는데

가만 보면 업데이트 버튼을 누르고 새로고침이 됨과 동시에 p태그가 사라지는 것을 확인 할 수 있었다.

그래서 혹시 같은 문제를 겪고 있는 사람이 있을까 싶어

구글링을 해봤다.

같은 문제를 겪은 사람이 있는지 살펴보니 비슷한 경험을 한 사람이 있었는지

해결책을 제시한 사람이 있었다.

그 사람이 제시한 방법들에 의하면

줄바꿈 안 될때 3 워드프레스 줄바꿈 안 될때 ( p태그 , br태그 문제)

첫번째, TINYMCE ADVANCED 플러그인 비활성화 또는 사용

이 플러그 인은 나도 사용하고 있었다.

그런데 생각해 보니 비 활성화가 되있었네? 그렇지!

활성화 시켜주면 해결 되겠구만!!

그래서 플러그인을 활성화 시키고 , 다시 설레는 마음으로 업데이트 버튼을 눌렀다.

과연?! 이번에는 성공했을까?

똑같다.

여전히 안된다.

제길슨 도데체 뭐가 문제일까?

그래서 조심스럽게 두번째 방법을 해보기로 했다.

워드프레스 줄바꿈 안 될때 , 두번째 방법 바르지 않은 XHTML 자동 수정 비활성화

setting(설정) 의 write (글쓰기) 에 가면

본문대로 나온 메뉴가 있었다.

이걸 비활성화 하면 된단다…ㅎㅎ

어라? 근데 나는 이미 비활성화가 되어있네? ㄷㄷㄷㄷㄷ

워드프레스 줄바꿈 안 될때 , 세번째 방법 본문의 태그를 제거하는 함수사용

테마 함수 파일에서 remove_filter(‘the_content’,’wpautop’);가 사용되고 있는지 확인해봅니다.

그리고 태그를 제거하는 함수가 사용되고 있지 않은지 확인해봅니다.

(예를 들어 the_content에 strip_tags가 적용되면 글에서 태그가 제거됩니다.)

출처 : https://www.thewordcracker.com/intermediate/wordpress-br-tag-not-working/

내 나름대로는 최선을 다 했다.

근데 난 당최 저게 뭔 소린지를 모르겠다.

당황스러웠다.

그 다음 해결책들을 보고 나니 더더욱 머리가 아파왔다.

무슨 복잡한 코드를 이용해서 필터를 사용하기도 하고

숏 코드를 사용하라고 하는데

도데체 나는 뭘 아는게 없어서

코드를 만지는 방법은 가볍게 포기 해주기로 했다.

더이상의 구글 검색으로도 해결책을 찾을 수가 없어서

외국친구들의 이야기를 들어보기로 했다.

나의 문제는 업데이트 시에 자동으로 p태그가 사라지는 문제가 있었는데

영어로 구글링을 하다보니

정확히 나와 같은 문제를 가진 친구를 찾을 수 있었다.

이래서 영어를 할 줄알면 정말 좋은 점이 많다고 다시한번 생각했다.

(링크 : 영어를 잘 하면 좋은 이유)

그런데 요기저기 봐도

전에 본 내용들과 같이 복잡한 코드를 조정하는 내용들 뿐이어서

한숨만 쉬다가

조용히 아까 써 보았던 TINYMCE ADVANCED 플러그인 을 이용해 보라는

솔깃한 코멘트가 눈에 들어왔다.

p태그 문제 2 워드프레스 줄바꿈 안 될때 ( p태그 , br태그 문제)

TINYMCE ADVANCED 플러그인 세팅으로 들어가면

“stop remvoing the <p> and <br >tags when saving and show…..”

라고 쓰여진 옵션이 있다.

바로 거기에 체크를 해주고 업데이트를 해봤다.

줄바꿈 안 될때 4 워드프레스 줄바꿈 안 될때 ( p태그 , br태그 문제)

아…… 욕나오네 그래도 안된다.

변한게 없다 히밤히밤

그렇게 절망에 빠져 있을 때

홧김에 본문 에딧창에 가서 엔터만 막 치고 나서

업뎃을 했더니 오잉?

p태그 문제 3 워드프레스 줄바꿈 안 될때 ( p태그 , br태그 문제)

으…응?

이제 깔끔하게 나오네???

소 뒷거름질 치다가 어떻게 얻어 걸리긴 했지만

모로가도 서울만 가면 된다고, 해결 했으면 됬지 ㅎㅎ

이렇게 허무하게 2시간 씨름 하던걸 해결했다.

결론.

워드프레스 줄바꿈 안 될때

1.TINYMCE ADVANCED 플러그인 설치

2. strop removing p , br tag ….옵션을 체크

3. 문제의 떡이 된 포스트에 가서 아무곳에다가 가볍에 엔터 2번만 쳐주고

워드프레스 줄바꿈 안 될때 ( p태그 , br태그 문제)