워드프레스 일기의 워드프레스 1710

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

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

워드프레스 유료 테마에서는 보통 푸터 저작권 정보에서 테마 개발자 이름을 제거할 수 있지만 무료 테마에서는 푸터 저작권 섹션에 사용자가 지정한 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 클래스를 지정할 수 있습니다. 매우 간단한 과정인데요. 이 과정을 움직이는 이미지를 통해 확인할 수 있습니다. 아래 ..

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

워드프레스에서 한국형 게시판을 운영하고 싶은 경우 케이보드(Koboard)나 망보드와 같은 게시판 플러그인을 사용할 수 있습니다. 케이보드에서 글 작성 에디터를 "워드프레스 내장 에디터 사용"을 선택할 경우 관리자 등 미디어 업로드 권한이 있는 사용자에게 "미디어 추가" 버튼이 표시됩니다. "미디어 추가" 버튼은 코드를 사용하여 제거할 수 있습니다. 워드프레스 케이보드 "미디어 추가" 버튼 제거하기 Kboard 게시판을 추가한 후에 해당 게시판의 기본 설정 탭에서 "글 작성 에디터" 유형을 선택할 수 있습니다. 기본적으로 선택되어 있는 textarea 사용을 선택하면 텍스트만 입력할 수 있는 에디터가 표시됩니다. 워드프레스 내장 에디터 사용을 선택하면 워드프레스 내장 에디터로 내용을 입력할 수 있습니다...

워드프레스에서 커뮤니티 사이트를 운영하려는 경우 bbPress와 BuddyPress를 사용할 수 있지만 우리나라 환경과는 다소 이질감이 느껴질 수 있습니다. Profile Grid라는 플러그인을 사용하면 부족한 커뮤니티 기능을 수월하게 추가할 수 있습니다. 이 글에서는 ProfileGrid 플러그인 설치 시 자동으로 생성되는 페이지에 대해 살펴보겠습니다. 워드프레스 포럼 커뮤니티 플러그인 ProfileGrid 설치 시 자동 생성되는 페이지 워드프레스 프로필 플러그인인 ProfileGrid는 bbPress와도 통합이 되므로 bbPress + ProfileGrid를 조합하여 워드프레스 커뮤니티 사이트를 만들 수 있습니다. ProfileGrid는 사용자 프로필 이외에도 그룹, 커뮤니티, 유료 회원제(멤버십),..

워드프레스에서 방문자나 고객으로부터 문의를 받고 싶은 경우 Contact Form 7이나 WPForms와 같은 문의폼 플러그인을 사용할 수 있습니다. 최근에는 테마나 페이지 빌더에 문의폼 기능을 추가하는 것이 추세 같습니다. 엘리멘터 페이지 빌더에서도 프로 버전에 Form 위젯이 탑재되어 별도의 컨택트 폼 플러그인을 사용하지 않고도 문의 양식을 추가할 수 있습니다.워드프레스 엘리멘터 문의폼 위젯(Form 요소)컨택트 폼 플러그인 vs. 테마/페이지 빌더에 탑재된 문의 폼최근 들어서는 테마나 페이지 빌더에 컨택트 폼 기능을 내장하는 사례가 늘고 있습니다. 예를 들어, 베스트셀링 테마인 아바다 테마에서는 자체적으로 Avada Form이라는 문의폼 기능을 제공하고 있습니다.테마나 페이지 빌더에 문의 폼 기능을..

워드프레스 유료 테마에서는 대부분 데모를 제공합니다. GeneratePress 테마에서도 Site Library라는 라이브러리에서 미리 만들어진 사이트를 로드할 수 있는 기능을 제공합니다. 이 글에서는 제너레이트프레스 테마의 사이트 라이브러리에서 사전 제작된 사이트를 로드하는 방법에 대해 살펴보겠겠습니다.참고로 랜딩 페이지를 만들려는 경우 GeneratePress나 Divi 테마 등에서 제공하는 데모를 사용할 수 있습니다. 워드프레스로 쉽게 랜딩 페이지 만들기 (feat. 엘리멘터, GeneratePress, Divi) - 워드프레스 정보꾸러미워드프레스에서 쉽고 빠르게 랜딩 페이지로 만들고 싶은 경우 미리 만들어진 템플릿을 활용하는 것을 고려할 수 있습니다. 많은 사용자들이 엘리멘터 빌더를 활용하여 랜딩..