Extra로 제품 리뷰 사이트 구축 – 1부
게시 됨: 2017-09-12Extra를 사용하여 제품 리뷰 사이트를 개발하는 방법에 대한 4부 시리즈 중 1부에 오신 것을 환영합니다. 제품 리뷰 사이트 개발을 시작하는 방법에 대해 고민하고 있다면 이 시리즈가 적합합니다. 내장된 리뷰 기능과 스마트한 게시물 분류 기능을 갖춘 Extra는 멋진 리뷰, 제품 게시물 템플릿, 메가 메뉴 및 카테고리 레이아웃을 몇 분 안에 만들 수 있도록 특별히 준비되어 있습니다. 저와 함께 Extra의 힘을 살펴보세요.
나는 제품 리뷰를 좋아합니다. 사실, 나는 세상이 제품에 대해 무엇을 말하는지 확인하기 위해 FBI 수준의 철저한 조사를 수행하지 않고 요즘 거의 아무것도 사지 않습니다. 가끔 가게에 나가면(드문 경우), 나는 가게에서 선반을 바라보고 30분 동안 선반에 있는 물건에 대한 리뷰를 읽는 사람입니다. 그리고 나는 혼자가 아닙니다.
제품 리뷰 사이트는 인기가 높으며, 직접 구축해야 하는 경우 집에서 편안하게 추가 현금을 벌 수 있는 좋은 방법입니다. 비즈니스 관점에서 제품 리뷰 블로그를 만드는 데 성공하려면 상당한 작업과 많은 인내가 필요합니다. 그러나 실제 사이트를 개발하는 한 Extra에서 다루었습니다.
Extra에는 제품 리뷰를 훨씬 쉽게 추가할 수 있는 많은 내장 기능이 있습니다. 스마트 카테고리 모듈과 레이아웃은 매우 강력하고 사용자 정의하기 쉽습니다. 한 번의 클릭으로 모든 메뉴 항목을 추천 이미지가 있는 메가 메뉴로 변환할 수 있습니다. 이는 콘텐츠가 많은 사이트에 중요합니다. 또한 Visual Builder의 강력한 기능은 제품 포스트 레이아웃에 높은 수준의 디자인 기능을 추가합니다.
오늘의 게시물에서는 기본 테마 옵션 및 테마 사용자 지정 프로그램 설정에 대해 살펴보고 멋진 제품 리뷰 웹사이트를 향해 공을 굴릴 것입니다.
다음은 이 시리즈에서 구축할 내용에 대한 미리보기입니다.
시작하기 전에 고려해야 할 다른 중요한 단계를 살펴보겠습니다.
이 시리즈에서 다루지 않는 제품 리뷰 사이트에 대한 중요한 단계
이 시리즈에서는 Extra를 사용하여 제품 리뷰 사이트를 구축하고 스타일을 지정하는 기본 사항을 다룹니다. 따라서 성공적인 제품 리뷰 사이트를 구축하기 위해 수행해야 하는 다른 중요한 단계는 다루지 않겠습니다. 이러한 중요한 작업 단계 중 일부는 다음과 같습니다.
- 적절한 틈새를 찾고 초점을 좁힙니다. 이것은 쉽지 않으며 상당한 연구가 필요할 것입니다.
- 제품에 대한 제휴 수입을 조사하여 실제로 돈을 벌 수 있는지 확인합니다.
아마존은 항상 최선의 선택은 아니지만 많은 제품 리뷰 사이트에서 인기 있는 선택입니다. - Bloom 및 Mailchimp 또는 Aweber와 같은 타사 서비스를 사용하여 간단한 이메일 선택 순서 및 마케팅 캠페인 만들기.
- 훌륭한 콘텐츠를 만들거나 다른 사람에게 비용을 지불하세요.
- 검색 엔진(SEO)에 맞게 사이트를 최적화하십시오.
- 소셜 미디어로 사이트 마케팅
- 더 많은 트래픽을 생성하기 위해 틈새 시장의 다른 블로거와 협력하십시오.
물론 더 많은 단계가 있습니다.
디자인 요소 준비
- 최신 버전의 Extra가 설치되었습니다.
- 활성 하위 테마. 이 시리즈의 header.php 또는 function.php 파일과 같은 핵심 테마 파일은 편집하지 않습니다. 우리는 테마 커스터마이저와 커스텀 CSS만 사용할 것입니다.
- 어두운 배경에 사용할 밝은 색상의 로고 버전입니다. 내 로고 크기는 103×63입니다.
- 제품 이미지. 이 튜토리얼에서는 각 카테고리에 3개의 제품이 있는 4개의 카테고리가 있으므로 총 12개의 이미지를 사용합니다. 더 깔끔한 느낌을 주기 위해 흰색 배경이 있는 셔터스톡의 스톡 이미지를 사용하고 있습니다.
또한 제품 이미지의 가장 큰 버전은 1280px(웹사이트 콘텐츠 너비)이므로 이미지의 너비는 최소한 그 이상이어야 합니다. 이상적으로는 대부분의 모니터의 16:9 종횡비를 유지하기 위해 모든 이미지가 1280×720이 되도록 촬영합니다.
모든 설정? 시작하자.
Extra로 제품 리뷰 사이트 구축 – 1부
YouTube 채널 구독
테마 옵션 및 테마 커스터마이저 설정 설정.
WordPress 대시보드에서 추가 > 테마 옵션 > 일반 탭으로 이동하여 다음을 업데이트합니다.
로고: 로고를 입력합니다. 머리글의 어두운 배경을 덮을 것이므로 로고의 밝은 버전인지 확인하십시오.
파비콘: 파비콘을 입력하세요.
글로벌 액센트 색상: #222222
사이드바 위치: 사이드바 없음
설정 저장
이제 추가 > 테마 사용자 정의 > 일반 설정 > 타이포그래피 설정으로 이동 하여 다음을 업데이트하십시오.
제목 텍스트 크기: 24
본문 텍스트 크기: 20
제목 줄 높이: 1.3
제목 글꼴 스타일: B(굵게)
제목 글꼴: Oswald
본문 글꼴: Open Sans
바디 링크 색상: #e6567a
저장 및 게시
돌아가서 배경 설정을 선택하고 배경 색상을 rgba(0,0,0,0.14)로 변경합니다.
저장 및 게시
이제 테마 사용자 지정 프로그램의 기본 메뉴로 돌아가서 헤더 및 탐색 설정 > 헤더 형식 설정 을 선택하고 "중앙"을 선택합니다.
저장 및 게시
이제 돌아가서 기본 메뉴 모음 설정을 선택하고 다음을 업데이트하십시오.
메뉴 높이: 124
로고 높이: 51
텍스트 크기: 20
텍스트 색상: rgba(255,255,255,0.86)
배경색: #222222
드롭다운 메뉴 배경색: #222222
드롭다운 메뉴 애니메이션: 수직으로 뒤집기
저장 및 게시
이제 돌아가서 보조 메뉴 모음 설정을 선택하고 다음을 업데이트하십시오.
텍스트 크기: 20
배경색: #121212
드롭다운 메뉴 배경색: #121212
인기 있는 텍스트 크기: 16px
검색, 장바구니 및 아이콘 텍스트 크기: 16
검색, 장바구니 및 아이콘 배경색: #444444
그런 다음 돌아가서 고정 탐색 설정 을 선택 합니다 . 그런 다음 다음을 업데이트합니다.
로고 이미지 숨기기 선택
메뉴 높이: 60
텍스트 크기: 16
배경색: #222222
저장 및 게시
WordPress 및 Extra를 새로 설치하는 경우 홈페이지가 다음과 같아야 합니다.
제품 카테고리 설정
테마 커스터마이저 설정이 끝나면 앞으로 추가할 제품의 카테고리를 추가할 수 있습니다.
카테고리를 설정하려면 WordPress 대시보드로 이동하여 게시물 > 카테고리 로 이동합니다. 왼쪽의 새 카테고리 추가 섹션에서 첫 번째 카테고리에 대한 정보를 추가하십시오. 이 예에서는 "electronics"라는 이름의 슬러그와 "#5bd999" 색상을 사용하여 "Electronics"라는 범주를 추가하겠습니다.
그런 다음 새 범주 추가 버튼을 클릭합니다.
세 가지 범주에 대해 이 단계를 반복합니다. 다음은 내 범주의 4개 모두에 대한 정보입니다.
- 이름: 전자 제품
슬러그: 전자 제품
색상: #5bd999 - 이름: 의류
슬러그: 의류
색상: #00c0e4 - 이름: 주방
슬러그: 주방
색상: #e6567a - 이름: 건강 및 피트니스
슬러그: 건강 및 피트니스
색상: #7658f8
참고: 색상은 사이트 디자인에서 중요한 역할을 하므로 색상을 추가해야 합니다.
카테고리 추가가 완료되면 시리즈의 1부가 완료됩니다!
출시 예정: 제품에 대한 게시물 추가 및 게시물 레이아웃 구축
이 시리즈의 2부에서는 게시물 콘텐츠를 추가하고 제품 게시물을 위한 새 레이아웃을 구축하기 시작합니다. Extra에 제품 리뷰 게시물을 추가하는 것은 기본적으로 일반 게시물을 추가하는 것과 같기 때문에 블로그 게시물 작성 및 Divi Builder 사용에 익숙하다면 다음 단계에 문제가 없을 것입니다. 이 모든 것이 처음이라면 Extra로 빌드하는 방법을 배울 수 있는 좋은 기회라고 생각하십시오.
다음은 시리즈의 2부에서 구축할 제품 게시물 중 하나의 예입니다.
질문이나 피드백이 있으면 언제든지 의견을 게시하십시오.
건배!