Korean
English
프랑스 로저앤갈렛 Roger&Gallet 세안용 전신용 퍼퓸 비누 시트론 100g
14,170₩
구매 전 반드시 확인해 주세요!
– 배송비를 포함한 구매 합산 총 가격이 150$가 넘으면 관부가세가 부과됩니다.
– 제품 패키지의 디자인과 언어표기는 시즌/출시된 나라에 따라 다를 수 있습니다.
– 환불 및 교환을 원하실 경우 7일 이내 연락 주셔야 가능합니다. 받으신 제품 사진, 송장, 박스 사진이 있어야합니다.
– 개인 통관고유부호 발급정보와 [개인통관고유부호 + 성명 + 전화번호]가 모두 일치해야만 통관이 가능합니다.
개인통관고유부호 발급정보(성명, 전화번호, 주소)가 변경된 경우, 관세청 개인통관고유 부호 발급 사이트(관세청 모바일)에서 변경된 정보를 필히 수정하시기 바랍니다.
(※ 발급정보와 수하인 개인통관고유부호 + 성명 + 전화번호가 모두 일치하지 않을 경우 통관이 제한 될 수 있음)
**설명:**
* **HTML 구조:** `
* **클래스 적용:** 한국어 문장에는 `.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 영역을 생성하는 데 도움이 되었기를 바랍니다. 궁금한 점이 있으면 언제든지 다시 질문해주세요.
Related Products
