오늘은 워드프레스 블록에디터 꿀팁-3탄이라는 주제로 블록에디터 활용 팁들을 포스팅 할 예정입니다. 3탄 이라는 것은 1탄과 2탄이 있다는 말이겠죠? 1탄 2탄이 궁금하신 분들은 아래 포스팅을 참고하시면 좋을 듯합니다. 오늘은 스페이서 기능 과 단축기에 대해서 말씀 드려볼까 합니다. 아무래도 글을 쓸 때 마우스 사용을 최소화 하는게 훨씬 편리할 텐데요. 그러기 위해서는 처음은 조금 불편하지만 단축기를 많이 알아 놓는게 편할 떄가 많습니다. 그럼 포스팅 시작하겠습니다.
블록 에디터의 기능 중 하나인 스페이서 기능에 대해서 말씀 드리겠습니다. 스페이서 기능은 블록과 블록 사이에 공간을 만드는 기능인데요. 전체 콘텐츠를 깔끔하게 보이게 할 수 있습니다. 먼저 여백 도구 사용 방법은 ‘/’ 여백 도구 혹은 왼쪽 상단에 + 버튼을 클릭하고 여백도구 아이콘을 눌러주면 됩니다.
오른쪽 옵션에서 높이도 조절이 가능합니다. 색상도 변경이 가능한데 저는 지금 제너레이트프레스 테마 무료버전이라서 조절이 불가능해 보이는 듯 합니다. 조금 더 공부해서 CSS를 활용하는 방법을 더 배워봐야 겠네요. 무튼 이미지 사이 혹은 이미지와 문단 사이에 공간을 자유롭게 주고 싶을 때는 여백도구를 활용하시면 좋을 듯 싶습니다.
단축기 윈도우, 맥 버전
키보드 별 기호
우선 Mac에서는 ⌃⌥H(Ctrl + Option + H)를, PC에서는 Shift + Alt + H를 클릭하여 사용 가능한 단축키를 이용해서도 볼 수 있습니다.
Mac 키보드 단축키
Action
단축키
단축키 한번에 보기
⌃⌥H
비주얼 편집기와 코드 편집기 사이를 전환
⇧⌥⌘M
전체 화면 모드를 전환
⇧⌥⌘F
차단 목록 보기
⌃⌥O
설정 사이드바를 표시하거나 숨김
⇧⌘,
편집기의 다음 부분으로 이동
⌃’ 또는 ⌃⌥N
편집기의 이전 부분으로 이동
⌃⇧’ 또는 ⌃⌥P
가장 가까운 도구 모음으로 이동
⌥F10
변경 내용을 저장
⌘S
마지막 변경 사항을 실행 취소
⌘Z
마지막 실행 취소를 다시 실행
⇧⌘Z
선택 단축키
단축키
입력할 때 모든 텍스트를 선택 (다시 누르면 모든 블록이 선택됩니다.)
⌘ᅡ
선택을 취소
Esc
블록 서식
단축키
선택한 블록을 복제
⇧⌘D
선택한 블록을 제거
⌃⌥Z
선택한 블록 앞에 새 블록을 삽입
⌥⌘T
선택한 블록 뒤에 새 블록을 삽입
⌥⌘Y
선택한 여러 블록을 제거
Del 또는 백스페이스
선택한 블록을 위로 이동
⇧⌥⌘T
선택한 블록을 아래로 이동
⇧⌥⌘Y
새 단락을 추가한 후 블록 유형을 변경
/(슬래시)
텍스트서식
단축키
선택한 텍스트를 굵게 표시
⌘ᄂᄂ
선택한 텍스트를 기울임꼴
⌘나
선택한 텍스트를 링크로 변환
⌘K
링크를 제거
⇧⌘K
선택한 텍스트에 밑줄
⌘U
PC키보드 단축키
Action
단축키
단축키 한번에 보기
Shift+Alt+H
비주얼 편집기와 코드 편집기 사이를 전환
Ctrl+Shift+Alt+M
전체 화면 모드를 전환
Ctrl+Shift+Alt+F
차단 목록 보기
Shift+Alt+O
설정 사이드바를 표시하거나 숨깁
Ctrl+Shift+,
편집기의 다음 부분으로 이동
Ctrl+’Shift+Alt+N
편집기의 이전 부분으로 이동
Ctrl+Shift+’Shift+Alt+P
가장 가까운 도구 모음으로 이동
Alt+F10
변경 내용을 저장
Ctrl+S
마지막 변경 사항을 실행 취소
Ctrl+Z
마지막 실행 취소를 다시 실행
Ctrl+Shift+Z
선택 단축키
단축키
입력할 때 모든 텍스트를 선택 (다시 누르면 모든 블록이 선택됩니다.)
Ctrl+A
선택을 취소
Esc
블록 서식
단축키
선택한 블록을 복제
Ctrl+Shift+D
선택한 블록을 제거
Shift+Alt+Z
선택한 블록 앞에 새 블록을 삽입
Ctrl+Alt+T
선택한 블록 뒤에 새 블록을 삽입
Ctrl+Alt+Y
선택한 여러 블록을 제거
Del 또는 백스페이스
선택한 블록을 위로 이동
Ctrl+Shift+Alt+T
선택한 블록을 아래로 이동
Ctrl+Shift+Alt+Y
새 단락을 추가한 후 블록 유형을 변경
/(슬래시)
텍스트 서식
단축키
선택한 텍스트를 굵게 표시
Ctrl+B
선택한 텍스트를 기울임꼴
Ctrl+I
선택한 텍스트를 링크로 변환
Ctrl+K
링크를 제거
Ctrl+Shift+K
선택한 텍스트에 밑줄
Ctrl+U
마무리
오늘은 블록 에디터에 대해서 적어봤는데요. 단축키나 여백 공간 활용하는 법에 대해 포스팅 해보았습니다. 아무래도 더 자유롭게 변형하기 위해서는 CSS에 대해서 공부를 하면 좋을 듯 싶습니다. 플러그인이 많이 깔리면 사이트가 느려지기 때문에 플러그인을 활용하지 않아도 되는 간단한 건 CSS 추가를 통해 활용하면 좋을 것 같아요. 그럼 다음 포스팅에서 뵙겠습니다. 참고로 더 많은 내용이 궁금하신 분들은 워드프레스 공식 홈페이지를 참고하시면 좋을 듯 싶습니다.
