워드프레스에서 글을 작성할 때 이미지를 삽입하면 이미지는 정렬 없음 상태가 됩니다. 이미지를 가운데 정렬하도록 설정하려면 컨트롤의 '정렬 변경' 아이콘을 선택하고 중앙 정렬 옵션을 선택해야 합니다. 이 작업이 의외로 번거로울 수 있습니다. 모든 이미지를 가운데 정렬시키고 싶은 경우 간단한 CSS 코드로 가능합니다. 워드프레스 본문 이미지 가운데 정렬하기 워드프레스 블록 에디터(구텐베르크)를 사용하는 경우 이미지 블록을 사용하여 추가한 모든 이미지를 중앙 정렬하고 싶다면 다음과 같은 CSS 코드를 사용할 수 있습니다. /* 모든 이미지 중앙 정렬 */ .single .wp-block-image img { display: block; margin: 0 auto; } 또는, 다음과 같은 코드로도 가능합니다. ..

워드프레스 OceanWP 테마의 Minimal 데모를 사용하여 벤치마킹 사이트와 비슷하게 세팅하는 작업을 의뢰받아 수행했습니다. 벤치마킹 사이트에서는 썸네일에 카테고리 라벨이 표시되어 있었습니다. 위의 그림과 같이 카테고리 배지가 썸네일 위에 배치되어 있었습니다. 워드프레스 카테고리 라벨을 썸네일에 표시하기 (+OceanWP 테마) 이 기능이 OceanWP 테마에서 제공되는지 체크해보았지만 Blog 설정 페이지에서 카테고리 메타 정보를 표시할지 여부를 지정할 수 있는 옵션은 있지만 카테고리 타이틀을 썸네일에 표시하는 기능은 찾을 수 없었습니다. 벤치마킹 사이트를 살펴보니 엘리멘터 페이지 빌더용 플러그인을 설치하여 블로그 페이지를 만든 것을 확인할 수 있었습니다. 카테고리 이름을 썸네일(특성 이미지) 위에..

워드프레스의 기본 편집기인 구텐베르크(블록 에디터)에는 테이블 블록이 있어 심플한 표를 쉽게 사이트에 추가할 수 있습니다. 테이블 블록을 사용하여 표를 삽입할 때 이미지를 추가할 수 있는 옵션이 제공되지 않지만, HTML로 이미지를 삽입할 수 있습니다. 워드프레스에서 복잡한 표를 표시하고 싶은 경우 다음 글을 참고해보세요. 워드프레스: 복잡한 표 삽입하기 - 워드프레스 정보꾸러미 워드프레스 사이트에서 복잡한 표를 추가하고 싶은 경우가 있습니다. 간단한 표는 블록 에디터(구텐베르크)에서 제공하는 테이블 블록을 사용하면 편리합니다. 복잡한 테이블을 추가하고 싶은 www.thewordcracker.com 워드프레스 구텐베르크 테이블(표)에 이미지 추가하는 방법 워드프레스 테이블 블록을 사용하여 표를 삽입할 때..

워드프레스는 5.0 버전부터 구텐베르크(블록 에디터)를 기본 편집기로 탑재하고 있습니다. 블록 에디터는 초기에 많은 저항이 있었지만, 지금은 안정화되고 기능도 향상되어 성공적으로 안착한 것 같습니다. 과도한 마우스 사용으로 인한 손목터널증후군... 글을 많이 작성하는 경우 마우스 사용을 최소화하는 것이 손목 건강에 좋습니다. 저는 오랫동안 장기간 마우스를 사용하다 보니 손목터널증후군(수근관 증후군)이 와서 오른손에 문제가 발생했습니다. 손목터널증후군이 오면 쉬어야 하지만, 쉴 수가 없는 것이 현실입니다. 여러 가지 방법을 강구하다가 저는 마우스를 왼손잡이로 바꾸었습니다. 손목터널증후군 예방 - 마우스를 왼손잡이로 바꾸어보자 손목터널증후군은 현대인들의 고질병 중 하나로 가사 노동을 하는 여성들에게 많이 나..

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

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

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

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

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

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