워드프레스 아바다 테마에서 페이지 제목 표시줄에 배경 이미지 설정하기

아바다 테마에서 개별 페이지의 제목 표시줄에 배경 이미지를 달리 설정하고 싶은 경우가 있습니다. 예를 들어, 회사 소개 페이지에는 회사 건물 그림을, 연락처 페이지에는 전화를 받고 있는 이미지 등 페이지 내용에 맞게 배경 이미지를 설정할 수 있습니다.

이 경우 개별 페이지의 편집 화면에서 Fusion Page Options > Page Title Bar에서 페이지 제목 표시줄에 대하여 상세한 옵션을 지정할 수 있습니다.

워드프레스 아바다 테마에서 페이지 제목 표시줄에 배경 이미지 설정하기

우선 Page Title Bar에서 페이지 표시줄을 표시할 것인지를 설정할 수 있고, Breadcrumbs/Search Bar에서는 브레드크럼이나 검색 상자를 표시할지 여부를 지정할 수 있습니다.

브레드크럼을 표시하면 구글 검색엔진에 반영되므로 SEO(검색엔진최적화) 측면에서 유리합니다.

페이지 제목 부분에 배경 색상이나 배경 이미지를 지정하려면 맨 아래 부분으로 스크롤합니다.

워드프레스 아바다 테마에서 페이지 제목 표시줄에 배경 이미지 설정하기

Page Title Bar Background에서 배경 이미지를 지정할 수 있습니다. 그리고 위의 그림에서는 안 보이지는 바로 위에 있는 Page Title Bar Background Color 옵션에서 배경색을 지정하는 것도 가능합니다.

Page Title Bar Background에서 배경 이미지를 지정하고 저장한 다음 페이지를 새로 고침해보면 지정된 배경 이미지가 표시됩니다. 100% Background Image 옵션에서 배경 이미지를 100% 크기로 지정할지 여부를 선택할 수 있습니다.

워드프레스 아바다 테마에서 페이지 제목 표시줄에 배경 이미지 설정하기

Avada 테마는 코딩을 모르는 사용자들을 위해 많은 테마 옵션과 페이지 옵션을 제공하여 고급 사용자뿐만 아니라 초보자도 쉽게 워드프레스 사이트를 만들 수 있도록 배려하고 있습니다.

테마 옵션이 모두 영문으로 되어 있어 영어에 익숙하지 않은 경우 옵션 내용을 모두 이해하기에는 약간 어려움을 겪을 수도 있을 것입니다.

아바다 테마의 테마옵션 UI를 한글로 번역하기“에서 시간을 조금씩 할애하여 아바다 테마 UI를 한글화하여 업데이트하고 참고해보시기 바랍니다.

2 thoughts on “워드프레스 아바다 테마에서 페이지 제목 표시줄에 배경 이미지 설정하기”

  1. 궁금한게 있어요 아바다테마 현재 예전부터 커스터마이징까진아니어도 하나하나 손보면서 해왔는데

    데모버젼을 임폴턴트하면 기존사이트 옵션들 소스들 다 대체되서 사라지나요? 아니면

    페이지들만 생성되서 그걸 설정할지 대체할지로 나오는건가요? 궁금하네요

    응답
    • 안녕하세요?

      아바다 데모 설치 화면에서 임포트할 요소를 선택할 수 있습니다.

      https://www.thewordcracker.com/basic/how-to-install-and-remove-demo-content-in-wordpress-avada/ 글을 참고해보세요.

      또, 임포트하기 전에 기존의 데모를 제거하는 옵션도 제공됩니다.
      사용자가 만든 글, 페이지 등의 콘텐츠는 그대로 유지될 것입니다.

      혹시 모르니까 데모를 적용하기 전에 백업을 하시면 좋을 듯 합니다.

      응답

Leave a Comment