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

인기 워드프레스 페이지 빌더인 엘리멘터(Elementor)를 사용하면 코딩 지식이 부족해도 쉽게 사이트를 만들 수 있다는 장점이 있습니다. 엘리멘터 컬럼 전체에 링크를 거는 옵션은 제공되지 않습니다. 특정 엘리멘터 컬럼에 링크를 설정하고 싶은 경우 아래의 방법을 시도해볼 수 있습니다. 이 방법은 워드프레스 기본 에디터인 블록 에디터에서 특정 블로그 전체에 링크를 걸고 싶을 때에도 비슷하게 응용할 수 있습니다. 원리만 이해하면 특정 Div 요소에 쉽게 링크를 지정할 수 있습니다. 워드프레스 엘리멘터 컬럼에 링크 거는 방법 플러그인을 이용하여 엘리멘터 컬럼 링크 걸기 - Make Column Clickable Elementor 쉬운 방법으로 엘리멘터 페이지 빌더용 플러그인인 Make Column Clicka..

인기 워드프레스 테마 중 하나인 Divi 테마는 Divi Builder라는 자체 페이지 빌더가 탑재되어 있고, 비주얼 빌더(Visual Builder)로 프런트 엔드에서 편집이 가능하여 쉽게 사이트를 만들 수 있습니다. Divi 테마를 사용하는 경우 Divi 빌더의 Video Slider를 사용하여 YouTube와 같은 영상이나 MP4 또는 Webm 동영상을 직접 업로드하거나 URL로 입력하여 동영상 슬라이드를 만들 수 있습니다. 레볼루션 슬라이더와 같은 외부 슬라이더 플러그인을 사용할 필요가 없습니다. 워드프레스 Divi 테마의 동영상 슬라이더 (Video Slider) 사용 방법 워드프레스 Divi 테마에서 동영상 슬라이더(비디오 슬라이더)를 추가하고 싶은 경우 다음 단계에 따라 동영상 슬라이드를 만..

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

워드프레스 검색 시 Search Results for: 문구는 보통 테마의 search.php 파일을 커스텀하거나 Loco Translate와 같은 플러그인을 사용하여 번역할 수 있습니다. 엘리멘터 프로에서 아카이브 페이지 또는 검색 결과 페이지 템플릿을 만든 경우 "Search Results for:" 문구를 Loco Translate 플러그인을 사용하여 번역할 수 없습니다. 엘리멘터 프로를 사용하는 경우 다음과 같은 방법으로 Search Results for: 텍스트를 한글로 바꾸고 검색 결과 아카이브 템플릿을 커스텀할 수 있습니다. 참고로 엘리멘터의 Theme Builder를 통해 Archive(아카이브) 템플릿을 만들면, 검색 시 "검색 결과 아카이브" 템플릿이 없을 경우 "아카이브" 템플릿을 통..

워드프레스 인기 매거진, 블로그 테마 중 하나인 뉴스페이퍼 테마는 tagDiv Composer라는 페이지 빌더가 사용됩니다. tagDiv Composer는 뉴스 사이트, 블로그 사이트 운영에 필요한 매거진 관련 블록을 다수 제공합니다. tagDiv Composer에서 작업을 하다 보면 빈 컬럼(Empty Column)이 잘 삭제가 되지 않아 신경이 쓰이는 경우가 있습니다. 아래의 방법을 통해 뉴스페이퍼 테마에서 빈 컬럼을 쉽게 삭제할 수 있습니다. 워드프레스 뉴스페이퍼 테마에서 빈 컬럼 삭제하기 Newspaper 테마에서 빈 컬럼을 삭제하는 데 어려움을 겪는 경우 다음과 같은 방법으로 삭제가 가능합니다. 1. 빈 칼럼(Empty Column)을 선택합니다. 그러면 아래 그림과 같이 왼쪽 모서리에 행 설정..

며칠 전에 아마존 AWS에서 호스팅되는 워드프레스 사이트를 국내 호스팅 중 하나인 카페24로 이전하는 작업을 맡았습니다. Amazon AWS/라이트세일을 이용하면 사이트 속도가 빨라서 SEO에 유리한 면이 있지만 서버를 직접 운영해야 하기 때문에 관리상에 어려움과 많은 스트레스를 겪을 수 있습니다. 블로그를 시작하는 경우 아마존 서비스보다는 국내 호스팅이나 여러 개를 운영한다면 가성비가 좋은 블루호스트와 같은 서비스를 이용하는 것이 스트레스를 덜 받고 글쓰기에 집중할 수 있어 괜찮은 옵션일 수 있습니다. 아마존 AWS에서 국내 호스팅으로 워드프레스 이전 작업 아마존 AWS에서 호스팅 중인 사이트의 문제 해결과 사이트 이전 요청을 받았습니다. 하지만 사이트에 접속하니 504 Gateway Time-out ..

뉴스, 매거진, 블로그 사이트 운영에 적합한 워드프레스 뉴스페이퍼 테마는 Theme panel에서 헤더부터 푸터까지 모든 요소를 설정할 수 있습니다. Header 섹션에서는 헤더와 관련된 요소를 선택할 수 있는데, 헤더 스타일을 선택할 수 있는 옵션도 제공됩니다. 하지만 다음 그림과 같이 Header Style(헤더 스타일) 부분이 없는 경우가 있습니다. 워드프레스 뉴스페이퍼 테마에서 헤더 스타일이 표시되지 않는 경우 뉴스페이퍼 테마를 사용하는 경우 테마의 기본 기능을 사용하여 사이트를 구성하는 것과 클라우드 템플릿을 사용하는 두 가지 방법이 있습니다. Newspaper > Plugins에서 뉴스페이퍼 테마에 포함된 플러그인을 설치할 수 있습니다. tagDiv Composer는 뉴스페이퍼 테마에서 사용되..

사이트를 운영하다가 사이트의 도메인을 변경해야 하는 상황이 간혹 있습니다. 사이트 도메인을 변경하는 경우 SEO에서 손해를 보지 않기 위해 301 리디렉션 설정을 하는 등의 조치를 취해야 합니다. 서브도메인에서 메인 도메인으로의 마이그레이션(예: blog.example.com에서 example.com으로 이전)은 그 결과를 예측하기 어렵다고 구글의 존 뮬러(John Mueller)는 최근 영상에서 밝히고 있습니다. 사이트 주소 변경 사이트 주소를 변경하면 기존 사이트 주소로 유입되는 트래픽을 새로운 사이트 주소로 이동하도록 301 리디렉션을 설정하고, 구글 서치 콘솔(Google Search Console)에서 주소 변경 신청을 할 수 있습니다. 저는 최근 가입형 워드프레스(WordPress.com)에서..

워드프레스 Sydney 테마는 한 때 많은 인기를 얻었지만 크게 성장하지 못하고 인기가 예전만 못한 것 같습니다. 이 테마는 현재 10만 개가 넘는 사이트에 설치되어 사용되고 있으며, 기본 페이지 빌더로 Page Builder by SiteOrigin이 사용되었지만 이제는 Elementor로 바뀌었습니다. 시드니 테마의 무료 버전에서는 푸터 저작권 문구를 변경할 수 없었지만, 이제는 사용자 정의하기에서 저작권 텍스트를 변경할 수 있는 옵션이 제공됩니다. 워드프레스 Sydney 테마 푸터 저작권 문구 변경하기 시드니 테마를 활성화하면 사이트 하단에 "Proudly powered by Sydney"(Sydney에서 제공) 문구가 표시됩니다. 이 문구를 삭제하고 저작권 문구를 변경하고 싶은 경우 워드프레스 알..