워드프레스 아바다 퓨전빌더 엘리먼트 - 1. 알림, 경고

현재 끄적대고 있는 홈페이지.. 정확한 컨셉도 없고..

디자인구성도 생각안나고.. 뇌정지상태가 왔는데..

가만히 냅둘게아니라 아바다테마, 퓨전빌더의 여러기능들을 살펴보기로했다

우선 테스트용으로 새 페이지를 만들고

컨테이너를 생성하면 내부에 +엘리먼트라고 나온다

엘리먼트는 이와같이 다양한 컨텐츠나 위젯같은걸 포함하고 있는데

첫 칸에 보이는 알림, 경고 부터 천천히 알아보자!

General(일반)설정에서는 알림, 경고 창의 타입을 정하고

애니메이션에서는 말 그대로 어떤 시각적(동적)효과를 주는지 정하는것이다

일반설정에 5종, 애니메이션 설정에 7종이니깐 12가지로 예제를 준비!

컨테이너는 이와같이 여러개의 칼럼으로 영역을 나눠준 후

각각 다른 엘리먼트를 적용시킬 수 있다

일반설정과 애니메이션을 순서대로 매칭하여 하나씩 만들어보기로했다

1

▼▼▼

2

▼▼▼

3

▼▼▼

4

▼▼▼

5

▼▼▼

6

▼▼▼

7

▼▼▼

최종 세팅 결과

애니메이션 효과는 처음 페이지가 로딩되었을 때 한번 보여진다

알림, 경고 엘리먼트는..

딱히.. 실제 홈페이지에서 활용될만한 아이템은 아닌거같고..

다음 엘리먼트는 블로그에 대해서 알아보는 시간을 가져보겠다