베스트셀링 인기 워드프레스 테마 Top 30 자세한 정보

내어쓰기/들여쓰기 CSS

Last Updated: 2015년 5월 22일 | 댓글 남기기
  • 네이버 블로그 공유하기
  • 네이버 밴드에 공유하기
  • 페이스북 공유하기
  • 트위터 공유하기
  • 카카오스토리 공유하기

들여쓰기(indent)

들여쓰기는 text-indent를 사용합니다.
예:

p {
text-indent: 50px;
}

들여쓰기(indent)

내어쓰기(outdent)

내어쓰기는 text-indent를 응용하여 구현할 수 있습니다. 다음과 같은 코드를 사용하면 두 번째 라인부터 내어쓰기가 됩니다.

text-indent: -1em; 
padding-left: 1em;

outdent text

TinyMCE Advanced 플러그인

워드프레스의 기본 글 편집기에서는 숫자로 된 순서가 지정된 목록만을 사용할 수 있고 다른 목록의 경우 직접 html 소스에 입력해야 합니다.

TinyMCE Advanced 플러그인을 사용하면 순서가 지정된 목록(Ordered List)과 순서가 지정되지 않은 목록(Unordered List)을 쉽게 사용할 수 있도록 메뉴에 다양한 기능이 추가됩니다.

TinyMCE Advanced
TinyMCE Advanced 플러그인을 설치하고 활성화하면 글쓰기 편집기가 위와 같이 바뀝니다. 위의 그림에서 숫자 있는 목록 옆에 있는 역화살표 표시를 클릭하면 아래 그림과 같이 코드를 입력하지 않고도 다양한 목록 스타일을 적용할 수 있습니다.
Ordered List
간혹 워드프레스 테마에 따라 테마에서 지정된 글머리 기호 외에 사용할 수 없는 경우가 있을 수 있습니다. 이런 경우에는 위의 "내어쓰기" 부분의 CSS를 응용하여 사용할 수 있습니다.



댓글 남기기

Leave a Comment