워드프레스 마크다운 플러그인 (+기본적인 마크다운 문법)

Last Updated: 2024년 10월 29일 댓글

노션이나 에버노트 등을 이용하여 마크다운 문법으로 작성한 문서를 워드프레스 페이지나 포스트로 변환하고 싶은 경우 Ultimate Markdown이라는 마크다운 에디터 플러그인을 사용할 수 있습니다. 또한, 이 플러그인을 사용하여 워드프레스 내에서 마크다운 문서를 직접 생성하여 페이지나 글에서 불러올 수 있습니다.

기본적인 마크다운 문법

기본적인 마크다운 문법을 알아두면 유용합니다.

용도문법예시결과
제목# 제목1
## 제목2
...
###### 제목6
## 제목2<h2>제목2</h2>
소제목 태그.
제목 수준에 따라 크기와 중요도가 달라짐
굵은 글씨**텍스트**
또는
__텍스트__
**굵은 텍스트**굵은 텍스트
기울임 글씨*텍스트*
또는
_텍스트_
*기울임 텍스트*기울임 텍스트
취소선~~텍스트~~~~취소선 텍스트~~취소선 텍스트
인용문> 텍스트> 인용문 예시인용문 예시
목록- 항목1
* 항목2
- 목록 항목1● 목록 항목1
번호 목록1. 항목11. 첫 번째 항목1. 첫 번째 항목
링크[텍스트](URL)[Google](https://google.com)Google
이미지 삽입![대체 텍스트](이미지URL)![예시 이미지](imgURL)이미지 삽입됨
코드 블록`코드``console.log("Hello");`console.log("Hello");
멀티라인 코드 블록``` 언어 ``````python
print()
코드 블록 삽입됨
수평선---, ***, ___---수평선 생성
테이블| 헤더 | 헤더 || 컬럼1 | 컬럼2 |테이블 형성

워드프레스 블록 에디터에서 소제목(h2, h3...) 블록을 입력할 때 ##+스페이스 등을 입력하여 빠르게 소제목 블록을 추가할 수 있습니다. (##은 마크다운 문법에서 H2 태그를 의미하며 워드프레스 블록 편집기에서 그대로 사용할 수 있습니다.)

이외에도 여러 가지 단축키가 블록 에디터에서 지원됩니다. 잘 활용하면 글 작성 시간을 줄이고 마우스 사용을 최소화하여 손목터널증후군과 같은 증상을 완화할 수 있습니다.

마크다운의 장단점

마크다운 문법을 이용한 텍스트 입력은 장단점이 있습니다.

장점

  • 심플함과 가독성: 마크다운은 배우기 쉽고 읽기 쉬운 간단한 문법을 제공합니다.
  • 효율성: 복잡한 서식 없이 빠르게 콘텐츠에 집중할 수 있습니다.
  • 호환성: 일반 텍스트 형식이므로 다양한 플랫폼과 기기에서 사용 가능합니다.
  • 버전 관리: Git 등의 버전 관리 시스템과 잘 통합됩니다.
  • 변환 용이성: HTML, PDF 등 다른 형식으로 쉽게 변환할 수 있습니다

단점

  • 제한된 서식: 복잡한 레이아웃이나 고급 서식 옵션이 부족합니다.
  • 표준화 부족: 다양한 "플레이버"로 인해 일관성이 떨어질 수 있습니다.
  • 실시간 미리보기 제한: WYSIWYG 에디터에 비해 즉각적인 시각적 피드백이 부족할 수 있습니다.
  • 복잡한 구조 표현의 어려움: 복잡한 문서 구조나 웹 콘텐츠를 표현하기에는 부족할 수 있습니다.
  • 멀티미디어 지원 제한: 비디오 등 리치 미디어 요소를 삽입하는 데 제한이 있습니다.

마크다운은 간단한 문서 작성과 기본적인 웹 콘텐츠에 적합하지만, 복잡한 레이아웃이나 고급 서식이 필요한 경우에는 제약이 있을 수 있습니다.

참고로 Tool in One의 Markdown Editor Preview(마크다운 에디터 미리보기 도구) 등의 툴을 활용하면 마크다운 문법을 사용하여 텍스트를 작성하면서 레이아웃을 확인할 수 있습니다.

이 글에서 소개하는 Ultimate Markdown 플러그인에서도 마크다운 문서 작성 화면에서 실시간 미리보기 기능을 제공합니다.

인기 마크다운 도구

다음과 같은 마크다운 에디터나 서비스를 이용하여 마크다운 문법으로 문서를 작성하거나 변환할 수 있습니다.

  1. Typora
    • 실시간 미리보기 기능을 제공하는 깔끔한 인터페이스
    • 윈도우, 맥, 리눅스 지원
    • 수식, 다이어그램 등 고급 기능 제공
  2. Visual Studio Code
    • 강력한 확장 기능을 통해 마크다운 편집 지원
    • 개발자들에게 인기 있는 통합 개발 환경(IDE)
    • 무료 오픈소스
  3. StackEdit
    • 온라인 기반 마크다운 에디터
    • 구글 드라이브, 드롭막스(Dropbox) 등과 연동 가능
    • 실시간 협업 기능 제공
  4. Notion
    • 노트, 문서 작성, 프로젝트 관리 등 다용도로 사용 가능
    • 마크다운 문법 지원
    • 팀 협업에 적합한 기능 제공
  5. Obsidian
    • 로컬 저장 방식의 노트 작성 도구
    • 강력한 링크 및 그래프 기능
    • 플러그인을 통한 확장성
  6. iA Writer
    • 미니멀한 인터페이스로 집중력 향상
    • iOS, 안드로이드, 맥, 윈도우 지원
    • 마크다운 문법에 최적화된 기능 제공

워드프레스 마크다운 플러그인

마크다운 도구를 사용하여 마크다운 문법으로 글을 작성하는 경우 Ultimate Markdown 플러그인을 사용하여 마크다운 문서를 워드프레스 페이지나 포스트로 전환할 수 있습니다.

Ultimate Markdown 플러그인의 주요 기능

Ultimate Markdown을 사용하여 인기 있는 마크다운 문법으로 워드프레스 포스트를 생성할 수 있습니다.

  • 기존 마크다운 파일 또는 이 플러그인으로 생성된 마크다운 문서를 임포트하여 포스트 작성
  • 마크다운 텍스트에서 즉시 블록 생성
  • 전용 플러그인 메뉴에서 무제한 마크다운 문서를 생성 및 관리
  • 워드프레스에서 마크다운 파일 임포트
  • 이 플러그인으로 만든 마크다운 문서들로 마크다운 파일 아카이브 생성

이 플러그인은 블록 에디터(구텐베르크)에서만 작동합니다. 워드프레스 5.0 이상에서는 블록 편집기가 기본 편집기입니다. 워드프레스 5.0 미만 버전을 사용하는 경우 Gutenberg 플러그인을 설치하여 작동하는지 테스트해보시기 바랍니다. 가능하면 보안과 성능 등을 위해 최신 워드프레스를 사용하는 것을 고려하세요.

워드프레스 코어, 테마, 플러그인을 업데이트하지 않으면 사이트가 해킹되거나 악성코드에 감염되어 낭패를 당할 수 있습니다. 가급적 최신 버전으로 업데이트하여 안전하게 사이트를 운영하시기 바랍니다. 업데이트를 진행하기 전에 먼저 백업을 실시하시기 바랍니다.

얼티밋 마크다운 플러그인 설치

얼티밋 마크아둔 플러그인을 설치하려면 워드프레스 관리자 페이지에서 플러그인 플러그인 » 새 플러그인 추가로 이동합니다.

플러그인 검색에서 Ultimate Markdown을 입력하여 이 플러그인을 설치합니다.

Ultimate Markdown 플러그인 사용 방법

이 플러그인을 사용하여 워드프레스 알림판에서 직접 마크다운 문서를 생성한 다음, 페이지나 포스트에서 로드하거나 외부 마크다운 파일을 페이지나 포스트에서 임포트할 수 있습니다.

마크다운 문서를 만들어 페이지나 포스트에 로드하기

알림판에서 마크다운 문서를 생성하려면 Markdown » Documents로 이동한 다음, Documents 옆에 있는 Add New 버튼을 클릭합니다.

마크다운 문서를 만들 수 있는 화면이 표시됩니다. Title에 문서 제목을 입력하고 Content에 마크다운 문법으로 콘텐츠를 입력합니다.

왼쪽에 마크다운 문법으로 텍스트를 입력하면 오른쪽에 브라우저에서 텍스트가 어떻게 보여지는지를 확인할 수 있는 미리보기가 표시됩니다.

Save Changes 버튼을 클릭하여 문서를 저장합니다. 마크다운 문서가 저장됩니다.

이제 페이지나 포스트에서 방금 작성한 문서를 로드할 수 있습니다.

새 글이나 페이지를 생성합니다. 오른쪽 글 설정 패널에서 Load Markdown에서 마크다운 문서를 지정(①)하고 Submit document 버튼(②)을 클릭하면 문서가 로드됩니다.

문서가 로드되면 적절히 편집할 수 있습니다.

마크다운 문법이 더 편한 경우에 이 방법으로 문서를 작성할 수 있을 것입니다. 또는 마크다운 문법으로 작성된 텍스트를 복사하여 붙여넣기 하여 마크다운 문서를 만드는 경우에도 이용할 수 있습니다.

마크다운 파일을 업로드하여 임포트하기

마크다운 파일을 업로드하여 워드프레스 페이지나 포스트로 임포트하는 것도 가능합니다.

참고로 마크다운 파일의 확장자에 대해서는 정해진 확장자명이 없다고 하네요. 보통 *.md 확장자를 사용할 것 같지만 다양한 확장자가 사용될 수 있습니다("File extension for Markdown files?" 참고).

  • .md
  • .mkd
  • .mdwn
  • .mdown
  • .mdtxt
  • .mdtext
  • .markdown
  • .text

미리 다운로드했거나 작성한 마크다운 파일을 임포트하려면 워드프레스 블록 에디터의 글 작성 화면에서 오른쪽의 Import Markdown에서 Upload file and import를 클릭합니다.

마크다운 파일을 지정하는 창이 표시됩니다.

파일을 선택하면 파일 내용이 임포트되어 채워지게 됩니다. 글 제목은 파일 이름으로 바뀝니다.

임포트된 콘텐츠를 적절한 수정하여 글이나 페이지를 공개할 수 있습니다.

에버노트 등 툴을 사용하여 마크다운 문법으로 문서를 작성하는 것에 익숙한 경우 이 방법을 이용하여 쉽게 마크다운 문서를 워드프레스로 가져올 수 있습니다.

네이버 지식인: 마크다운 텍스트 형식의 답변... 인공지능(AI)을 사용한 자동 답변?

네이버 지식인에 마크다운 문법으로 작성된 텍스트로 답변을 다는 분들이 계십니다. 한 분이 아니고 여러 사용자가 비슷한 형식으로 답변을 다는 것으로 보아 아마 챗GPT 등 인공지능(AI)을 활용한 자동 답변이거나 AI로 생성된 답변을 복붙하는 것이 아닌가 생각됩니다.

AI 답변은 잘 정리되어 모범적인 답변 형식으로 되어 있습니다. 하지만 해당 질문에 대한 정확한 답변인지는 다른 문제 같습니다. 인공지능 답변이 그럴 듯하고 잘 작성된 것 같지만 많은 경우 알맹이 없는 답변이 많습니다.

개인적으로는 선호하지 않지만, 쉽게 외부 유입을 늘리는 경우 AI를 이용한 자동 답변도 하나의 옵션이 될 수 있을 것 같습니다.

참고


댓글 남기기

Leave a Comment