Computer >> 컴퓨터 >  >> 네트워킹 >> 인터넷

워드프레스에서 마크다운(Markdown)으로 워크플로를 개선하는 방법

워드프레스에서 마크다운(Markdown)으로 워크플로를 개선하는 방법

마크다운(Markdown)은 최소한의 노력으로 일반 텍스트 문서에 서식을 적용할 수 있게 해주는 간단한 마크업 언어입니다. 워드프레스에서 HTML이나 비주얼 에디터로 글을 서식화하는 데 익숙하시겠지만, 마크다운을 활용하면 훨씬 더 쉽고 빠르게 서식을 지정할 수 있으며, HTML을 포함한 다양한 형식으로 내보낼 수도 있습니다.

워드프레스는 기본적으로 마크다운을 지원하지 않지만, 플러그인을 설치하면 원하는 경우 이 기능을 손쉽게 사이트에 추가할 수 있습니다.

이 튜토리얼에서는 인기 있는 WP-Markdown 플러그인을 사용해 워드프레스 사이트에 마크다운 지원을 추가하는 방법을 단계별로 소개합니다.

플러그인 설치

관리자 페이지에서 "플러그인 → 새로 추가" 메뉴로 이동한 후 검색 상자에 "wp-markdown"을 입력하면 바로 설치할 수 있습니다. 목록의 첫 번째 항목으로 해당 플러그인이 나타나며, "지금 설치" 버튼을 클릭하면 설치가 진행됩니다.

워드프레스에서 마크다운(Markdown)으로 워크플로를 개선하는 방법

플러그인 설정

플러그인을 설치하고 활성화했다면 "설정 → 쓰기" 메뉴로 이동한 뒤 아래로 스크롤하면 마크다운 섹션을 찾을 수 있습니다.

이곳에서 글, 페이지, 댓글 각각에 대해 마크다운 지원을 활성화할 수 있습니다. 또한 글 에디터와 댓글 입력창에 도움말 바(help bar)를 표시하는 옵션도 있는데, 마크다운 문법을 이제 막 배우기 시작한 단계라면 매우 유용하게 활용할 수 있습니다.

워드프레스에서 마크다운(Markdown)으로 워크플로를 개선하는 방법

블로그 글에 코드 조각을 자주 포함하는 경우라면 "Prettify 구문 강조기" 옵션을 함께 활성화하세요. 코드 스니펫에 자동으로 구문 강조(syntax highlighting)가 적용되어 가독성이 크게 향상됩니다.

모든 설정을 마쳤으면 "변경 사항 저장" 버튼을 클릭해 설정을 저장하세요.

마크다운으로 글쓰기

사이트에서 마크다운 지원을 활성화했다면 바로 사용을 시작할 수 있습니다.

"글 → 새로 추가"로 이동해 새 글을 만들어 보세요. 기존의 비주얼 에디터와 텍스트 에디터 대신 마크다운 에디터가 표시되는 것을 확인할 수 있습니다.

설정에서 도움말 바를 활성화하지 않았다면 서식이 적용된 결과물의 실시간 미리보기는 볼 수 없습니다. 하지만 걱정할 필요는 없습니다. 문법만 올바르게 작성하면 글을 저장하거나 발행하는 시점에 자동으로 유효한 HTML로 변환됩니다.

반면 마크다운이 익숙하지 않고 실시간 미리보기가 중요하다면 설정 화면으로 돌아가 도움말 바 옵션을 활성화하세요. 그러면 글 편집 화면 하단에 실시간 미리보기 영역이 생기고, 상단에는 마크다운 문법을 빠르게 삽입할 수 있는 버튼들이 함께 제공됩니다.

워드프레스에서 마크다운(Markdown)으로 워크플로를 개선하는 방법

마무리

이처럼 워드프레스 사이트에 마크다운 지원을 추가하는 과정은 매우 간단하며, 몇 분이면 충분히 완료할 수 있습니다. 마크다운이 완전히 처음이라면 마크다운 문법을 종합적으로 정리한 치트시트(cheatsheet)도 함께 참고해 보시길 권합니다.