RFHIC Home 리뉴얼

파일은 front-page.php, section.text-with-image2.php, section.text-with-image2.php 수정했습니다.

기존에 있던section.text-with-image 섹션을 대신 2,3섹션을 추가했습니다.

추가된 섹션은 다음과같습니다.
section.text-with-image2.php

해당 섹션의 주요 목적은 이미지와 함께 4가지 핵심 문제 포인트를 시각적으로 강조하는 데 있습니다. 이를 위해 AOS(Animation On Scroll) 애니메이션을 적용하였으며, 콘텐츠는 각각의 문제 포인트를 담은 총 4개의 블록으로 구성되어 있습니다.

acf필드의 구조

필드명	필드 키	필드 타입	설명
`sub_title`	sub_title	Text	상단 소제목
`title`	title	Text	메인 타이틀
`description`	description	WYSIWYG Editor	본문 설명
`image`	image	Image	좌측 대표 이미지
`items`	items	Repeater	하단 이미지/텍스트 박스 반복 필드
┗ `item_image`	item_image	Image	아이템 썸네일 이미지
┗ `item_title`	item_title	Text	아이템 제목
┗ `item_description`	item_description	Textarea	아이템 설명 텍스트

section.text-with-image3.php

이 섹션은 좌측 텍스트 콘텐츠와 우측 이미지 슬라이드로 구성된 이중 컬럼 레이아웃입니다.
스크롤 애니메이션(AOS) 효과를 통해 부드럽게 나타나며, 다음과 같은 주요 구성 요소를 포함합니다.

텍스트 영역 : 소제목, 메인 타이틀, 본문 설명, 링크 등

이미지 슬라이드 영역 :
정적으로 3장의 이미지(gallery_img1, gallery_img2, gallery_img3)가 슬라이드 형태로 구성
이전 / 다음 화살표를 통해 슬라이드 전환이 가능하도록 구성 하였습니다.

acf필드의 구조

필드명	필드 키	필드 타입	설명
`sub_title`	sub_title	Text	소제목
`title`	title	Text	메인 타이틀
`description`	description	Textarea	본문 요약
`button_text`	button_text	Text	CTA 버튼 텍스트
`button_link`	button_link	URL	CTA 버튼 링크
`slides`	slides	Repeater	슬라이더 아이템 목록
┗ `slide_image`	slide_image	Image	슬라이드 이미지

ACF Gallery 필드 관련 오류 및 대체 배경

원래 이 섹션의 이미지 슬라이드는 ACF의 Gallery 필드를 활용하여 유연하게 다수의 이미지를 등록할 수 있도록 기획되었습니다. 그러나 워드프레스 멀티사이트 환경에서 예상치 못한 문제가 발생했습니다.

문제 현상:
동일한 필드 구조를 사용했음에도 불구하고, 영문 사이트에서는 정상적으로 이미지가 저장되는 반면, 국문 사이트에서는 Gallery 필드에 등록된 이미지가 저장되지 않는 오류가 발생했습니다.
원인:
정확한 원인은 확인되지 않았지만, ACF Gallery 필드와 멀티사이트 간의 미디어 라이브러리 권한 처리 또는 post meta 저장 방식 차이로 인한 것으로 추정됩니다.
해결 방법:
우선 해당 문제를 해결하기 위해, 슬라이드 이미지를 gallery_img1, gallery_img2, gallery_img3와 같이 개별적인 Image 필드 3개로 분리하여 구성하였습니다.
이 방식은 다소 정적인 구조이긴 하나, 모든 사이트(영문/국문)에서 동일하게 동작하며, 멀티사이트 간 이미지 저장 문제를 방지할 수 있는 안정적인 방법입니다.