이번에는 워드프레스 블로그 운영을 더욱 효율적으로 만들어 줄 마크다운(Markdown) 문법에 대해 모두 알아보려고 한다. 온라인이나 특히 워드프레스(WordPress)에서 글 작성 시간을 상당히 단축하고 일관된 서식을 유지하는 마법 같은 방법, 마크다운에 대하여 알아보자.
1. 마크다운(Markdown) 이란?
마크다운은 일반 텍스트로 서식이 있는 문서를 작성하는 간단한 방법이다. 2004년 존 그루버가 개발한 이 문법은 이제 블로그, 메시징 앱, 온라인 포럼 등 거의 모든 곳에서 사용된다.
그럼, 왜 마크다운을 사용할까?
-
- 텍스트 편집기에서 바로 작성 가능하다.
- 서식을 위한 클릭 없이 빠르게 글 작성이 가능하다.
- HTML보다 훨씬 읽기 쉽다.
- 플랫폼 간 호환성이 뛰어나다.
- 한 번 익히면 어디서든 활용할 수 있다.
블로그 글을 작성할 때마다 워드프레스 편집기에서 버튼을 클릭하며 서식을 지정하는 것은 시간이 많이 걸린다. 마크다운을 사용하면 키보드에서 손을 떼지 않고도 빠르게 서식을 적용할 수 있다.
2. 워드프레스에서 마크다운 사용하기
워드프레스에서 마크다운을 사용하기 위해서는 먼저 활성화해야 한다. 방법은 간단하다.
- 워드프레스 관리자 대시보드로 이동한다
- 설정 -> 글쓰기로 이동한다
- “마크다운 사용” 옵션을 체크한다
- 만약 설정 -> 글쓰기에 해당 옵션이 없다면, 젯팩(Jetack) 플러그인으 설치한 뒤 설정을 하면 된다.
- 젯팩(Jetack)에서 -> 설정 -> 쓰기 -> ” 단순 텍스트 마크다운 문법으로 글이나 페이지를 작성하세요.” 설정을 활성화 하면 된다.
설정을 완료했다면 이제 마크다운으로 글을 작성할 준비가 되었다!
3. 기본 마크다운 문법
3-1. 제목
제목은 # 기호를 사용해 표시한다. 기호가 많을수록 더 작은 제목이 된다.
# 대제목 (H1)
## 중제목 (H2)
### 소제목 (H3)
#### 더 작은 제목 (H4)
##### 아주 작은 제목 (H5)
###### 가장 작은 제목 (H6)
워드프레스에서는 보통 블로그 제목이 이미 H1으로 설정되어 있어서, 글 내에서는 H2부터 사용하는 것이 SEO에 좋다.
3-2. 텍스트 강조
*이탤릭체*
_이것도 이탤릭체_
**굵은 글씨**
__이것도 굵은 글씨__
***굵은 이탤릭체***
___이것도 굵은 이탤릭체___
~~취소선~~
위 마크다운 문법을 적용하면 보시는 바와 같이 이렇게 나온다———> 이탤릭체 굵은 글씨 굵은 이탤릭체 취소선
블로그를 운영하다 보면 중요한 내용을 강조해야 할 때가 많은데, 이런 문법들이 정말 유용하다. 특히 키워드를 굵게 표시하면 가독성도 좋아지고 SEO에도 도움이 된다.
3-3. 목록
// 순서 없는 목록
- 항목 1
- 항목 2
- 중첩 항목 2.1
- 중첩 항목 2.2
- 항목 3
// 또는
* 항목 1
* 항목 2
// 또는
+ 항목 1
+ 항목 2
// 순서 있는 목록
1. 첫 번째 항목
2. 두 번째 항목
1. 중첩 항목 2.1
2. 중첩 항목 2.2
3. 세 번째 항목
목록은 블로그 글에서 정보를 체계적으로 정리할 때 필수이다. 특히 “어떻게” 또는 “왜”와 같은 질문에 답하는 글에서는 목록을 적극 활용하는 것이 좋다.
3-4. 링크
[표시될 텍스트](https://www.test.com)
[표시될 텍스트](https://www.test.com "마우스를 올리면 보이는 제목")
// 내부 링크
[목차로 돌아가기](#목차)
내부 링크를 사용할 때 주의할 점은 한글 제목을 영어로 변환하지 않고 그대로 사용한다는 것이다. 다만 공백은 -로 바꿔줘야 한다.
3-5. 이미지
이미지는 블로그 컨텐츠의 시각적 매력을 높이는 중요한 요소이다. SEO를 위해서는 항상 적절한 대체 텍스트를 포함해야 한다.
3-6. 인용문
> 이것은 인용문이다.
>
> 여러 줄에 걸쳐 작성할 수도 있다.
>
> > 중첩 인용문도 가능하다.
위 마크다운 인용문의 결과는 아래와 같다:
이것은 인용문이다.
여러 줄에 걸쳐 작성할 수도 있다.
중첩 인용문도 가능하다.
인용문은 다른 사람의 말이나 책의 구절을 인용할 때 유용하다. 전문성을 높이는 데 도움이 된다.
3-7. 코드
`인라인 코드`
// 코드 블록
```javascript
function hello() {
console.log("안녕하세요!");
}
</code></pre>
<pre><code>
워드프레스 테마나 플러그인 관련 글을 쓸 때 코드를 올바르게 표시하는 것은 매우 중요하다. 마크다운을 사용하면 문법 강조도 자동으로 적용된다.
### 8. 구분선
```markdown
---
또는
***
또는
___
위 마크다운의 결과로 모두 아래와 같은 구분선을 만든다:
긴 글에서 섹션을 구분할 때 유용하다.
4. 확장 마크다운 문법
일부 마크다운 확장 기능은 워드프레스에서 기본적으로 지원되지 않을 수 있지만, 플러그인을 통해 사용할 수 있다.
4-1. 표
| 제목 1 | 제목 2 | 제목 3 |
|--------|--------|--------|
| 내용 1 | 내용 2 | 내용 3 |
| 내용 4 | 내용 5 | 내용 6 |
// 정렬 옵션
| 왼쪽 정렬 | 가운데 정렬 | 오른쪽 정렬 |
|:---------|:----------:|-----------:|
| 내용 | 내용 | 내용 |
표는 데이터를 비교하거나 정리할 때 매우 유용하다. 워드프레스에서는 플러그인에 따라 지원 여부가 달라질 수 있다.
4-2. 체크리스트
- [x] 완료된 항목
- [ ] 미완료 항목
- [ ] 또 다른 미완료 항목
체크리스트는 할 일 목록이나 단계별 가이드를 제공할 때 시각적으로 멋진 효과를 준다.
4-3. 각주
여기에 각주 표시[^1]가 있다.
[^1]: 이것은 각주 내용이다.
각주는 참고 자료나 추가 설명을 제공할 때 유용하다.
5. 마크다운 팁과 요령
워드프레스에서 효율적으로 마크다운 사용하기
- 미리 작성하기: 마크다운 문서를 미리 작성해 두고 워드프레스에 붙여넣으면 시간을 절약할 수 있다. VS Code, Typora, Obsidian 같은 마크다운 에디터를 사용하면 좋다.
- 단축키 활용하기: 대부분의 마크다운 에디터는 굵게(Ctrl+B), 이탤릭체(Ctrl+I) 등의 단축키를 제공한다.
- 템플릿 만들기: 자주 사용하는 포맷이 있다면 템플릿을 만들어두는 것이 좋다. 예를 들어, 리뷰 글이나 튜토리얼의 기본 구조를 미리 만들어두면 빠르게 글을 작성할 수 있다.
- 마크다운 치트 시트 활용하기: 자주 사용하는 문법을 모아둔 치트 시트를 만들어 두면 참고하기 편리하다.
마크다운과 SEO
마크다운은 간접적으로 SEO에 도움을 준다:
- 구조화된 콘텐츠: 제목 태그(
#,##,###등)를 적절히 사용하면 검색 엔진이 콘텐츠 구조를 더 잘 이해할 수 있다. - 가독성 향상: 마크다운으로 작성된 글은 일반적으로 가독성이 좋아서 이탈률을 낮추는 데 도움이 된다.
- 빠른 작성 속도: 서식에 시간을 덜 쓰고 내용에 더 집중할 수 있어 전반적인 콘텐츠 품질이 향상된다.
- 일관성 유지: 모든 글에 일관된 구조와 서식을 적용하기 쉬워 사용자 경험이 향상된다.
마크다운은 처음에는 낯설 수 있지만, 익숙해지면 글 작성 속도와 효율성이 크게 향상된다. 특히 워드프레스 블로그를 운영하면서 많은 글을 작성해야 한다면 마크다운은 꼭 필요하다. 이 포스트도 마크다운 양식으로 작성하면서 시간을 많이 줄였다는…
참고 자료: