워드프레스 GeneratePress 테마의 유료 버전에서는 사이트 라이브러리를 통해 사전 제작된 라이브러리 템플릿을 로드할 수 있습니다. 이 글에서는 제너레이트프레스 테마의 Newsroom(뉴스룸) 스킨을 로드할 경우 헤더 배경 이미지를 변경하는 방법에 대하여 살펴보겠습니다.
뉴스룸 레이아웃의 개별 포스트 헤더 배경 이미지를 특성 이미지로 바꾸는 방법에 대하여 다음 글을 참고할 수 있습니다.
- 제너레이트프레스 테마: Newsroom(뉴스룸) 스킨 홈 포스트 그리드 설정하기
- GeneratePress 뉴스룸 (Newsroom) 라이브러리: 블로그 글의 헤더 배경 이미지 변경하기
제너레이트프레스 테마: Newsroom(뉴스룸) 스킨 헤더 배경 이미지 변경하기
뉴스룸 템플릿을 로드하면 모든 페이지의 헤더에 세계 지도 이미지가 배경 이미지로 표시됩니다.
카테고리 페이지의 헤더에도 동일한 배경 이미지가 표시됩니다.
이 헤더 배경 이미지도 개별 포스트의 헤더 이미지와 비슷하게 엘리먼트로 되어 있지 않을까 추정되었습니다.
하지만 전면 페이지(Front Page) 관련 요소를 모두 체크해 보았지만 헤더 이미지가 설정된 항목은 없었습니다.
조금 살펴보니 모든 페이지의 헤더에 설정된 배경 이미지는 사용자 정의하기의 배경 이미지 섹션에서 설정되어 있는 것을 발견했습니다.
헤더 이미지를 변경하려면 워드프레스 관리자 페이지 » 외모 » 사용자 정의하기 » Background Images » Header로 이동합니다.
제거 버튼을 클릭하여 기존 헤더를 제거하거나 이미지 변경 버튼을 클릭하여 이미지를 벼경할 수 있습니다.
마치며
이상으로 GeneratePress 테마의 뉴스룸 템플릿에서 헤더 배경 이미지를 변경하는 방법을 살펴보았습니다. 그리드 형식으로 포스트를 나열하고 싶은 경우 뉴스룸 등의 데모를 선택하여 로드할 수 있지만, 비교적 심플하게 포스트를 나열하고 싶은 경우에는 사이트 라이브러리에서 템플릿을 로드하는 대신 직접 세팅을 시도해 볼 수 있습니다.
GeneratePress 테마로 워드프레스 블로그 세팅 예시 (How to Customize GP)
워드프레스 테마 중에서 GeneratePress 테마가 속도가 빠르고 커스텀하기에 좋아서 저는 거의 대부분 사이트에 이 테마를 사용하고 있습니다. 이 테마를 사용하는 사이트/블로그가 점차 늘어나는
avada.tistory.com
무료 버전을 사용하는 경우에는 CSS/PHP를 사용하여 심플한 레이아웃으로 변경하는 것도 가능합니다.다만, Element 등을 사용하여 정교하게 세팅하고 싶은 경우에는 GeneratePress 테마의 유료 버전이 시간과 노력을 절감할 수 있습니다.
참고
https://avada.tistory.com/2897
엘리멘터 무료 버전 vs. 프로 버전 비교
엘리멘터(Elmentor)는 500만 개가 넘는 사이트에 설치되어 사용되고 있는 인기 워드프레스 페이지 빌더 플러그인입니다. 엘리멘터는 무료 버전과 프로 버전으로 제공됩니다. Elementor 프로 버전에서
avada.tistory.com
https://avada.tistory.com/3046
해외웹호스팅: 클라우드웨이즈 vs. 블루호스트 비교 (Cloudways vs. Bluehost)
저는 오랫동안 블루호스트(Bluehost)를 이용해 왔으며 2021년부터는 클라우드웨이즈(Cloudways) 웹호스팅 서비스도 함께 이용하고 있습니다. 현재 메인 워드프레스 블로그는 Bluehost에서 호스팅되고 있
avada.tistory.com