워드프레스 Jupiter 테마 Accountant 데모에서 페이지 헤더 이미지 변경하기

인기 워드프레스 테마 중 하나인 Jupiter는 420개가 넘는 데모 템플릿을 제공합니다. 마음에 드는 데모를 로드하여 활용하면 사이트 구축 시간과 노력을 절감할 수 있을 것입니다. Jupiter 테마의 Accountant 데모에서 페이지 헤더 부분의 배경 이미지를 변경하고 싶은 경우 참고해보세요.

워드프레스 Jupiter 테마 Accountant 데모에서 페이지 헤더 이미지 변경하기

주피터 테마는 엘리멘터 페이지 빌더가 탑재되어 속도가 빠른 것으로 평가받고 있습니다. 베스트셀링 테마인 아바다(Avada)는 많은 기능과 테마 옵션을 제공하지만 최적화를 제대로 하지 않으면 속도 저하 우려가 있습니다. 속도가 중요한 경우 다목적 테마로는 Jupiter 테마가 괜찮은 선택일 수 있습니다. 블로그를 운영하는 경우에는 GeneratePress와 같은 테마를 사용하면 속도가 빠르게 나올 것입니다.

Jupiter 테마를 사용하는 경우 Jupiter X > Control Panel > Templates에서 데모(템플릿)를 검색하여 적용할 수 있습니다.

현재 400개가 넘는 템플릿이 제공됩니다. 

페이지 헤더 템플릿

Accountant 데모를 로드하면 각 페이지의 헤더에 배경 이미지가 아래 그림과 같이 표시됩니다.

Jupiter 테마 Accountant 데모의 Services 페이지.

페이지의 헤더에는 Main Header 템플릿이 적용되어 있습니다.

헤더 템플릿을 수정하려면 템플릿 > 저장된 템플릿으로 이동한 다음, Main Header 위에 마우스를 올리고 편집하기를 클릭하면 Elmentor 페이지 빌더에서 편집이 가능해집니다.

페이지 헤더 배경 이미지 변경하기

페이지를 수정하려면 페이지를 브라우저에서 연 상태에서 상단의 편집하기를 클릭하면 됩니다.

그러면 엘리멘터 페이지 빌더에서 페이지를 편집할 수 있습니다.

문구 등을 자유롭게 변경하고, 새로운 위젯(엘리먼트)을 추가하거나 페이지 내의 위젯 등을 제거하여 원하는 대로 페이지를 꾸밀 수 있습니다.

헤더 부분의 배경 이미지를 변경하려고 한참 시름하다가 겨우 방법을 찾았습니다.ㅎ

헤더 부분의 상단의 점 여섯 개 모양의 아이콘(편집 아이콘)을 선택하려면 하면 Edit Header로 바뀌면서 헤더 섹션을 원하는 대로 편집할 수가 없습니다. 대신, 헤더 섹션에서 마우스 오른쪽 버튼을 클릭하도록 합니다. 그러면 다음과 같은 컨텍스트 메뉴가 표시되는데, 섹션 편집을 클릭합니다.

섹션 편집 패널이 왼쪽에 표시되면 스타일 탭을 선택합니다. 그러면 아래 그림과 같이 배경 이미지를 삭제/교체할 수 있는 섹션이 표시됩니다.

이미지 선택을 클릭하여 새로운 이미지로 대체하거나 휴지통을 클릭하여 배경 이미지를 삭제할 수 있습니다.

새로운 이미지를 지정하면 헤더 부분의 배경 그림이 새로 지정한 이미지로 바뀝니다.

간단히 헤더 배경 이미지를 교체할 수 있지만, 처음 접하면 배경 이미지를 교체하는 방법을 찾기가 쉽지 않을 것 같습니다.

참고

avada.tistory.com/2204

워드프레스 주피터 테마 데모 설치하기

avada.tistory.com/2183

워드프레스 엔폴드 테마 데모 설치하기 (Enfold)