워드프레스 기본 편집기인 블록 편집기("구텐베르크")에서는 블록 단위로 글자 크기, 글자색, 배경색 등을 적용할 수 있습니다. 블록 내의 특정 텍스트나 단어만 글자 크기나 글자색을 다르게 하고 싶은 경우가 있습니다. 이 경우 HTML 편집 기능을 사용하여 HTML 코드로 텍스트 크기나 텍스트 컬러를 변경할 수 있습니다. 또는, 심플한 플러그인을 설치하여 쉽게 변경할 수도 있습니다. 이 글에서는 블록 에디터에서 일부 텍스트의 글자색을 다르게 설정하는 방법에 대하여 살펴보겠습니다. 기본적인 개념은 이 블로그의 이전 글에서 설명했던 글자 크기 변경과 동일합니다. 워드프레스 글쓰기에서 특정 텍스트/어구의 텍스트 크기 설정하기 워드프레스 5.0 이상에서는 구텐베르크 편집기(블록 에디터)가 기본 에디터로 통합되어 ..

워드프레스 구텐베르크(블럭 에디터)에서 블럭을 선택할 경우 표시되는 블럭 툴바의 위치를 블럭 바로 위나 상단에 표시하도록 지정할 수 있습니다. 블럭 툴바를 블럭 바로 위에 표시하도록 설정하면 해당 블럭 위쪽에 있는 블럭을 가리게 됩니다. 이 때문에 글을 작성하는 것이 불편하다면 블럭 도구 표시줄을 상단에 표시하도록 상단 툴바 옵션을 활성화할 수 있습니다. 워드프레스 구텐베르크 블럭 툴바 위치 변경하기 (상단 툴바 활성화) 구텐베르크(블럭 편집기)를 사용할 때 블럭을 선택하면 아래 그림과 같이 블럭 바로 위에 블럭 툴바가 표시될 수 있습니다. 블럭 툴바는 선택하는 블럭에 따라 표시되는 항목이 조금씩 다릅니다. 아래는 이미지 블럭을 추가할 때의 블럭 툴바를 보여줍니다. 위와 같이 블럭 바로 위에 툴바가 표시..

워드프레스에서 글을 작성하거나 편집 시 비주얼 편집기로 열리지 않고 코드 편집기(텍스트 모드)로 열리고 비주얼 에디터로 전환할 수 없는 경우가 있습니다. 이 경우 비주얼 편집기가 비활성화되도록 설정되어 있을 수 있습니다. 비주얼 편집기 비활성화 옵션을 해제하면 정상적으로 블록 에디터의 비주얼 편집기로 포스트 작성 화면이 열립니다. 워드프레스 글 편집 시 코드 편집기(텍스트 모드)로만 열리는 경우 글을 작성하거나 수정할 때 다음 그림과 같이 텍스트 모드(코드 편집기)가 열리고 비주얼 편집기로 전환되지 않을 수 있습니다. 일반적으로 상기와 같이 코드 편집기가 표시되더라도 구텐베르크(블록 에디터)에서는 비주얼 편집기로 전환할 수 있는 옵션이 제공됩니다. ([**Ctrl+Shift+Alt+M**] 단축키를 누르..

워드프레스 기본 에디터인 블록 에디터(구텐베르크)에서 사용자 정의 HTML 코드를 추가하고 싶은 경우 사용자 정의 HTML 블록을 사용할 수 있습니다. 이 블록을 사용하여 HTML 코드를 삽입할 수 있지만 자바스크립트(JavaScript) 코드는 삽입할 수 없습니다. 자바스크립트는 숏코드를 만들어 추가하거나 자바스크립트를 로드하는 방식으로 추가할 수 있습니다. 워드프레스 블록 에디터(구텐베르크)에 HTML 코드 추가하기 엘리멘터 페이지 빌더나 아바다 테마의 아바다 빌더, Divi 테마의 디비 빌더 등에서는 HTML 코드를 추가할 수 있는 요소/위젯을 제공합니다. 일부 페이지 빌더에서는 자바스크립트 코드를 추가할 수도 있지만 자바스크립트는 워드프레스 권장하는 방식으로 로드하는 것이 바람직합니다. 엘리멘터 ..

워드프레스에서는 다양한 방식으로 갤러리를 만들 수 있습니다. 무료 엘리멘터 페이지 빌더나 아바다, 엔폴드 등에 탑재된 페이지 빌더에서도 비슷한 기능을 제공합니다. 보다 정교한 갤러리를 원하는 경우 갤러리 플러그인을 사용할 수도 있습니다. 포스트에 갤러리 형식으로 이미지를 나열하고 싶은 경우 기본 에디터인 구텐베르크에서 제공하는 갤러리 블록을 사용할 수 있습니다. 워드프레스 구텐베르크 갤러리 기능 (기본 에디터) 엘리멘터 페이지 빌더의 갤러리 엘리먼트 인기 페이지 빌더인 Elementor에서는 두 가지 종류의 갤러리가 제공됩니다. 기본 갤러리와 프로 갤러리가 그것입니다. 기본 갤러리는 무료 버전에서 제공되고, 위의 그림에서 영어로 되어 있는 Gallery 엘리먼트는 엘리멘터 프로 버전에서만 사용이 가능합니..

오늘 새벽에 워드프레스 5.7 업데이트가 릴리즈되었습니다. 워드프레스 5.7은 2021년도의 첫 번째 메이저 릴리즈입니다. 이번 버전에는 구텐베르크가 크게 개선되었고, 이외에 iframe 레이지 로딩 기능 등이 추가되었습니다. (이미지 레이지 로딩 기능은 워드프레스 5.5에서 추가되었습니다.) 워드프레스 5.7 업데이트 공개 - 드래그 앤 드롭으로 블록 삽입 기능 추가 2021년 3월 9일(우리나라 시각으로는 3월 10일 새벽)에 워드프레스 5.7 버전이 공개되었습니다. 일부 사이트는 자동으로 업데이트가 될 수가 있지만, 메이저 업데이트는 자동으로 업데이트가 안 되는 경우가 대부분일 것입니다. 업데이트하기 전에 가능한 경우 백업을 받아놓으시기 바랍니다. 특히 중요한 사이트인 경우 백업을 받을 것을 강력히..

곧 출시될 워드프레스 5.0에서는 구텐베르크(Gutenberg) 에디터가 코어에 탑재되어 기존 에디터를 대신하게 됩니다. 구텐베르그 에디터는 위지위그(WYSIWYG: What You See Is What You Get, "보는 대로 얻는다") 에디터로 쉽게 글을 작성할 수 있도록 제작되었습니다. 현재 구텐베르크 플러그인은 완성된 상태가 아니고 기능을 계속 보강해 나가고 있습니다. 워드프레스 플러그인 페이지에서 Gutenberg를 검색하여 직접 설치해볼 수 있습니다. 하지만 구텐베르크에 대하여 사용자들의 불만이 매우 많은 상태입니다. 최근 사용자들의 평가를 캡처해 보았습니다. 실제 전체 평가에서도 5점 만점에 2.7을 기록하고 있습니다. Listen the users라는 코멘트도 있네요. 사용자들의 불만을..