워드프레스를 사용하실 때 티스토리나 블로그스팟, 네이버 블로그 처럼 Enter로 줄 바꿈을 하게 되면 [입력 / 블록 선택] 부분만 나오게 되고 정상적으로 줄 바꿈이 되지 않습니다. 워드프레스에서 줄 바꿈은 기존의 블로그들과 살짝 다른 부분이 있습니다. 오늘은 워드프레스에서 줄 바꿈을 하는 방법에 대해서 알아보겠습니다.
워드프레스 줄 바꿈 방법
줄 간격 띄우는 방법
먼저 문단이 나누어질 때 문단 간격을 띄우는 방법에 대해서 알아보겠습니다.
워드프레스 관리자 페이지에서 [외모] > [사용자 정의하기] 메뉴로 들어가 줍니다.
워드프레스를 처음 사용하시는 분들은 하나하나 수정할 사항들이 많으실 겁니다. 아마 줄 바꿈부터가 어려워서 많이 헤매실 것 같아서 글을 준비했습니다. 간단한 몇몇 가지 팁들도 돈을 받고 파시는 분들이 많은데, 그분들이 나쁘다는 건 아니지만 뭔가 부풀려 말하고 이렇게 하지 않으면 절대 안돼! 라고 하는 부분이 많아서 기본적인 것들은 자주 알려 드리려고합니다.
[추가 CSS]를 추가할 수 있는 부분이 있습니다. HTML은 페이지의 형태를 정해주는 것이고, CSS는 세부적으로 꾸며주는 역할을 한다고 생각하시면 편합니다.
추가 CSS 부분에 아래의 코드를 추가해줍니다.
.post p{padding-bottom:1em;}해당 코드는 포스트의 p 태그의 하단 패딩을 1em 만큼 더 준다 하는 뜻의 코드입니다. em이라는 단위는 딱 정해진 크기는 아니고 font-size의 크기에 따라서 정해지는 값입니다.
그러면 정상적으로 문단 간의 거리가 떨어진 것을 확인할 수 있습니다. 이렇게 문단 간 범위를 넓혀서 타블로그의 Enter를 비슷하게 구현할 수 있지만 이보다 더 간단하게 아예 줄 바꿈을 하는 방법도 있습니다.
줄 바꿈 방법
간단하게 줄 바꿈을 하려면 [입력 / 블록 선택] 부분에서 Shift+Enter 단축키를 이용하면 한줄 띄워지게 됩니다. 다른 블로그에서도 코드 상 보면 <br> 로 줄 바꿈이 이루어 지는데, 워드프레스도 이것을 이용하면 동일한 코드로 <br>로 나타나게됩니다.