본문 바로가기

퓨전빌더

워드프레스 아바다 퓨전빌더 엘리먼트 - 4.체크리스트 5.코드블럭 이번에 살펴볼 워드프레스 아바다 퓨전빌더 엘리먼트는"체크리스트와 코드블럭"아이콘을 봐도 대충 어떤기능인지 감이 잡힌다 우선 체크리스트를 클릭해보면 설정화면 좌측에 이와같은 편집창이 나오는데리스트를 작성해주고 각각 항목에 아이콘을 달아줄 수 있다 폰트색상은 따로 지정해 줄 수 있는 기능이 없어서..로 코드를 넣어줘야 하는 불편함이.. 각각의 항목에 아이콘을 지정해주는것 이외에전역설정으로 모두 통일된 아이콘으로 달아줄수도있는데하나의 체크리스트에서 각각 항목의 아이콘은 다르게 지정이 가능한데에 반해색상은 전부 통일할 수 밖에 없는 제한점이 있다 여긴 아이콘에 둥근 테두리를 달아줄것인가그리고 서클의 색상을 정해주는 설정이다 ▲▲▲체크리스트 모두 통일된 아이콘 사용했을 시 ▲▲▲각각의 아이콘을 다르게, 그리고 리.. 더보기
워드프레스 아바다 퓨전빌더 엘리먼트 - 3. 버튼 이번엔 워드프레스 퓨전빌더 엘리먼트의 세번째에 있는버튼에 대해 파해쳐보자기존 TEST 페이지에 엘리먼트를 추가해주고, "버튼"을 선택이건 솔직히 테스트를 안해보더라도 어떤 기능인지 감이 잡힌다..그래서 간단히 설명해보도록 하겠다 버튼을 클릭했을때 현재 워드프레스의 다른 페이지로 이동할 것인지아니면 외부 홈페이지도 상관없고 URL과 버튼에 표기될 이름을 정해준다_self는 현재페이지에서 이동_blank는 새탭, 새페이지를 열어서 이동 기본적인 설정은 여기까지가 끝인데.. 모달 팝업이라..얼마전에 팝업메이커라는 플러그인을 설치해서 로그인창을 만들었었는데..굳이 새로운 플러그인을 추가할 필요없이 퓨전빌더에서도 지원하는건가..엘리먼트 항목에도 있던데, 요것도 나중에 다뤄보도록 하겠다ㅠㅠ 이제 버튼의 디자인을 바.. 더보기
워드프레스 아바다 퓨전빌더 엘리먼트 - 2. 블로그 지난번 워드프레스 포스팅에서 알림, 경고 엘리먼트에 이어서다음 항목인 블로그를 설치해보도록 하겠다!기존과 동일한 컨테이너에서 아래에 엘리먼트를 하나 추가해주고, 블로그를 선택하면 바로 여러가지 설정들이 나온다 딱 봐도 알겠지만, 네이버나 티스토리 같은 블로그를 운영해 본 사람이라면워드프레스의 블로그 설정도 크게 어렵지 않은 부분이다 Text display는 클릭하지않아도 본문전체를 보여줄것인지 아니면 요약처럼 일부만을 보여줄것인지 설정하고아래에서 발췌문의 길이도 조정할 수 있다다른 옵션들도 도움말을 읽어보면 그다지 어렵지않게 설정할 수 있으며,추가할 CSS Class가 없으니 이 부분은 비워두고 저장하면 끝! 이렇게해서 지난번에 만들었던 알람, 경고 엘리먼트 밑에블로그 엘리먼트를 만들고 업데이트! 실제 .. 더보기
워드프레스 아바다 퓨전빌더 엘리먼트 - 1. 알림, 경고 현재 끄적대고 있는 홈페이지.. 정확한 컨셉도 없고..디자인구성도 생각안나고.. 뇌정지상태가 왔는데..가만히 냅둘게아니라 아바다테마, 퓨전빌더의 여러기능들을 살펴보기로했다 우선 테스트용으로 새 페이지를 만들고 컨테이너를 생성하면 내부에 +엘리먼트라고 나온다 엘리먼트는 이와같이 다양한 컨텐츠나 위젯같은걸 포함하고 있는데첫 칸에 보이는 알림, 경고 부터 천천히 알아보자! General(일반)설정에서는 알림, 경고 창의 타입을 정하고애니메이션에서는 말 그대로 어떤 시각적(동적)효과를 주는지 정하는것이다일반설정에 5종, 애니메이션 설정에 7종이니깐 12가지로 예제를 준비! 컨테이너는 이와같이 여러개의 칼럼으로 영역을 나눠준 후각각 다른 엘리먼트를 적용시킬 수 있다 일반설정과 애니메이션을 순서대로 매칭하여 하나씩.. 더보기