워드프레스 블록편집기 익숙해지기 #1

저프로IT

Updated on:

워드프레스 블록편집기에 익숙해지고, 빠른 글쓰기를 위한 방법을 직접 테스트해보면서 간단하게 작성 중입니다. 키보드 단축키는 익히기 쉽도록 기능키별로 재분류 하였습니다.블록도 늘 사용하는 것 아니면 그 특징을 잘 모를 수 있습니다. 한번씩 사용해보면서 기능을 파악하고 나중에 적재적소에 이용해보려고 합니다.

워드프레스 블록편집기

1. 블록편집기 상단 메뉴

1) 미리보기, 공개(발행) 버튼

2) 설정 사이드바

  • 고유 URL 확인
  • 블로그 상단에 고정 기능
  • 글형식, 글쓴이 변경
  • 카테고리 선택, 태그 입력
  • 특성이미지(썸네일) 입력
  • 요약글 작성

2. 유용한 키보드 단축키 사용하기

전체 키보드 단축키 중 유용한 것을 정리하였습니다. (이중에서도 사용빈도가 높은 것은 밑줄 표시)

1) 단독

  • [선택] 선택 해제하기 : ESC(escape)
  • [블록] 선택 삭제 : del 또는 backspace
  • [블록] 새 단락을 추가한 후 블록 유형을 변경 : /
  • [서식] 글 또는 페이지로 가는 링크 삽입 : [[

2) Ctrl

  • [전역] 명령 팔레트 열기 : Ctrl + K
  • [전역] 변경사항을 저장 : Ctrl + S
  • [전역] 마지막 변경사항을 취소 : Ctrl + Z
  • [전역] 마지막 실행 취소를 다시 실행 : Ctrl + Y
  • [선택] 입력할 때 모든 텍스트를 선택, 모든 블록을 선택하려면 한번 더 누름 : Ctrl + A
  • [서식] 선택한 텍스트를 볼드체/이탤릭체/밑줄 : Ctrl + B / I / U
  • [서식] 선택한 텍스트를 링크로 변환 : Ctrl + K

3) Ctrl + Alt

  • [블록] 선택한 블록 앞에 새 블록을 삽입 : Ctrl + Alt + T
  • [블록] 선택한 블록 뒤에 새 블록을 삽입 : Ctrl + Alt + Y

4) Ctrl + Shift

  • [전역] 글 집중 모드 토글 : Ctrl + Shift + \
  • [전역] 설정 사이드바를 표시하거나 감추기 : Ctrl + Shft + ,
  • [블록] 선택한 블록을 복제 : Ctrl + Shift + D
  • [서식] 링크 제거 : Ctrl + Shift + K

5) Ctrl + Shift + Alt

  • [전역] 전체화면 모드 토글 : Ctrl + Shift + Alt + F
  • [블록] 선택한 블록을 위로 이동 : Ctrl + Shift + Alt + T
  • [블록] 선택한 블록을 아래로 이동 : Ctrl + Shift + Alt + Y

6) Shift + Alt

  • [전역] 키보드 단축키 보기 : Shift + Alt + H
  • [전역] 블록 목록 보기 열기(숨기기) : Shift + Alt + O
  • [블록] 선택한 블록을 제거 : Shift + Alt + Z
  • [서식] 선택한 텍스트에 취소선 : Shift + Alt + D
  • [서식] 현재 제목을 문단으로 변환 : Shift + Alt + 0
  • [서식] 현재 문단 또는 제목을 H1에서 H6의 제목으로 변환 : Shift + Alt + 1~6

3. 특수문자로 대표 블록 쉽게 생성하기

  • 제목 : 샵(#) 입력 후 스페이스
  • 목록 : 별(*) 또는 하이픈(-) 입력 후 스페이스
  • 인용 : 닫는 꺾쇠 괄호 (>) 입력 후 스페이스
  • 구분자 : 하이픈(-) 세개 입력 후 엔터

⚠️ 실제 해당 특수문자를 입력하려고 한 경우, Ctrl + Z 누름

4. 다양한 블록 사용해보기

1) 텍스트

텍스트 부분에서는 자주 사용해서 익숙한 문단, 제목, 목록, 인용 등은 제외하고 써보았습니다.

상세정보

상세정보 보기

이것은 상세정보 입니다. 이것은 상세정보입니다.

테이블

번호내용
1가나다

2) 미디어

갤러리

커버

깊은 수면의 중요성

미디어&텍스트

깊은 수면의 중요성

파일, 오디오, 비디오

(추가 예정)

3) 디자인

버튼

컬럼

첫번째 컬럼 첫번째 줄

첫번째 컬럼 두번째 줄

두번째 컬럼 첫번째 줄

두번째 컬럼 두번째 줄

그룹

그룹 컨테이너 1

그룹 컨테이너 2

행 첫번째

행 두번째

행 세번째

세로배열

세로 배열 첫번재

세로 배열 두번째 줄

여백 도구 (여백 사이즈 조정 가능)

구분자 (내용의 구분을 표시)


이번 포스팅을 통해 블록편집기 상단 메뉴, 빠른 작성을 위한 유용한 키보드 단축키, 블록 중 텍스트와 미디어 및 디자인 관련 블록에 대해 집중적으로 테스트 해보았습니다.

다음 블록편집기 익숙해지기 포스팅에서는 블록 중 위젯, 테마, 임베드 기능들을 알아보겠습니다. 여러가지 기능을 직접 사용해보면서 워드프레스 블록편집기에 빨리 익숙해져보려고 합니다. 감사합니다.


저프로 블로그 : Health

건강과 IT기술 관련 심플하고 유익한 이야기

  • 관련글 : (향후 추가)

Leave a Comment