워드프레스에서 마크다운 사용법

Updated on 2022-12-31 by

오랫동안 워드프레스 사이트를 운영해 오는 동안 효율적인 글쓰기를 위해서 직접 워드프레스에서 글을 쓰기보다는 메모장 등에서 글을 작성한 후 워드프레스에 붙여넣는 방법을 사용했습니다.

그러다보니 마크다운 언어에 관심을 가지고 적용해 보고는 했는데요.

지금까지 사용해본 결론은 한계가 많다는 생각입니다.

많은 내용이 있는 것은 아니지만 지금까지 워드프레스에서 테스트 한 결과를 토대로 워드프레스에서 사용 가능한 마크다운 문법에 대해 살펴보고자 합니다.

개인적으로 복잡한 문법은 효용성이 떨어지기 때문에 이미지 삽입과 같은 것은 워드프레스에서 직접 진행합니다.

즉 간단한 마크다운 문법은 메모장에서 적용하고 복잡한 것은 워드프레스에서 직접 작업하는 것이 훨씬 더 효과적입니다.

제목 (Header)

  • # 뒤에 띄어쓰기를 넣어주는게 권장하는 방법이다.
  • 띄어쓰기를 하지 않아도 워드프레스에서는 작동한다.
  • ~ 까지 표현 가능하다.
# 제목1, <h1> 표시
## 제목 2, <h2> 표시
### 제목 3, <h3> 표시
#### 제목 4, <h4> 표시
##### 제목 5, <h5> 표시
###### 제목 6, <h6> 표시Code language: PHP (php)
제목

줄바꿈(Line breaks)

  • 띄어쓰기 2번 : 워드프레스에서 미작동
  • ‘<br> </br>’기호 활용으로 가능 : 워드프레스에서 작동
마크다운 언어는 표준이 없기 때문에 표현하는 도구에 따라서 동작하지 않거나, 다르게 표현 될 수 있다. <br> 모든 HTML 마크업을 대신하지 못하지 못하는 한계점</br>Code language: PHP (php)

마크다운 언어는 표준이 없기 때문에 표현하는 도구에 따라서 동작하지 않거나, 다르게 표현 될 수 있다.
모든 HTML 마크업을 대신하지 못하지 못하는 한계점

3.수평선 (Horizontal Rule)

  • 하기 코드들은 모두 수평선을 나타낸다. 가시적으로 페이지를 나누는 용도로 많이 사용된다.
    • 하기 네가지 모두 워드프레스에서 작동한다.
 ---
***
___
******Code language: PHP (php)




인용문 (BlockQuote)

  • “>” 블럭 인용 문자를 사용하면 인용문 표현이 가능하다.
  • 중첩 인용문은 ‘>’를 연속해서 사용
> 인용문장
>> 중첩된 인용문
>>> 중첩된 인용문 2Code language: PHP (php)

인용문장

중첩된 인용문

중첩된 인용문 2

강조

  • ‘*’와 ‘_’를 사용하여 ‘굵게’와 ‘기울여 쓰기’가 가능합니다.
  • 기울이기‘ / ‘굵게‘ / ‘굵게와 기울이기
*기울이기*' / '**굵게**' / '***굵게와 기울이기***Code language: PHP (php)

목록(List)

  • 첫번째 목록은 띄어스기만 작용한다.
  • 하위 목록을 만들기 위해서는 띄어쓰기 네번해야 한다.
1 순서가 없는 목록 ( *, +, - 지원)

1. 순서가 필요한 목록
    1. 순서가 필요한 목록
    1. 순서가 필요한 목록
1. 순서가 필요한 목록


1. 순서가 필요한 목록
    9. 순서가 필요한 목록
    3. 순서가 필요한 목록
8. 순서가 필요한 목록
Code language: PHP (php)

1) 순서가 없는 목록 ( *, +, – 지원)

  1. 순서가 필요한 목록
    1. 순서가 필요한 목록
    2. 순서가 필요한 목록
  2. 순서가 필요한 목록
  3. 순서가 필요한 목록
    1. 순서가 필요한 목록
    2. 순서가 필요한 목록
  4. 순서가 필요한 목록

코드 (Code)

매우 간단한 마크다운 문법이기 때문에 사용해 보기 위해서 이런 저런 테스트를 해보았지만, 아쉽게도 이 코드 마크다운 문법은 작동하지는 않습니다.

문법도 먹히지 않은 것으로 보안 Syntax-highlighting Code block 플러그인의 영향이 아닐까 추정하고 있습니다.

문제가 무엇인지 확인하면 업데이트 해보겠습니다.

  1. 인라인 코드(Inline Code)
  • 백틱(`(Grave): 숫자 1번 키 왼쪽에 위치)으로 강조할 내용을 감싸면 된다.

2) 블럭 코드(Block Code)

  • “` html, css, javascript, bash, plaintext 등등
  • 코드의 종류를 명시 하지 않은 경우
    ”’

컬러 강조

  • 컬러로 강조하고 싶은 문장이나 단어 앞뒤에 <mark> </mark>를 적용하며누아래와 같은 효과를 보여줍니다.

매우 간단한 마크다운 문법이기 때문에 사용해 보기 위해서 이런 저런 테스트를 해보았지만, 아쉽게도 이 코드 마크다운 문법은 작동하지는 않습니다.

새롭게 뉴스레터를 시작했습니다.

1️⃣ 주식 등 투자 정보 : 기업 분석, IB 투자의견 등 투자 관련 내용
..... 테슬라 실적 및 IB들의의 테슬라 투자의견
2️⃣ 사례 및 트렌드 : 사례연구와 트렌드 관련 괜찮은 내용
.....유튜브와 경쟁대신 구독 전환한 비디오 플래폼 비메오 사례

서울에 생긴 Vultr 서버 100$ 프로모션

안녕하세요?
새로운 사이트 구축을 위한 신규 서버를 고민하신다면 , 서울 리젼이 생겨 더욱 빨라진 Vultr 서버를 Vultr 100$ 프로모션으로 이용해 보세요.

아래 프로모션 코드 링크를 통해 Vultr에서 서버 구축 후 1달 이상 사용 및 $25이상 결제 時 추가 100$을 주는 프로모션입니다.

Vultr는 서울에도 리젼이 있어 매우 빠르고, 아마존 웹 서비스(AWS)보다 성능이 높으며 가장 가성비가 뛰어납니다.

거기다 사용자 UI도 좋고, 15개까지 스냅샷을 무료로 제공하기 때문에 관리하기 좋습니다. 그리고 지금 100$ 프로모션처럼 가격적인 메리트도 있습니다.

우분투 20.04와 PHP 8 기반 워드프레스 설치 방법

가상 서버를 운영하고픈 勇者에게 전하는 가상 서버 운영 입문 노하우 – Vultr 가상서버호스팅(VPS)를 중심으로

워드프레스 최적화를 위한 18개월간의 고민, 그 노하우를 담다.

도쿄 리젼과 비교해 본 Vultr 서울 리젼 사용기

가성비가 뛰어난 Vultr 가상서버호스팅(클라우드호스팅,VPS) 사용기

Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments