워드프레스에서 글을 작성할 때 여백을 추가하고 싶은 경우가 있을 수 있습니다. 그런 경우 구텐베르크 편집기 (블럭 에디터)에 포함된 '여백 도구'(또는 워드프레스 버전에 따라 '여백 설정') 블럭을 활용하여 여백을 추가할 수 있습니다. 워드프레스 글 작성 시 여백 추가하는 방법 여백을 추가하려는 경우 블록 추가 아이콘(플러스 모양의 아이콘)을 클릭하고 디자인 섹션으로 이동하여 "여백 도구" 블록을 선택하도록 합니다. 또는, 글 작성 화면에서 간단히 "/여백"을 입력하여 여백 도구를 선택할 수 있습니다. [참고*구텐베르크 편집기(블록 에디터)에서 제공하는 키보드 단축키를 활용하면 글 작성 시 능률을 높일 수 있습니다. "시간과 능률을 향상시키는 워드프레스 구텐베르크 키보드 단축키"를 참고해보시기 바랍니다...

혹시 필요하실 분이 계실까 싶어 소개해드립니다. 요청하는 일부 클라이언트를 대상으로 매월 일정 비용을 받고 문제 해결을 해주거나 질문(질문 개수 제한)에 대하여 피드백을 제공하는 서비스를 제공해왔습니다. 이러한 서비스를 확장하여 ​ 일정 기간(예: 1년) 동안 워드프레스나 웹호스팅 등에 관한 궁금한 사항이나 문제 발생 시 문제 해결을 위한 도움을 받을 수 있는 '워드프레스 유지관리 프로그램'을 마련했습니다. 워드프레스 유지관리 프로그램(서비스) 거창한 것은 아니고, 워드프레스에 대한 궁금한 사항이 있을 때 빠르게 답변을 받을 수 있고, 워드프레스 관련 문제에 봉착했을 때 문제 해결을 직접 할 수 있도록 도움을 받을 수 있습니다. 이 메인터넌스 프로그램(서비스)은 직접 문제를 해결해주는 것이 목적이 아니고..

워드프레스 사이트에 이미지를 업로드하는 경우 이미지를 미리 편집하는 것이 일반적일 것입니다. 이미지를 업로드한 후에는 미디어 라이브러리에서 이미지 편집 기능을 사용하여 이미지, 자르기, 좌우 회전, 리사이징(크기 변경), 이미지 반전 등의 기본적인 편집이 가능합니다. 워드프레스 기본 이미지 편집 기능(자르기, 회전, 리사이징, 반전) 워드프레스에서는 미디어 라이브러리에 이미지를 업로드하거나 글을 작성할 때 이미지를 업로드할 수 있습니다. 미디어 라이브러리에 미디어 파일을 업로드한 후에 편집 링크를 클릭하여 기본적인 이미지 편집이 가능합니다. 이미지를 업로드하려면 미디어 > 새로 추가를 클릭하여 이미지를 끌어다 놓거나, 아래의 "포스트/페이지에 이미지 삽입하기" 섹션을 참고하여 이미지를 삽입할 수 있습니다..

워드프레스에서 글 작성 시에 이미지가 작게 삽입되는 경우가 있습니다. 이미지 크기가 큰 경우에도 이미지를 추가할 때 작게 삽입될 때에는 이미지 블록 속성에서 이미지 크기를 조정할 수 있습니다. 이 글에서는 워드프레스 블록 에디터와 고전 편집기에서 이미지 크기가 작게 삽입되는 경우에 그림 크기를 조정하는 방법에 대해 설명합니다. 참고로 미디어 라이브러리에 업로드한 이미지에 대하여 간단한 편집이 필요한 경우 기본적인 이미지 편집 기능을 사용하여 자르기, 회전, 이미지 리사이징 같은 편집을 할 수 있습니다. 워드프레스 기본 이미지 편집 기능(자르기, 회전, 리사이징, 반전) 워드프레스 사이트에 이미지를 업로드하는 경우 이미지를 미리 편집하는 것이 일반적일 것입니다. 이미지를 업로드한 후에는 미디어 라이브러리에..

워드프레스에서 인기글을 표시하는 방법으로 1) 조회수가 많은 글을 표시하거나 2) 댓글이 많이 달린 글을 표시하는 것을 생각해볼 수 있습니다. 뉴스페이퍼 등 일부 테마에서는 글 조회수를 카운트하는 기능이 있지만, 대부분의 테마에서는 이런 기능이 제공되지 않습니다. 조회수를 카운트하기 위해 플러그인을 설치하거나 직접 코드를 만들 수 있습니다. 조회수를 표시하는 방법이 많이 사용되지만, 카운트에 의존해야 하기 때문에 바람직하지 않을 수 있습니다. 직접 코드를 만드는 방법도 가능합니다. 이 글에서 "함수를 사용하여 워드프레스 글에 카운터 달기" 부분을 참고해보세요. 사이드바에 인기글을 표시하고 싶은 경우 WordPress Popular Posts이나 Top 10 – Popular posts plugin for..

워드프레스 미디어 라이브러리에 업로드한 이미지의 URL을 확인하여 활용해야 하는 경우가 있습니다. 그런 경우 미디어 라이브러리에서 이미지 URL을 복사하여 붙여넣기 할 수 있습니다. 또한, FTP를 통해 직접 이미지를 업로드하는 경우가 있을 것입니다. 이와 같은 경우 주의할 사항과 이미지 경로에 대해서도 간략히 살펴보겠습니다. 워드프레스 미디어 라이브러리 이미지 URL 확인하기/복사하기 이미지 URL을 직접 입력해야 상황이 있을 수 있습니다. 그런 경우 워드프레스 미디어 라이브러리에 업로드된 이미지의 URL을 쉽게 복사하여 원하는 곳에 붙여넣을 수 있습니다. 1. 워드프레스 관리자 페이지 > 미디어 >라이브러리로 이동합니다. URL 확인을 원하는 이미지 위에 마우스를 올리고 "편집"을 클릭합니다. 이미지..

워드프레스 메뉴 항목에 사용자 정의 CSS 클래스를 추가하여 특정 메뉴 아이템에 대한 스타일을 지정할 수 있습니다. 워드프레스에서 메뉴 항목에 커스텀 CSS 클래스를 추가하는 방법에 대해 간단히 살펴보겠습니다. 워드프레스 메뉴에 사용자 정의 CSS 클래스 추가 방법 메뉴에 CSS 클래스를 입력하려면 먼저 외모 > 메뉴로 이동합니다. 상단의 "화면 옵션"을 클릭합니다. 숨겨져 있던 화면 구성요소 화면이 표시됩니다. 고급 메뉴 속성 보이기 아래의 CSS 클래스를 체크합니다. 이제 메뉴 항목을 클릭하면 CSS 클래스를 추가할 수 있는 필드가 표시됩니다. CSS 클래스 필드에 사용자 정의 CSS 클래스를 지정할 수 있습니다. 매우 간단한 과정인데요. 이 과정을 움직이는 이미지를 통해 확인할 수 있습니다. 아래 ..

워드프레스에서 왼쪽 또는 오른쪽 사이드바에 고정된 메뉴나 퀵뷰를 표시하고 싶은 경우 플러그인을 사용하거나 간단한 HTML 코드로 구현이 가능합니다. 이 글에서는 퀵뷰/퀵메뉴를 만들 수 있는 몇 가지 플러그인을 소개하고 간단한 HTML/CSS를 이용한 퀵뷰 소스를 확인할 수 있습니다. 워드프레스 퀵뷰, 퀵바, 퀵메뉴 플러그인 위의 그림과 같이 화면을 스크롤해도 따라다니는 메뉴를 표시하고 싶은 경우 WP Floating Menu와 같은 플러그인을 사용할 수 있습니다. 이 플러그인은 무료 플러그인이므로 원하는대로 퀵메뉴/퀵뷰를 사이드바에 표시할 수 있는지 테스트해보시기 바랍니다. 이 무료 플러그인이 마음에 들지 않으면 WP Floating Menu Pro라는 유료 플러그인도 있습니다. 무료 플러그인보다는 기능..

워드프레스 우커머스 쇼핑몰에서 개별 상품 페이지 하단에 관련 상품을 소개하는 연관 상품 섹션이 있습니다. 연관 상품은 고객들이 흥미를 가질 수 있는 관련 상품들을 제시하여 수익을 증대시킬 수 있습니다. 하지만 경우에 따라 연관 상품을 제거하거나 비활성화하기를 원할 수도 있습니다. 우커머스 연관 상품 제거하기/숨기기/비활성화하기 아바다 테마의 Classic Shop 데모를 설치하면 상품 페이지 하단에 연관 상품들이 표시됩니다. 우커머스 전용 테마인 Flatsome에서도 상품 페이지 하단에 '연관 상품' 섹션이 표시됩니다. 이러한 연관 상품을 제거하거나 숨기고 싶은 경우 여러 가지 방법으로 가능합니다. 커스텀 CSS를 사용하여 연관 상품 숨기기 CSS 코드를 사용하여 연관 상품 섹션을 숨길 수 있습니다. C..

빈번하게 받는 질문 중 하나가 글자 크기를 줄이거나 키우는 방법에 대한 것입니다. 워드프레스에서는 상황에 따라 다양한 방법으로 글자 크기를 줄이거나 키울 수 있습니다. 워드프레스 글자 크기 조절하는 방법 테마나 플러그인에서 글자 크기 조절 옵션을 제공하는 경우 먼저는 테마나 플러그인에서 글자 크기 조절 옵션을 제공하는지 체크해보시기 바랍니다. 아바다, 엔폴드, 뉴스페이퍼 등 다목적 유료 테마를 사용하는 경우 비교적 세세하게 글자 크기를 조절할 수 있습니다. 또한, 엘리멘터 페이지 빌더와 같은 페이지 빌더를 사용하는 경우에도 비교적 상세하게 글자 크기/글자색 등을 조정할 수 있습니다. 무료 테마에서는 글자 크기 조절 옵션이 부족할 수 있습니다. CSS를 잘 모르는 경우 유료 테마를 사용하는 것이 스트레스를..