워드프레스를 사용하다 보면 아카이브(Archive)란 다소 생소한 용어를 접하게 될 것입니다. 아카이브는 워드프레스에서 '보관물'이라고도 번역되며 아카이브 페이지는 카테고리, 글쓴이, 날짜, 태그 등을 기준으로 그룹화된 글 모음(a collection of posts)라고 할 수 있습니다. 워드프레스 아카이브(Archive) 페이지 Archive의 사전적인 의미는 다음과 같습니다. A repository or collection especially of information. (특정 정보의 저장소 또는 모음) 워드프레스에서도 의미는 동일합니다. 워드프레스에서 아카이브는 카테고리, 작성자, 날짜, 태그 등을 기준으로 그룹으로 묶은 글들을 모아놓은 것이라고 생각하면 됩니다. 예를 들어, 카테고리 페이지도 아..

엘리멘터 페이지 빌더의 우커머스 상품(Woocommerce Products) 위젯을 사용하여 우커머스 상품들을 컬럼 형식으로 나열할 수 있습니다. 전체 상품 또는 특정 카테고리 내의 상품들을 표시하거나 세일 중인 상품들이나 추천 상품들을 표시하는 등 다양한 옵션이 제공됩니다. [참고*엘리멘터 프로의 테마 빌더를 사용하면 우커머스 아카이브 페이지와 우커머스 상품 페이지 템플릿을 만들어 커스텀할 수 있습니다. 자세한 정보는 엘리멘터 공식 문서를 참조해보세요.*] 워드프레스 엘리멘터 우커머스 상품 (Woocomerce Products) 위젯 WooCommerce Products 위젯은 Elementor Pro에서 제공되는 기능 중 하나로 특정 카테고리의 상품들이나 할인 중인 상품들을 상품들을 원하는 곳에 나열..

워드프레스 GeneratePress 테마는 빠른 속도 때문에 우리나라에서도 수익형 블로그에 많이 사용되고 있습니다. 제너레이트프레스 테마에서는 테마 옵션을 통해 전체적으로 사이드바를 설정할 수 있고, 개별 페이지와 글에서도 사이드바 레이아웃을 지정할 수 있습니다. 워드프레스 GeneratePress 테마 사이드바 설정하기 아바다나 뉴스페이퍼와 같은 다목적 테마를 사용하면 페이지에 따라 다른 사이드바를 지정하는 등 정교한 설정이 가능합니다. GeneratePress 테마의 경우 페이지에 따라 다른 사이드바를 지정하는 옵션은 제공되지 않지만, 페이지/글에 따라 사이드바 레이아웃을 다르게 지정하는 것은 가능합니다. 예를 들어, 특정 글이나 페이지에 사이드바를 표시하지 않거나 사이드바 위치를 다르게(가령, 전체..

워드프레스 Divi 테마용 무료 패션 디자이너 레이아웃(Fashion Designer Layout Pack)이 공개되었습니다. Divi 테마 개발사인 Elegant Themes에서는 매주 레이아웃 팩을 Divi 빌더에 추가하고 있습니다. 워드프레스 Divi 테마용 무료 패션 디자이너 레이아웃 팩(Fashion Designer Layout Pack) 공개 Divi 테마를 판매하는 Elegant Themes는 매주 새로운 무료 레이아웃 팩을 제작하여 Divi 라이브러리에 추가하고 있습니다. 현재 242개 레이아웃 팩과 1782개의 레이아웃을 Divi 빌더 라이브러리에서 로드할 수 있습니다. 지난번에 Blogger 레이아웃 팩을 소개한 이후에 NGO, Film Lab, Essential Oils(에센셜 오일)..

엘리멘터 페이지 빌더에서 컬럼 구조를 추가하는 경우 반응형으로 작동합니다. 즉, 기기 해상도에 따라 컬럼 개수가 자동으로 조정됩니다. 가령, 2개 컬럼 구조를 추가하면 PC에서는 2개 열로 표시되지만 모바일에서는 한 행에 1개 열로 표시됩니다. 모바일에서도 한 행에 2개 컬럼으로 표시되도록 컬럼 너비를 지정하여 모바일 컬럼 개수를 변경할 수 있습니다. 워드프레스 엘리멘터 모바일 컬럼 개수 변경하기(+컬럼 너비 설정) 워드프레스 Elementor 페이지 빌더에서는 새 섹션 추가 버튼을 클릭하여 컬럼 구조를 추가할 수 있습니다. 위의 그림에서 더하기 아이콘(새 섹션 추가)을 클릭하면 다음과 같이 컬럼 구조를 선택할 수 있는 섹션이 표시됩니다. 다양한 섹션 구조를 선택할 수 있습니다. 예를 들어, 2개 열로 ..

워드프레스 GeneratePress 테마에서는 사이트 라이브러리를 통해 미리 만들어진 템플릿을 로드하여 활용할 수 있습니다. Merch 템플릿은 우커머스 쇼핑몰이나 블로그 사이트 운영에 활용할 수 있는 레이아웃 중 하나인 것 같습니다. Merch 데모를 로드하면 블로그 글에는 사이드바가 표시되지 않습니다. 이 글에서는 제너레이트프레스 테마의 블로그 포스트에 사이드바를 설정하고 너비를 조정하는 방법에 대해 살펴보겠습니다. GeneratePress 테마 포스트 사이드바 너비 조정하기(+Merch 템플릿) 제너레이트프레스 테마에서는 Site Library를 통해 미리 제작된 레이아웃을 로드하여 활용할 수 있습니다. 사이트 라브러리에서 데모를 로드하는 방법은 다음 글을 참고해보세요. 워드프레스 GenerateP..

엘리멘터는 현재 500만 개가 넘는 사이트에 설치되어 사용되고 있는 인기 워드프레스 페이지 빌더입니다. Elementor 무료 버전으로도 코딩 지식 없이 웬만한 사이트를 만들 수 있지만, 커스텀이 필요한 경우 엘리멘터 프로를 사용하면 시간과 노력을 절감할 수 있습니다. 엘리멘터 프로에 탑재된 테마 빌더(Theme Buider)로 헤더, 푸터, 싱글 포스트, 페이지, 아카이브(카테고리, 태그 등), 검색 페이지, 404 에러 페이지 등의 템플릿을 수월하게 만들어 적용할 수 있습니다. 이 글에서는 테마 빌더로 포스트 템플릿을 만드는 방법을 살펴보겠습니다. 워드프레스 엘리멘터 테마 빌더로 포스트 템플릿을 만드는 방법 Elementor Pro의 Theme Builder를 사용하면 헤더에서 푸터까지 사이트의 각 ..

워드프레스 유료 테마에서는 보통 푸터 저작권 정보에서 테마 개발자 이름을 제거할 수 있지만 무료 테마에서는 푸터 저작권 섹션에 사용자가 지정한 Copyright 정보와 함께 테마 개발자 이름과 사이트 링크가 함께 표시될 수 있습니다. 이 경우 테마 파일을 직접 수정하거나 CSS를 사용하여 테마 개발자 이름을 제거할 수 있습니다. 아래에서는 무료 워드프레스 테마 Krystal 푸터 저작권 정보에서 테마 개발자 이름을 제거하는 방법에 대하여 살펴보겠습니다. 무료 워드프레스 테마 Krystal 푸터 저작권 정보 수정하기 Krystal 테마의 카피라이트(Copyright) 정보는 워드프레스 알림판 > 외모 > 사용자 정의하기 > Footer Settings에서 변경할 수 있습니다. Footer copyright..

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

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