워드프레스 Betheme 테마 데모 설치 및 Subscribe 메뉴 버튼 변경

워드프레스에서는 다양한 테마를 사용하여 사이트를 구축할 수 있습니다. 제가 아는 웹 디자이너분들은 베스트셀링 테마인 아바다 테마나 Divi 테마, Betheme과 같은 테마를 사용하거나 엘리멘터(Elementor)를 사용하여 거의 모든 사이트를 제작하고 있습니다. 아바다, Divi, Betheme은 다목적 테마로서 거의 모든 사이트 구축에 사용이 가능합니다. Betheme은 우리나라 환경에 적합한 테마 중 하나로 평가되어 일부 사용자들이 선호합니다.

어제 싱가포르에서 사업을 하는 클라이언트의 의뢰에 따라 싱가포르 웹호스팅 서버에 워드프레스를 수동으로 설치하고 Betheme 테마의 데모를 설치하는 작업을 진행했습니다. 데모 설치 후에 Subscribe 버튼의 문구와 링크를 변경하는 방법에 대하여 문의를 받아서 Subscribe 버튼을 변경하는 방법에 대하여 살펴보았습니다.

워드프레스 Betheme 테마 데모 설치 및 Subscribe 메뉴 버튼 변경

Betheme 테마 데모 설치하기

Betheme 테마를 설치하고 라이선스를 등록하면 Betheme » Pre-built websites에서 사전 제작된 웹사이트(데모)를 선택하여 로드할 수 있습니다.

참고로 Betheme, 아바다 등과 같은 Themeforest 테마는 한 개의 사이트에 설치가 가능합니다.

Betheme은 현재 726개의 데모를 제공하고 있습니다. 마음에 드는 데모를 로드하여 텍스트, 이미지 등만 교체하여 새로운 사이트를 만드는 것이 가능합니다.

많은 데모 중에서 Landing 4를 설치했습니다.

이 데모는 Betheme 테마의 자체 빌더인 BeBuilder과 외부 페이지 빌더인 Elementor용 버전이 있습니다.

Betheme은 원래 자체 빌더용 데모만 제공했지만, 엘리멘터가 인기를 끌면서 기존 데모를 Elementor용으로도 변환하여 제공하고 있습니다.

엘리멘터용 데모를 선택하면 사용자 입장에서는 편리하지만 사이트 속도면에서는 BeBuilder용 데모가 유리할 수 있습니다. 현재는 만은 사용자는 Elementor용 데모를 선택하는 것 같습니다.

Next step 버튼을 누르면 전체 사이트 데모를 로드할지, 아니면 일부 데이터만 선택할지를 선택하는 화면이 표시됩니다.

데모 사이트와 동일하게 만들려면 Complete website를 선택합니다. 미디어 파일과 레볼루션 슬라이더(Revolution Slider) 데모가 함께 로드됩니다.

데모 사이트에 필요한 플러그인도 함께 설치가 됩니다. Start installation 버튼을 클릭합니다.

데이터베이스 리셋(Database Reset) 팝업이 표시됩니다. 모든 글, 커스텀 포스트, 페이지, 메뉴, 카테고리, 댓글, 슬라이더 등이 초기화되며, 사용자와 비밀번호, wp_options, 서버 내의 파일들은 유지됩니다.

Delete 버튼을 누르면 DB가 초기화됩니다. 기존 데이터를 유지하려면 Skip 버튼을 누릅니다. (DB를 초기화하려는 경우 미리 백업을 받을 것을 권장합니다!!!)

데모 설치가 진행됩니다.

데모 설치가 완료되면 Check your website 버튼을 눌러 사이트를 확인할 수 있습니다.

Subscribe 버튼 문구 및 링크 변경하기

Landing 4 데모를 로드하면 메뉴 오른쪽에 Subscribe(구독) 버튼이 표시됩니다.

Subscribe 버튼은 액션 버튼의 일종입니다.

Betheme » Theme Options » Header & Subheader » Extras » Action button에서 Subscribe 버튼의 문구와 링크를 변경할 수 있습니다.

Subscribe 버튼을 숨기려면 Top bar right 옵션을 Hide로 설정하면 됩니다. 

만약 원페이지 구성으로 되어 있고 섹션으로 이동하도록 하려는 경우에는 해당 섹션에 CSS ID(앵커)를 설정하고 Link에 #SectionID를 입력하면 됩니다.

적절히 변경한 후에 Save changes 버튼을 누르면 변경 사항이 저장됩니다. 만약 변경 사항이 적용되지 않는 경우에는 캐시를 삭제하도록 합니다. 예를 들어, 클라우드웨이즈(Cloudways)에서 Breeze 캐시 플러그인을 사용하고 있다면 상단 툴바의 Breeze » Purge Site Cahce를 클릭하여 캐시를 삭제할 수 있습니다.

참고

https://avada.tistory.com/3729

워드프레스 Divi 테마용 퍼니처 스타터 사이트 (Furniture Starter Site) 템플릿 공개

https://avada.tistory.com/2299

GeneratePress 테마로 워드프레스 블로그 세팅 예시 (How to Customize GP)

https://avada.tistory.com/3046

해외웹호스팅: 클라우드웨이즈 vs. 블루호스트 vs. 카페24 비교 (Cloudways vs. Bluehost vs. Cafe24)