티스토리에서 글의 서식을 변경하는 방법은?
_____A1: 글 작성 화면 상단의 편집 도구 모음에서 텍스트 굵게(B), 기울임꼴(I), 밑줄(U), 글머리 기호, 번호 매기기, 인용구 등 다양한 서식 옵션을 선택해 적용할 수 있습니다.
Q2: 글 전체 글꼴이나 글자 크기를 변경할 수 있나요?
A2: 티스토리 기본 편집기로는 개별 글자 글꼴 변경은 어렵지만, 글자 크기는 도구 모음의 글자 크기 메뉴에서 조정할 수 있습니다. 전체 글꼴 변경은 CSS 편집을 통해 가능합니다.
Q3: 편집기에서 코드 블록이나 표 삽입 방법은?
A3: 편집기 도구 모음에서 ‘코드’ 아이콘을 클릭해 코드 블록을 삽입하거나, 표 아이콘을 사용해 표를 쉽게 추가할 수 있습니다.
Q4: HTML 편집모드에서 직접 서식을 조작할 수 있나요?
A4: 네, ‘HTML 편집’ 탭을 선택하면 원하는 대로 직접 HTML 및 CSS 코드를 수정하여 서식을 세밀하게 조절할 수 있습니다.
Q5: 글의 제목에 서식을 적용할 수 있나요?
A5: 기본적으로 제목 영역은 별도 서식 변경이 어렵지만, HTML 편집 또는 CSS를 통해 색상, 크기 등 맞춤 설정이 가능합니다.
Q6: 블록 서식(예: 인용구, 코드 블록) 적용 방법은?
A6: 편집기에서 텍스트를 선택한 후 도구 모음의 ‘인용구’ 또는 ‘코드’ 버튼을 눌러 해당 블록 서식을 적용할 수 있습니다.
Q7: 서식 복사 및 붙여넣기 기능이 있나요?
A7: 편집기 내 서식 복사 기능은 없지만, 다른 글에서 서식이 적용된 부분을 복사해 붙여넣으면 대부분의 서식이 유지됩니다.
Q8: CSS를 직접 수정해 글 서식을 변경하려면 어떻게 해야 하나요?
A8: 티스토리 관리 > 스킨 편집 > CSS 편집에서 직접 스타일시트를 수정하면 전체 글이나 특정 요소의 서식을 변경할 수 있습니다.
Q9: 모바일에서 편집할 때도 동일한 서식 변경이 가능한가요?
A9: 모바일 편집기에서도 기본적인 굵기, 기울임, 목록, 인용구 등 서식 변경이 가능하지만, 고급 옵션은 PC 버전이 더 편리합니다.
Q10: 작성한 서식이 반영되지 않을 때 어떻게 해야 하나요?
A10: 캐시 문제일 수 있으니 브라우저 캐시를 지우거나 새로고침을 시도하고, HTML 오류가 없는지 확인 후 다시 저장해 보세요.
아래에서는 티스토리에서 글의 서식을 변경하는 방법에 대해 자세히 설명하겠습니다.
1. 에디터 사용하기 티스토리에서는 기본적으로 제공하는 에디터를 통해 글의 서식을 쉽게 변경할 수 있습니다.
에디터는 WYSIWYG(What You See Is What You Get) 방식으로, 작성 중인 글의 서식을 실시간으로 확인할 수 있습니다.
1.1 텍스트 서식 변경 - 글자 크기 및 색상 : 에디터 상단의 도구 모음에서 글자 크기, 색상, 굵기(Bold), 기울임(Italic), 밑줄(Underline) 등을 선택하여 텍스트의 서식을 변경할 수 있습니다.
- 목록 만들기 : 순서가 있는 목록(번호 매기기)과 순서가 없는 목록(글머리 기호)을 쉽게 만들 수 있습니다.
도구 모음에서 해당 아이콘을 클릭하여 목록을 추가하세요.
1.2 인용 및 블록 인용 - 인용문 : 특정 문장을 강조하고 싶다면 인용 기능을 사용할 수 있습니다.
인용할 문장을 선택한 후, 도구 모음에서 인용 아이콘을 클릭하면 됩니다.
- 블록 인용 : 긴 인용문이나 다른 내용을 강조하고 싶다면 블록 인용 기능을 사용할 수 있습니다.
이 역시 도구 모음에서 선택할 수 있습니다.
2. HTML/CSS 사용하기 티스토리에서는 HTML과 CSS를 직접 입력하여 더욱 세밀한 서식 조정이 가능합니다.
이 방법은 기본적인 서식 변경 외에도 다양한 디자인 요소를 추가할 수 있습니다.
2.1 HTML 편집 - 에디터에서 'HTML' 탭을 클릭하면 HTML 코드를 직접 입력할 수 있는 창이 열립니다.
여기서 원하는 HTML 태그를 사용하여 서식을 변경할 수 있습니다.
- 예를 들어, `
`, `` 태그를 사용하여 제목을 설정하거나, `
` 태그로 문단을 나눌 수 있습니다.
2.2 CSS 스타일 추가 - CSS를 사용하여 글의 스타일을 더욱 세밀하게 조정할 수 있습니다.
예를 들어, 특정 클래스나 ID를 지정하여 글자 색상, 배경색, 여백 등을 조정할 수 있습니다.
- CSS 코드는 `