워드프레스 블로그에서 개행 br코드의 대책

[목차(도우미)]

워드프레스(WordPress)로 블로그를 운영하는 사람을 만나기란 쉽지 않다. 하물며 티스토리에 워드프레스의 대책을 논한다고 해서 누가 관심을 가지고 들어와 볼까 싶지만, 누군가 곤란할 때 들어와 볼 것을 염두에 두고, 대책을 메모해 둔다. 워드프레스 블로그의 현재 사양은 HTML편집 상태에서 비주얼 편집상태로 오가면 빈줄을 위한 개행 코드 BR이 무시되고 만다. 그래서 여러사람이 팀블로그를 고려하거나 미리보기를 원한다면 대책을 세워야 할 것이다.

다음의 방법은 CSS 기법을 사용하여 회피하는 방법이다. 다만 사파리 읽기도구에서는 감춘 문자":"가 나타난다. 잘 안보이도록"."으로 해 두는 것도 차선의 방법이 될 것이다.  

CSS

*.br {height:1.5em; text-indent:-999px; display:block;}

Syntax

first line
<div class="br">:</div>
third line

후기: 워드프레스 버전 3.0.1

본문 중에서도 Syntax 예를 보인 것처럼

(HTML모드)  

first line
<div class="br">:</div>
third line

첫줄은 내용이 있고 두번째 줄을 빈줄로 넘기고 세번째 줄에는 내용을 넣는 경우가 해당됩니다.

보통의 HTML이라면

first line<br>
<br>
third line<br>
이면 두번째가 빈줄로 남습니다. 그리고 워드프레스에서 HTML 모드만 사용하여 포스트를 저장하면 보통의 HTML처럼 동작합니다. 그러나 비주얼모드로 바꾸면 입력된 코드를 워드프레스에서 변환하는 과정에서 <BR>코드를 없애고 개행문자CRLF로 바꾸어 놓습니다. 다시 HTML모드로 돌아오면 이미 <BR>에 의한 빈줄이 사라지게 됩니다.

자세한 검증은 해보지 못했지만 블로그 상에서 PHP코드를 사용하는 플러그인(EXECPHP 라는 이름이었다고 기억하는데요)을 사용하면서 이러한 현상이 더 명확하게 나타난 것으로 보입니다.

by 금메달.아빠 on 2010.12.29 20:31 주요 단어: , , ,
  • BlogIcon 소감공 2010.12.29 22:05 주소 수정/삭제 답글

    현재 제가 워드프레스 사용중(설치형 최신버전)인데, HTML 모드에서 따로 <br> 코드 입력하지 않아도. 엔터로 줄바꾸면 <br>코드와 동일한 효과가 나타나는데.. 어떤 부분을 말씀하시는 건지?

    • BlogIcon 금메달.아빠 2010.12.29 22:54 신고 주소 수정/삭제

      안녕하세요?
      공백줄을 의미하는 것인데요, 제가 확인한 것은 최신 버전이 아닌 약 두달전 버전인 3.0.1입니다. 최신이라면 3.0.3일텐데 고쳐진 것이라면 다행이군요. 혹시 모르니 한번 확인을 부탁드려도 될까요?
      행복한 하루되세요.

    • BlogIcon 소감공 2010.12.29 23:56 주소 수정/삭제

      HTML 모드에서

      <blockquote>
      개행테스트1<@br>개행테스트2
      </blockquote>

      로 입력한 후에 비주얼 편집기로 돌아 가면

      <blockquote>
      개행테스트1
      개행테스트2
      </blockquote>

      로 출력됩니다. 그런데 다시 HTML 모드로 돌아가면 <@br> 코드는 사라지고

      <blockquote>
      개행테스트1
      개행테스트2
      </blockquote>

      만 남아 있습니다. 그런데 그 상태에서 다시 비쥬얼 모드로 돌아가더라도 출력은 역시

      <blockquote>
      개행테스트1
      개행테스트2
      </blockquote>

      로 됩니다. 그러니.. 결국 <@br> 태그가 필요 없는 것이 아닌가 합니다.

    • BlogIcon 금메달.아빠 2010.12.30 01:24 신고 주소 수정/삭제

      안녕하세요? 댓글 감사합니다. 워드프레스에서 여러 실험을 해 주셔서 감사합니다.

      본문 중에서도 Syntax예를 보인 것처럼
      (HTML모드)
      first line
      <div class="br">:</div>
      third line

      첫줄은 내용이 있고 두번째 줄을 빈줄로 넘기고 세번째 줄에는 내용을 넣는 경우가 해당됩니다. 보통 HTML이라면
      first line<br>
      <br>
      third line<br>
      이면 두번째가 빈줄로 남습니다. 그리고 ...설명이 길어지기 때문에 본문의 후기에 이어 설명을 추가합니다.
      행복한 하루되세요.

  • 이장룡 2011.12.14 00:50 주소 수정/삭제 답글

    아 덕분에 어느정도는 해결이 됐는데, 아직 해결 안되는 부분도 있네요. 저 지금 미치기 일보 직전 입니다....ㅜ.ㅜ

    어쩔수 없이 급한대로 onenote에 다시 옮겨적고는 있는데, 대체 근본적인 해결책이 뭘까요...ㅡㅡ;

    • BlogIcon 금메달.아빠 2011.12.14 01:13 신고 주소 수정/삭제

      최신 워드프레스, 아마 3.2.1에서도 개행문자는 기존의 사양적 동작을 유지하리라 봅니다. 논의할 점은 다음기회에 부탁드립니다. 개행이란 것이 필요없도록 하는 것이 최선이라 할 것입니다.
      그럼...

    • BlogIcon 금메달.아빠 2011.12.14 01:15 신고 주소 수정/삭제

      급한 대로, 윈도라이브 라이터를 써보셔도 좋을 것입니다. 워드프레스와 연동되는 블로그 송신 툴, 무료입니다만 아쉬운 대로 쓸만합니다.

체크하면 비공개 댓글이 됩니다