본문 바로가기

공부하자/워드프레스

워드프레스 아바다 퓨전빌더 엘리먼트 - 4.체크리스트 5.코드블럭


이번에 살펴볼 워드프레스 아바다 퓨전빌더 엘리먼트는

"체크리스트와 코드블럭"

아이콘을 봐도 대충 어떤기능인지 감이 잡힌다


우선 체크리스트를 클릭해보면 설정화면 좌측에 이와같은 편집창이 나오는데

리스트를 작성해주고 각각 항목에 아이콘을 달아줄 수 있다


폰트색상은 따로 지정해 줄 수 있는 기능이 없어서..

<font color>로 코드를 넣어줘야 하는 불편함이..


각각의 항목에 아이콘을 지정해주는것 이외에

전역설정으로 모두 통일된 아이콘으로 달아줄수도있는데

하나의 체크리스트에서 각각 항목의 아이콘은 다르게 지정이 가능한데에 반해

색상은 전부 통일할 수 밖에 없는 제한점이 있다


여긴 아이콘에 둥근 테두리를 달아줄것인가

그리고 서클의 색상을 정해주는 설정이다


▲▲▲

체크리스트 모두 통일된 아이콘 사용했을 시


▲▲▲

각각의 아이콘을 다르게, 그리고 리스트 항목의 크기에 변화를 줬을 때


▲▲▲

체크리스트 아이콘서클 사용시 결과


코드블럭의 경우, 따로 설명할 것이 없다

세팅화면이 이게 전부이며

원하는 코드값을 넣어주는것이 끝!


체크리스트 바로 밑 칼럼에 코드블럭을 넣었을 시 화면.. 별거 없어보인다


대충 이 두가지를 응용하여 하나의 컨테이너를 만들어보았다

체크리스트와 코드블럭으로 이런식으로도 워드프레스 홈페이지 꾸미기가 가능하다