블로그
Oxygen Builder에서 ACF relationship 필드를 Query 하는 방법
ACF Relationship 필드 생성시 포스트유형과 Return값을 Post_ID로 설정합니다. Oxygen Advanced Query Builder에서 우선 Post_Type 으로 Query할 포스트 유형을…
웹사이트 기능 – 즐겨찾기 추가 및 위시리스트
활용예 잠재고객이 장바구니에 관심제품을 추가합니다.블로그 게시물 또는 특정 유형의 글 중에서 관심글을 등록하고 ‘나중에 보기’ 목록을 만듭니다. 기능…
Fancy Animations 플러그인 사용법 가이드
작동 방식 Fancy Animations는 CSS 애니메이션 프레임워크로, 원하는 요소에 애니메이션 이름이 포함된 CSS 클래스를 추가하기만 하면 쉽게 사용할…
이미지 핫스팟
BricksExtra의 이미지 핫스팟 요소를 사용하면 이미지를 보다 직관적이고 상호작용적으로 만들 수 있습니다. 이 요소는 이미지 위에 핫스팟(마커)을 추가하여…
Header Extras
BricksExtras는 헤더 템플릿에 더 많은 설정을 추가하고 새로운 ‘Header row’ 요소를 추가하여 페이지/템플릿별로 다른 Breakpoints에서 오버레이 헤더 및…
Header Search
이 요소를 사용하면 헤더 내부에 검색 아이콘을 추가하여 헤더 오버레이, 헤더 아래로 슬라이딩/페이드 또는 전체 화면 등 다양한…
다이내믹 라이트박스
이 요소를 사용하면 Bricks에서 동적 콘텐츠 라이트박스를 시각적으로 빌드할 수 있습니다. 라이트박스의 콘텐츠는 모든 요소로 채울 수 있으며…
Ionicons: 오픈 소스 아이콘 세트로 디자인 향상하기
Ionicons는 웹, iOS, Android, 데스크탑 애플리케이션을 위해 제작된 1,300개 이상의 아이콘으로 구성된 오픈 소스 아이콘 세트입니다. 원래는 Ionic…
이 템플릿에서 사용된 메가메뉴 사용법
Nav Menu Options 데스크탑에서 마지막 NAV ITEM을 버튼처럼 보이게 하기 $last-nav-button-desktop: true; // SELECTION (true/false) 모바일에서 마지막 NAV…
Variable Grid Layouts
.variable-grid .variable-grid는 .auto-grid와 달리 grid-item의 크기에 따라 column이 결정됩니다. ID 요소에 다음과 같이 입력하여 grid-item의 사이즈를 제어할 수…
인스타그램 액세스 토큰을 얻는 방법
인스타그램 피드를 웹사이트에서 사용하려면 Instagram Basic Display API 액세스 토큰이 필요합니다. 이 액세스 토큰은 Meta for Developers 플랫폼을…