Korean
English
English 
Korean 
**주요 변경 사항 및 설명:**
* **이미지 중복 제거:** 첫 번째 이미지만 사용했습니다. 상품 상세 설명이므로 대표 이미지만 사용하는 것이 일반적입니다. 필요하다면 여러 이미지를 보여주는 슬라이드 쇼 등의 구조를 추가해야 합니다.
* **HTML 구조:** 각 문장 또는 의미 있는 텍스트 덩어리를 `div`로 감싸고, 한국어/영어 버전을 함께 배치했습니다. `margin-bottom`을 사용하여 간격을 조절했습니다.
* **클래스 및 스타일:** `.text-ko`와 `.text-en` 클래스를 사용하여 한국어/영어 텍스트를 구분했습니다. `.text-en`은 초기 상태에서 `display: none;`으로 숨겨져 있습니다.
* **가운데 정렬:** `text-align: center;` 스타일을 부모 `div`에 적용하여 모든 요소가 가운데 정렬되도록 했습니다.
* **글꼴 스타일:** 제목 역할을 하는 텍스트는 `font-weight: bold; font-size: 1.2em;`을 적용하여 강조했습니다.
* **불필요한 이미지 제거:** 영어 데이터에 포함된 이미지 정보는 한국어 데이터의 이미지와 중복되므로 제거했습니다. 이미지는 한 번만 표시하도록 요구사항을 준수했습니다.
**사용 방법:**
1. 위 HTML 코드를 워드프레스 상품 상세 페이지에 추가합니다.
2. **언어 전환 기능 구현:** 자바스크립트 또는 워드프레스 플러그인을 사용하여 한국어/영어 텍스트를 전환하는 기능을 구현해야 합니다. 예를 들어, 버튼 클릭 시 `.text-ko`를 숨기고 `.text-en`을 보이게 하는 방식으로 구현할 수 있습니다. (예시 코드 아래에 추가)
**JavaScript 예시 (jQuery 필요):**
javascript
$(document).ready(function() {
$(‘#language-toggle’).click(function() {
$(‘.text-ko’).toggle();
$(‘.text-en’).toggle();
});
});
**HTML (JavaScript 예시 사용 시):**
이 코드는 “Toggle Language”라는 버튼을 생성하고, 클릭할 때마다 한국어와 영어 텍스트의 표시/숨김을 전환합니다. 필요에 따라 버튼의 텍스트와 스타일을 변경할 수 있습니다.
이 코드는 워드프레스 테마나 플러그인에 적절히 통합해야 합니다. 워드프레스에 코드를 추가하는 방법은 다양하며, 가장 일반적인 방법은 테마의 `functions.php` 파일에 추가하거나, 커스텀 플러그인을 만드는 것입니다.
**주의:** 워드프레스 테마와 플러그인의 작동 방식에 따라 코드를 수정해야 할 수 있습니다.
