설치형 워드프레스에서 마크다운 활용 2
이 글은 설치형 워드프레스에서 마크다운 활용에 엮인 글입니다.
앞서 글에서 글을 기울여 쓰거나 굵게 쓰는 법, 각주 넣기와 하이퍼링크 삽입법 등에 대해 알아봤습니다. 지난번 글에서 빼먹은 게 있는데 마크다운에 사용되는 특수기호를 그대로 노출시키는 법입니다. 워드프레스에 마크다운 플러그인을 설치하거나 젯팩에서 마크다운을 활성화하면 마크다운 기호는 기능을 발휘해 그 기호에 주어진 기능대로 글을 나타내는데 쓰이고 자신은 숨어버립니다.
마크다운 문법 기호를 그대로 나타내기
이를테면 기울여쓰기(* 또는 _) 기호를 그대로 나타내려고 했는데 기울여쓰기를 적용해버리는 문제가 있습니다. 이런 경우에는 \(역슬래시)를 쓰면 됩니다. 이것은 ‘이다음에 쓰인 기호를 그대로 나타내라’는 뜻을 갖고 있습니다. 따라서 \* 이렇게 하면 기울여쓰기를 하지 않고 *을 그대로 표출하게 됩니다.
한가지 팁을 덧붙이자면 \(역슬래시)를 그대로 표출하려면 \\ 이렇게 역슬래시 2개를 잇따라 쓰면 됩니다. 그러면 앞의 역슬래시는 바로 뒤 명령을 무시하라는 의미가 되어 두번째 역슬래시를 그대로 표출합니다. 이 글에서 역슬래시 두개를 어떻게 표출했을까요? 역슬래시 4개를 잇따라 쓰면 되겠죠.
제목 표시
html 문법에서 제목을 표시하는 방법으로는 <h1>~<h6>까지를 써서 글자 크기를 조정합니다. 1이 가장 크고 6이 가장 작은 글자입니다.
# 제목 1 <h1>
## 제목 2 <h2>
### 제목 3 <h3>
#### 제목 4 <h4>
##### 제목 5 <h5>
###### 제목 6 <h6>
이렇게 쓰면
제목 1 <h1>
제목 2 <h2>
제목 3 <h3>
제목 4 <h4>
제목 5 <h5>
제목 6 <h6>
이렇게 표출됩니다. #하고 글자하고 사이에는 공백(스페이스)가 하나 들어가야 합니다.
한가지 주의할 점은 # 갯수만큼 글자가 점차 작아지는 구조이긴 한데요, 일반적인 마크다운 문법에서는 이것을 앞에만 써도 되고 앞·뒤에 모두 써도 된다고 돼 있지만, 워드프레스+젯팩에서는 앞엣것만 인식하고 뒤엣것은 그대로 표출시켜버립니다.
#### 이렇게 ####
쓰면
이렇게 ####
나타나므로 앞에만 써야 합니다.
정의목록
어떤 단어 등에 대한 설명을 아래에 넣어줄 때 쓰는 것으로 ‘정의 목록’이란 게 있습니다.
WordPress
: 세계 최대의 오픈 소스 저작물 관리 시스템
Markdown
: 일반 텍스트 문서를 HTML로 변환하는 도구
이런 경우죠. 이렇게 쓰면 아래와 같이 출력됩니다.
- WordPress
- 세계 최대의 오픈 소스 저작물 관리 시스템
- Markdown
- 일반 텍스트 문서를 HTML로 변환하는 도구
정의 목록이나 아래에 설명할 코드블록 모양은 css에 어떻게 정의되었는지에 따라 글꼴과 글자크기, 표현형식 등이 달라집니다. 따라서 테마를 바꾸면 정의 목록이나 코드블록 모양도 달라질 수 있습니다.
코드블록
인터넷 서핑을 하다 보면 페이지 폭을 넘어서는 긴 프로그래밍 코드를 만날 수도 있고, 여러 줄에 걸친 프로그래밍 소스를 볼 수도 있습니다. 이것은 바로 드래그 & 카피해서 다른 데 붙여넣을 수 있는 것입니다. 이런 것을 코드블록이라고 하는데, 워드프레스 마크다운에서는 ~~~ 으로 단락 앞뒤에서 글을 감싸주면 됩니다.
~~~
이것은 코드블록이다.
그대로 드래그 & 카피로 다른 데 붙여 쓸 수 있다.
표현 하는 그대로 화면에 표시할 수 있다.
~~~
이렇게 쓰면 아래와 같이 나타납니다.
이것은 코드블록이다.
그대로 드래그 & 카피로 다른 데 붙여 쓸 수 있다.
표현 하는 그대로 화면에 표시할 수 있다.
또 키보드 왼쪽 위, 숫자키 1 왼쪽에 있는 역방향 강세기호(`)(=backtick)를 앞 뒤로 써주어서 코드 문자가 코드로 인식되지 않고 문자 그대로 인식되도록 해주는 방법도 있습니다.
`<table><tr><td></td></tr></table>`
위와 같이 쓰면 아래처럼 나옵니다.
<table><tr><td></td></tr></table>
각각의 줄을 2개 이상의 스페이스로 시작해도 글을 타이핑하는 그대로 정확히 보여지게 할 수 있습니다. 주로 마크다운이나 html 태그 등을 그대로 보여주고자 할 때 유용하게 쓸 수 있습니다.
스페이스 스페이스 [test](http://digilog4u.net)
이렇게 하면
test 이렇게 표현됩니다.
가로로 선 긋기
가로로 선을 그으려면 -이나 * 또는 _ 이중 한가지를 3번 입력하면 됩니다.
---
___
***
이것은 그냥
이렇게 각각 선으로 표시됩니다. 이때 사이에 스페이스(공백)이 들어가도 됩니다. - - - 처럼 말입니다.
최근 댓글