워드프레스 블록편집기 단축키 모음

워드프레스 블록편집기 단축키 모음



Intro

처음 워드프레스에 글을 쓰려고 ‘새글추가’ 버튼을 누르고 들어오면 워드프레스가 아닌 워드프로세서의 편집기에 익숙해진 우리에게 낯선 광경이 펼쳐져 당황스러워집니다.

“글을 써야 하는데 아무 것도 안보이네?”

하지만 블록편집기(블록에디터)를 사용하여 글을 3~4개 정도 써보시면 기존 고전편집기보다 훨씬 사용이 용이하고 글쓰는 속도 또한 몇 배 빨라짐을 알 수 있습니다.

이번 포스팅에서는 이러한 블록편집기의 사용을 더욱 빛나게 도와줄 단축키들을 소개해 드리려 합니다.


워드프레스 블록편집기 단축키


워드프레스 블록편집기 단축키 모음

워드프레스 사용을 쉽게 도와주는 단축키는 생각보다 많이 있습니다.

그 가운데 사용도와 활용도가 높은 주요 단축키를 아래와 같이 정리해 보았습니다.

혹시나 모든 (워드프레스가 공식적으로 오픈한) 단축키가 궁금하시다면 워드프레스 편집기에서 ‘SHIFT + ALT + H’를 눌러 먼저 확인해 보실 수 있으십니다.

내용단축키
키보드 단축키 표시하기SHIFT + ALT + H
글 임시저장CTRL + S
변경 취소CTRL + Z
변경 취소를 취소SHIFT + CTRL + Z
블록 내 모든 텍스트 선택CTRL + A
선택한 텍스트 링크로 변환CTRL + K
선택한 링크 제거SHIFT + CTRL + K
선택한 텍스트를 볼드체로 변환CTRL + B
선택한 텍스트를 이탤릭체로 변환CTRL + I
선택한 텍스트에 밑줄CTRL + U
선택한 텍스트에 취소선 적용SHIFT + ALT + D
자주 사용하는 블록 불러오기/
블록 바로 불러오기/ + 블록명
이전 글 불러오기[[
이전 글 선택 불러오기[[ + 키워드
H1 태그 입력하기# + SPACE
H2 태그 입력하기## + SPACE
H6 태그 입력하기###### + SPACE
선택한 H태그(제목)를 p태그(문단)로 변환SHIFT + ALT + O
선택한 p태그(문단)을 H태그로 변환SHIFT + ALT + 1~6

저 같은 경우 특히 유용하게 사용하는 단축키가 몇 개 있는데요, 바로 블럭 불러오기에 사용하는 ‘/’와 이전 글 불러오는 ‘[[‘ 그리고 H태그 입력하는 ‘#’입니다.

예를 들어 ‘/’의 경우 블록에디터에서 /만 써 넣어도 아래 보시는 것과 같이 최근 사용한 블럭들이 나타납니다.

(HTML 빈줄 2단, HTML 빈줄 1단, HTML 포스트잇 등은 모두 제가 ‘재활용 가능 블록 생성’으로 미리 만들어둔 블록들이어서 여러분 들 화면에선 보이지 않습니다. 재활용 가능 블록 생성의 사용 및 활용은 별도의 포스팅에서 다시 다루도록 하겠습니다.)


이번엔 ‘/’ 뒤에 바로 이어서 사용하고자 하는 블록 명칭을 바로 넣어 보도록 하겠습니다.

예시로 ‘/이미지’라고 해 보겠습니다.

보시는 것과 같이 이미지와 관련된 블록들이 보입니다.

이번엔 영어로 /image를 써 보겠습니다.

마찬가지로 image와 관련된 블록들이 나왔습니다.


이번엔 ‘[[‘의 예시를 보도록 하겠습니다.

‘[[‘을 입력하시면 최근 발행한 글이 10개까지 보입니다.

만일 작성한 글이 너무 많아 최신 글만 가지고는 해결이 안되는 경우 ‘[[‘뒤에 바로 키워드를 써 넣어 주시면 해당 키워드와 관련된 최신 글이 보여집니다.

H태그(제목) 구현을 위한 ‘#’은 #을 누르고 스페이스 바를 누르면 H1태그로 바로 바뀝니다.

하지만 Main Title에서 H1 태그는 이미 사용되었기 때문에 실제 #을 이용할 일은 전혀 없고 ##부터 ######까지를 사용하시면 되시겠습니다.



여전히 블록편집기가 불편하신 분들을 위한 대안

워드프레스는 최초 개발되고 난 이후 고전편집기라는 워드프로세스와 유사한 형태의 에디터를 사용했습니다.

하지만 많은 사람들이 웹사이트 개발을 위한 워드프레스에서 고전편집기의 사용이 불편함을 토로 했고 이를 개선하여 나온 것이 바로 블록편집기(쿠텐베르크 편집기)입니다.

사실 우리가 그 동안 문서 작업을 위해 고전편집기 스타일의 도구가 눈에 익고 사용에 익숙해져서 그렇지 블록편집기가 웹 문서 작업을 위해서는 정말 편리합니다.

물론 아직도 사용에 불편함이 전혀 없는 것은 아니지만 이 또한 시간이 다소 흐르고 나면 자연스럽게 개선이 되지 않을까 생각해 봅니다.

아무튼 이러한 블록편집기의 장점이 있음에도 불구하고 여전히 블록편집기에 대해 불만을 가지신 분들이라면 워드프레스 사용을 위해 아래와 같은 대안을 생각해 볼 수 있겠습니다.

  1. 티스토리에서 작성 후 html 복사/붙여넣기
  2. 워드프레스 고전편집기 사용
  3. 다른 html 편집기 사용


마치며

처음 마주하는 어색함 때문에 은근 외면 당해 온 블록에디터인데 막상 사용하다 보면 세상 이것보다 더 편할까 싶은 생각이 들기도 합니다.

블록에디터는 단축키와 재활용 가능 블록이 함께 사용되면 막강한 툴로 변하며, 개인의 사용 습관에 따라 optimizing도 가능하니 그 활용은 무한대에 가깝지 않을까 싶습니다.



함께 보면 좋은 글

블로그에 어떤 글을 쓸 것인가?

애드센스 광고 보고서 지표 정리 (CPC, CPM, CTR, RPM)

다음 웹마스터도구 색인이 잘 되지 않는다면?

다음 웹마스터도구 블로그 사이트 등록 방법

애드센스 수익률 높은 주제 선정 방법 (카테고리별 비교)

워드프레스 공식 사이트 (wordpress.org)

Leave a Comment

error: 이 블로그의 모든 컨텐츠를 불법복제 또는 무단전제 시 법적 책임을 물을 수 있으니 주의하시기 바랍니다.