워드프레스 홈 화면 꾸미는 그리드 플러그인

워드프레스에서 홈 화면(전면 페이지)는 다양한 플러그인을 통해서 꾸밀 수 있지만 간단한 그리드 형식을 원하시는 분들이 많을 것입니다. 테마에 해당 기능이 있다면 플러그인을 설치할 필요가 없지만 없을 경우에는 그리드 플러그인을 사용하면 쉽게 적용할 수 있습니다.

그리드 플러그인 종류는 많이 있는데 그 중에서 Post Grid 는 많은 사용자를 보유하고 있어서 저도 설치를 하였으며 사용 방법도 어렵지 않아서 소개를 드리고자 합니다. 현재 제 사이트 전면 페이지는 그리드 플러그인을 사용한 것이 아닌 테마에 있는 기능을 이용한 점은 참고바랍니다.

1. 플러그인 설치

홈 화면

관리자 화면에서 플러그인 > 상단 새로 추가 > 검색 창에 Post Grid 하시게 되면 빨간색 박스로 표시한 플러그인을 찾을 수 있을 것입니다. 지금 설치 버튼 누르고 활성화해주시면 됩니다. – Post Grid 플러그인 소개 페이지

2. 그리드 새로 추가

홈 화면

플러그인을 설치하게 되면 관리자에 Post Grid 메뉴가 생기게 됩니다. 플러그인 상위 메뉴를 클릭하신 후에 상단에 있는 Add New 버튼을 클릭해서 그리드를 만들거나 하위 메뉴에 있는 Add New를 클릭하셔도 됩니다.

홈 화면

Add New 버튼을 누르게 되면 홈 화면 그리드 만들기 화면이 나오게 되는데 여기서 제일 상단에 제목을 먼저 입력하시면 됩니다. 영어로 되어 있기 때문에 크롬 브라우저를 사용할 경우에는 마우스 우 클릭해서 한국어로 번역을 하시면 편합니다.

3. 그리드 설정

홈 화면

제목을 입력하였다면 그리드를 설정해야 하는데 쿼리 게시물은 어떤 것을 홈 화면에 보여줄 것인지 설정하는 곳입니다. 게시물 유형을 보게 되면 기본적으로 글(포스팅)이 나오게 설정되어 있는 여백을 클릭해서 목록을 열면 다른 게시물을 선택하실 수 있습니다.

READ  WP phpMyAdmin 활용한 오래된 게시물 삭제

홈 화면

다양한 옵션들이 있지만 가장 중요하다고 할 수 있는 한 페이지에 나오는 글(포스팅) 숫자를 설정하는 것으로 스크롤을 내려서 보게 되면 페이지당 게시물을 볼 수 있을 것입니다. 여기서 원하는 숫자를 입력하시면 됩니다.

홈 화면

그 다음 아이템 스타일로 들어가게 되면 그리드 항목들의 높이를 정할 수 있습니다. 데스크탑, 태블릿, 모바일까지 정할 수 있기 때문에 각 기기마다 원하는 크기로 조정하실 수 있을 것입니다. 이 밖에도 다양한 설정들이 있지만 많기 때문에 기본적인 것만 설명을 드리고 적용하는 방법을 알아보겠습니다.

4. 홈 화면 그리드 적용

홈 화면

그리드 설정을 완료하고 All Post Grid 로 들어가게 되면 목록에 나오게 됩니다. 여기서 숏코드(Shortcode) 빨간색 박스로 표시한 부분을 복사해주시면 됩니다.

홈 화면

그리드 숏코드를 복사했다면 페이지 > 새로 추가해서 제목을 입력하신 후에 위에 보이는 것처럼 숏코드를 붙여넣기해서 그리드 페이지를 만들어주시면 됩니다.

홈 화면

그리드 페이지를 만들었다면 이제 홈 화면에 적용해줘야 하는데 관리자 화면에서 설정 > 읽기로 들어가서 정적인 페이지 선택해주시고 홈페이지에서 만든 그리드 페이지를 선택하시면 적용됩니다.

▶ 워드프레스 스팸 댓글 차단하는 2가지 방법

▶ 갤러리 플러그인 가장 인기가 좋은 FooGallery

▶ 카테고리나 페이지마다 다른 위젯을 사용하기

Share on:

댓글 달기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다

Scroll to Top