설치형 워드프레스에서 마크다운 활용 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번 입력하면 됩니다.

---

___

***

이것은 그냥




이렇게 각각 선으로 표시됩니다. 이때 사이에 스페이스(공백)이 들어가도 됩니다. - - - 처럼 말입니다.

디지로그포유

IT와 최신 기술 동향에 관심이 많습니다. 세상이 하수상한지라 시사와 경제에도 관심을 가질 수밖에 없습니다.

You may also like...