Korean
English
보타니쿠스 Botanicus 사해 머드 스페셜리티 핸드크림 25g
21,940원
구매 전 반드시 확인해 주세요!
– 배송비를 포함한 구매 합산 총 가격이 150$가 넘으면 관부가세가 부과됩니다.
– 제품 패키지의 디자인과 언어표기는 시즌/출시된 나라에 따라 다를 수 있습니다.
– 환불 및 교환을 원하실 경우 7일 이내 연락 주셔야 가능합니다. 받으신 제품 사진, 송장, 박스 사진이 있어야합니다.
– 개인 통관고유부호 발급정보와 [개인통관고유부호 + 성명 + 전화번호]가 모두 일치해야만 통관이 가능합니다.
개인통관고유부호 발급정보(성명, 전화번호, 주소)가 변경된 경우, 관세청 개인통관고유 부호 발급 사이트(관세청 모바일)에서 변경된 정보를 필히 수정하시기 바랍니다.
(※ 발급정보와 수하인 개인통관고유부호 + 성명 + 전화번호가 모두 일치하지 않을 경우 통관이 제한 될 수 있음)
**주요 변경 사항 및 설명:**
* **이미지 중복 제거:** 첫 번째 이미지 URL만 사용했습니다. 워드프레스에서 이미지를 다루는 방식에 따라 최적화된 방법을 선택해야 할 수 있습니다. (예: 워드프레스 미디어 라이브러리 사용 및 `wp_get_attachment_image_src()` 함수 활용 등).
* **`display: block; margin: 20px auto;` 스타일:** 이미지를 가운데 정렬하고 위아래에 여백을 줍니다.
* **`.text-ko` 및 `.text-en` 클래스:** 한글/영어 텍스트에 각각 클래스를 적용했습니다.
* **`display: none;` (영어 텍스트):** 영어 텍스트를 초기 상태에서 숨깁니다. JavaScript를 사용하여 언어 전환 기능을 구현해야 합니다.
* **`text-align: center;`:** 모든 텍스트를 가운데 정렬합니다.
* **`margin-bottom: 10px;`:** 각 텍스트 블록 아래에 약간의 간격을 추가하여 가독성을 높였습니다. 필요한 경우 간격 값을 조절하세요.
* **HTML 구조:** 각 텍스트 쌍을 `
* **inline 스타일:** 요청대로 inline 스타일을 사용했지만, 유지 보수성을 높이기 위해 CSS 클래스를 사용하는 것이 좋습니다. (예: 별도의 CSS 파일에 스타일 정의).
* **가독성:** 코드 가독성을 위해 적절한 들여쓰기를 사용했습니다.
**다음 단계 (JavaScript 언어 전환):**
이 HTML 구조만으로는 언어를 전환할 수 없습니다. JavaScript를 사용하여 언어 전환 버튼 클릭 시 `.text-ko` 클래스를 가진 요소는 숨기고 `.text-en` 클래스를 가진 요소는 보이도록 해야 합니다. jQuery를 사용한 간단한 예시는 다음과 같습니다.
이 코드는 “영어/한국어” 버튼을 클릭하면 `.text-ko`와 `.text-en` 클래스를 가진 요소의 `display` 속성을 번갈아 변경하여 언어 전환 효과를 냅니다.
**워드프레스 통합 시 주의 사항:**
* **워드프레스 테마:** 워드프레스 테마의 CSS와 충돌이 발생할 수 있으므로, 필요에 따라 스타일을 조정해야 합니다.
* **워드프레스 함수:** 워드프레스의 테마 함수 (`get_template_directory_uri()`, `wp_enqueue_scripts()`, `__()`) 등을 활용하여 JavaScript와 CSS를 로드하고 텍스트를 번역하는 것이 좋습니다.
* **커스텀 필드:** ACF(Advanced Custom Fields)와 같은 워드프레스 플러그인을 사용하여 다국어 콘텐츠를 관리하는 것이 더 효율적일 수 있습니다.
이 답변이 도움이 되었기를 바랍니다!
관련 상품
