모달 팝업 사용 방법

//워드프레스/아바다 테마/모달 팝업 사용 방법

모달팝업은 방아쇠와 총알로 구분할수 있습니다.
총알은 모달(팝업)이 되는것이고, 방아쇠(트리거)는 이 모달을 동작시키는 요소들입니다.
가장 대표적인 방아쇠 요소로 버튼요소와 Modal Text Link (모달 텍스트 링크) 요소가 있습니다.

1. 먼저 Modal(모달 팝업) 요소를 선택합니다.

2. 모달 팝업에서 모달이름을 고유한 값으로 설정해 줍니다. 나중에 방아쇠와 연결하는 값이됩니다. 그리고 하단에 제목과 원하는 내용을 넣습니다.

3. 위의 과정으로 총알이 만들어 졌습니다. 방아쇠를 만드는 방법은 아래의 방법 중 1개를 사용하면 됩니다.(의도에 따라 여러개의 방아쇠를 사용해도 됩니다. 또는 하나의 방아쇠로 여러개의 총알(모달)을 나타나게 해도 됩니다.)

1)버튼 요소 사용 : 퓨젼 빌더 엘리먼트 중 ‘버튼 요소’를 사용해서 원하는 버튼을 추가합니다. 중간에 있는 ‘모달 팝업창 이름’에 2번에서 설정한 모달이름을 적어 줍니다. 이후 화면에는 버튼이 표시되고 버튼을 클릭하면 위에서 만든 모달이 나타납니다.

모달 팝업 버튼 트리거 (클릭 해 보세요!)

2)모달 텍스트 링크 요소 사용 : 퓨젼 빌더 엘리먼트 중 ‘Modal Text Link (모달 텍스트 링크) 요소’를 사용합니다. 모달이름에 위에서 만든 총알(모달)이름을 적어주고 ‘텍스트 html 코드’에 원하는 내용을 표시합니다. 단순 텍스트나, 이미지등으로 모달 방아쇠를 만들 때 사용합니다.


이미지를 클릭 해 보세요!

|2018. 11. 3|카테고리: 아바다 테마|0 개의 댓글

글쓴이 :

댓글 쓰기