워드프레스 Salient 테마: 모바일 햄버거 메뉴 배경색 변경 방법

워드프레스 정보를 제공하는 블로그 Avada 2024. 12. 27. 15:24 • 댓글: 개

WPML은 워드프레스 사이트를 영어, 일본어, 중국어 등 다국어 사이트로 변환하는 데 사용되는 인기 다국어 플러그인입니다. 최근 Salient 테마가 설치된 워드프레스 사이트에서 WPML로 중국어와 일본어 사이트를 설정하고 챗GPT를 사용하여 중국어와 일본어로 번역하는 작업을 맡았습니다. WPML에서는 OpenAI의 API를 사용하여 자동으로 번역하는 WPML AI를 출시했지만, 한국어는 지원하지 않습니다. 자동으로 번역할 경우 빠르게 번역할 수 있지만, 문맥에 맞지 않거나 잘못 번역된 표현이 있을 수 있습니다.

저는 맞춤형 GPT를 만들어 각 문장을 번역시켜 복붙하는 방식으로 진행했습니다. 번역을 하면서 일관성을 유지하기 위해 노력했습니다. 가령 병원 이름에서 영어로 남겨두어야 할 부분이 있는데, 챗GPT를 사용하여 번역하면 마음대로 번역을 하는 경향이 있어서 그런 부분은 특정 브랜드를 영어로 남겨둘지 여부를 세세히 지시를 내렸습니다.

WPML과 챗GPT를 사용하여 워드프레스 다국어 사이트 만들기 - 워드프레스 정보꾸러미

워드프레스에서는 WPML 등의 플러그인을 사용하여 쉽게 다국어 사이트로 구성할 수 있습니다. WPML으로 영어, 중국어, 일본어 등 언어 버전을 추가한 후에 WPML의 자동 번역 기능(유료)을 사용하거

www.thewordcracker.com

워드프레스 Salient 테마: 모바일 햄버거 메뉴 배경색 변경 방법

Salient 테마는 주간 베스트셀링 테마 리스트에서 9위를 기록하고 있는 인기 다목적 워드프레스 테마 중 하나입니다.

아바다 테마가 11년 동안 판매 1위를 기록하고 있고, 그 뒤를 이어 Betheme 테마가 차지하고 있습니다.

엘리멘터가 큰 인기를 끌면서 WPBakery 페이지 빌더(일명 "비주얼 컴포저")를 사용하던 테마 상당수는 Elementor로 바꾸거나 Elementor를 함께 지원하고 있습니다. 하지만 Salient(세일리언트) 테마는 엘리멘터를 도입하지 않고 아직까지 WPBakery 빌더를 기본 빌더로 탑재하고 있습니다.

Salient 테마를 사용하는 경우 모바일 기기에서 햄버거 메뉴를 클릭하면 아래 그림과 비슷한 형식으로 오프 캔버스 메뉴가 표시됩니다.

오프 캔버스 메뉴의 배경색을 변경하고 싶은 경우가 있을 수 있습니다. 클라이언트 사이트의 경우 모바일 장치에서 햄버거 메뉴의 배경색이 핑크색이었는데, 블랙으로 바꾸기를 원하여 모바일 메뉴 배경색을 바꾸는 방법에 대하여 살펴보았습니다.

저는 클라우드웨이즈에 멀티사이트로 테스트 사이트를 하나 만들어서 아바다 테마를 비롯한 대부분의 인기 테마를 설치하여 테스트하고 있습니다.

Salient 테마의 모바일 오프 캔버스 메뉴의 배경색을 변경하려면 워드프레스 관리자 페이지 » Salient » Header Navigation » Color Scheme으로 이동합니다.

만약 위의 그림과 같이 일부 옵션을 변경할 수 없도록 잠겨 있는 경우에는 Header Color Scheme을 Custom (사용자 정의)으로 변경하도록 합니다.

아래로 스크롤하여 Off Canvas Menu 섹션으로 이동합니다.

Off Canvas Navigation Background (오프 캔버스 내비게이션 배경) 컬러를 변경하도록 합니다. Off Canvas Navigation Background 1과 Off Canvas Navigation Background 2 두 가지 옵션이 있습니다. 그라디언트 배경색을 원하는 경우 배경색 1과 배경색 2를 적절히 설정합니다.

오프 캔버스 메뉴 배경색을 블랙으로 바꾸고 싶다면 아래와 같이 배경색 1과 배경색 2 모두를 블랙으로 바꾸면 됩니다.