워드프레스는 최근에 들어서 SEO 측면에서 좋고 자기가 원하는 스타일로 만들 수 있기 때문에 사용자가 늘어나고 있는 플랫폼입니다. 처음 시작하게 되면 테마 선택부터 하게 되는데 무료 테마를 사용하다가 워드프레스 홈화면 꾸미려고 하면 테마 기능의 한계를 보실 때가 있습니다.
특히 무료 테마일 경우에는 프로로 업그레이드를 하지 않을 경우에는 디자인 기능의 제한이 있기 때문에 더욱 원하는 스타일로 만들기 힘듭니다. 그래서 레이아웃을 원하는 구성으로 홈화면을 꾸밀 수 있는 플러그인이 있어서 소개해 드릴까 합니다.
테마에 있는 홈화면 디자인 기능은 소개하는 플러그인으로 꾸미는 것보다는 어쩌면 사용 방법이 쉬울 수 있습니다. 하지만 원하는 구성으로 만들기 힘들다는 점과 무거운 디자인이 적용되기도 해서 사이트 로딩 속도를 저하시키기도 합니다.
그래서 소개하는 플러그인을 활용하게 되면 원하는 스타일로 만들 수 있고 심플하게 만들어서 로딩 속도도 고려하실 수 있습니다.
목차
플러그인 설치
![홈화면](https://greenblog.co.kr/wp-content/uploads/2024/04/99E75B435C661FAD06_결과-768x366-1.webp)
플러그인 설치를 하는 방법은 워드프레스를 하시는 분들이라면 아실 수 있는데 설명을 드리면 워드프레스 관리자 화면에서 좌측 카테고리에 플러그인 메뉴를 보실 수 있습니다.
여기서 새로 추가로 들어가신 후에 검색창에 < Page Builder by SiteOrigin >를 검색해서 지금 설치를 누르신 후에 활성화를 하게 되면 플러그인을 사용할 수 있습니다.
그 다음 이 플러그인을 사용하기 위해서는 또 다른 플러그인도 필요한데 < SiteOrigin Widgets Bundle >이라고 검색을 하시거나 위의 화면처럼 바로 관련 플러그인으로 나오기 때문에 설치를 하시면 됩니다.
Page Builder 플러그인이 화면을 구성하는 것이라면 SiteOrigon Widgets라는 것은 다양한 위젯을 사용할 수 있게 해주는 아이템 같은 역할을 합니다.
※ 설치할 플러그인 : Page Builer by siteorigin, SiteOrigin Widgets Bundle
홈화면 설정하는 방법
![홈화면](https://greenblog.co.kr/wp-content/uploads/2024/04/993779405C6620980B_결과-768x395-1.webp)
2개의 플러그인을 설치하시게 되면 설정 메뉴에서는 SiteOrigin Widgets Bundle만 보이게 되기 때문에 홈화면을 어디서 구성하는지 찾으실 것입니다. 홈화면을 만드는 방법은 페이지 > 새페이지 추가를 눌러서 보시면 위에 빨간색 박스로 표시한 Page Builder라는 버튼을 보실 수 있습니다.
이것을 누르게 되면 워드프레스 홈화면 레이아웃을 구성하실 수 있습니다.
![홈화면](https://greenblog.co.kr/wp-content/uploads/2024/04/998951415C6622260E_결과-768x352-1.webp)
Page Builder 화면을 보게 되면 상단에 Add Widget, Add Row, Layouts, History, Live Editor, Addons로 구성되어 있습니다. 여기서 기본을 만드는 것은 Add Row, Layouts으로 화면의 레이아웃을 구성하는 기능입니다.
Add Row는 직접 레이아웃의 구성과 비율을 직접 조절할 수 있고 Layouts는 미리 구성되어 있는 것을 불러와서 수정하는 기능입니다.
![홈화면](https://greenblog.co.kr/wp-content/uploads/2024/04/99CEB53D5C66227F06_결과-768x442-1.webp)
Add Row 기능을 누르게 되면 레이아웃의 숫자를 입력하고 직접 끌어서 비율도 조절하실 수 있습니다. 뉴스 홈화면처럼 다양한 카테고리를 보여줄 때 비율 조절은 정말 필요한데 이 부분은 어렵지 않게 구성하실 수 있습니다.
그리고 Design 설정을 통해서 색까지 설정할 수 있기 때문에 멋진 홈화면을 구성하실 수 있습니다.
![홈화면](https://greenblog.co.kr/wp-content/uploads/2024/04/99E94F395C6622EC12_결과-768x446-1.webp)
Add Row는 레이아웃을 직접 구성을 해야 한다는 점에서 처음 하시는 분들은 어렵게 느껴질 수 있습니다. 그래서 플러그인 기능 중에서 Layouts를 누르게 되면 다양한 종류의 레이아웃을 보실 수 있고 선택을 하게 되면 바로 구성이 만들어집니다.
미리 보기 화면이 제공되기 때문에 자신이 원하는 스타일이 있다면 구성하는데 엄청난 시간 절약을 하실 수 있습니다.
![홈화면](https://greenblog.co.kr/wp-content/uploads/2024/04/990201415C6623301A_결과-768x445-1.webp)
Add Widgets로 들어가게 되면 현재 워드프레스에서 사용하는 위젯부터 플러그인을 설치해서 사용할 수 있는 위젯까지 목록으로 보실 수 있습니다. 너무 많이 나온다면 좌측에 카테고리에서 선택을 해서 고르시면 됩니다.
위젯은 레이아웃에서 삽입할 부분을 클릭하시고 위젯을 골라서 선택하시면 됩니다. 최신글, 이미지, 맵 등 다양한 것을 홈화면에 추가할 수 있기 때문에 원하는 형태로 만드실 때 가장 많이 선택을 하게 되는 기능이라고 할 수 있습니다.
사용 후기
제가 사용하는 무료 테마는 홈화면을 구성하는 것이 최신 글로만 할 수 있었기 때문에 구성하는 것에 대한 한계를 느꼈고 그래서 구성하는 플러그인을 찾게 되어서 사용하게 되었습니다.
구성하는 것이 사용자 정의하기를 통한 방법이 아닌 직접 레이아웃을 구성한다는 점과 사용하는 위젯을 통해서 원하는 정보를 홈화면에 보여줄 수 있기 때문에 유용하게 사용할 수 있었던 플러그인입니다.
그리고 홈화면 구성 뿐만 아니라 사이드에 구성도 만들 수 있기 때문에 이 설정을 활용해서 기본적으로 구성되어 있는 형태를 벗어나서 원하는 형태의 워드프레스를 구성해 보시기 바랍니다.