프랑스 로저앤갈렛 Roger&Gallet 세안용 전신용 퍼퓸 비누 시트론 100g

`로 분리했습니다.
* **클래스 적용:** 한국어 문장에는 `.text-ko`, 영어 문장에는 `.text-en` 클래스를 적용했습니다.
* **초기 숨김:** `.text-en` 클래스에 `display: none;` 스타일을 적용하여 영어 문장을 초기 상태에서 숨겼습니다.
* **인라인 스타일:** 모든 스타일은 인라인 스타일로 적용했습니다.
* **이미지 처리:** 이미지 태그를 사용하여 이미지를 삽입하고, `display: block; margin: 20px auto;` 스타일을 적용하여 가운데 정렬하고 위아래 간격을 주었습니다. 중복된 이미지는 제거되었습니다.
* **영역 구분 및 스타일 구분:** 필요에 따라 제목 부분은 font-weight, font-size를 조정하여 강조했습니다. 재료, 사용방법 등의 제목과 내용 부분을 구분했습니다.
* **불필요한 태그 제거:** [TEXT], [IMAGE] 등의 태그는 제거하고 HTML 구조에 맞게 변환했습니다.

**사용 방법:**

1. 위의 HTML 코드를 워드프레스 글 편집기의 “텍스트” 또는 “코드 편집기” 모드에 붙여넣습니다.
2. 워드프레스 테마에서 jQuery가 활성화되어 있는지 확인합니다. (대부분의 테마는 기본적으로 활성화되어 있습니다.)
3. 필요에 따라 CSS 스타일을 조정합니다. 예를 들어, `.text-ko`에 `font-size`, `font-weight` 등의 스타일을 추가할 수 있습니다.
4. 영어 텍스트를 보이게 하는 JavaScript 코드를 추가합니다. (예: 버튼 클릭 시 `.text-en`을 보이게 하고 `.text-ko`를 숨기는 코드)

**JavaScript 예제 (jQuery 사용):**

javascript
jQuery(document).ready(function($) {
// 버튼 클릭 시 동작 (버튼은 HTML에 직접 추가해야 합니다.)
$(‘#toggle-language’).click(function() {
$(‘.text-ko’).toggle();
$(‘.text-en’).toggle();
});
});

**HTML (버튼 추가):**

영어/한국어 전환

**참고:**

* 위 코드는 기본적인 구조를 제공하며, 실제 워드프레스 환경에 맞게 조정이 필요할 수 있습니다.
* JavaScript 코드는 테마의 `functions.php` 파일 또는 별도의 JavaScript 파일에 추가하는 것이 좋습니다.
* CSS 스타일은 테마의 `style.css` 파일 또는 워드프레스 사용자 정의 CSS에 추가하는 것이 좋습니다.
* `#toggle-language`는 버튼의 ID이며, 필요에 따라 변경할 수 있습니다.
* jQuery를 사용하지 않고 순수 JavaScript로 구현할 수도 있습니다.

이 답변이 워드프레스 상품 상세 HTML DIV 영역을 생성하는 데 도움이 되었기를 바랍니다. 궁금한 점이 있으면 언제든지 다시 질문해주세요.