Hydrogen Pack에는 Dynamic Class 라는 기능이 있습니다. 이 기능을 사용하면 CSS 클래스를 Oxygen Builder 요소에 동적으로 추가하여 프런트 엔드 요소의 모양이나 스타일을 변경할 수 있습니다.
ACF 필드에서 동적 클래스를 추가할 수 있습니다. 예를들어, 작성자, 데이터, 분류, 카테고리 또는 태그를 기반으로 동적 클래스를 부여할 수 있습니다.
또한 사용자 정의 PHP function return value를 사용하여 동적 클래스를 Oxygen 템플릿에 적용할 수 있습니다.
단계 1. Hydrogen Pack의 Dynamic Classes 기능을 활성화 합니다.
기능이 활성화 되면 Oxygen builder의 Advanced tab에 “Dynamic Classes” 항목이 보여집니다.
단계 2. 동적클래스를 부여하고자 하는 요소의 Advanced Tab에서 Dynamic data의 해당 Field를 선택합니다.
Hydrogen Pack의 동적클래스는 필드값이 클래스명이 되므로 해당 클래스 명에 대해서 CSS 스타일링 하시면 됩니다.
