* 프레임 블럭에 요소 블럭 추가하기
프레임 블럭은 프레임 블럭 안에 요소 블럭을 추가하여 조합하여 제작하는 블럭입니다.
프레임 블럭과 요소 블럭을 조합하는 방법에 대해 설명해드리겠습니다.
프레임 블럭 추가하기
먼저 프레임 블럭을 추가해줍니다.
블럭 추가 버튼을 눌러 블럭 선택창을 연 뒤, 좌측 메뉴에서 프레임을 선택합니다.
원하는 레이아웃의 프레임 블럭을 눌러 추가해줍니다.
2단 레이아웃의 프레임을 추가한 모습입니다.
추가된 프레임 블럭 안에는 요소 블럭이 들어갈 영역이 점선으로 표시되어 있습니다. 점선으로 표시된 영역을 프레임 박스라고 하겠습니다.
프레임 박스 안에 있는 추가버튼을 누르면 요소 블럭 선택창이 열립니다.
요소 블럭 선택창에서 원하는 요소를 선택하여 클릭하면 해당 프레임 박스 안에 요소가 추가됩니다.
이미지 블럭이 추가된 모습입니다.
요소 블럭을 더 추가하려는 경우 요소 블럭 위에 마우스를 올려 상·하단에 표시되는 추가 버튼을 통해 추가할 수 있습니다.
이렇게 프레임 블럭 안에 원하는 요소들을 추가하여 페이지를 제작할 수 있습니다.
-
- 구글 애널리틱스 연동하기
- 네이버 지도 API 등록하기
- 카카오 지도 & SNS API 등록하기
- 네이버 로그인 연동하기
- 카카오 로그인 연동하기
- 네이버 톡톡 연동하기
- 카카오톡 채널 채팅 연동하기
- 채널톡 연동하기
- * 기본 설정하기
- 검색 메타 태그 설정하기
- 검색 로봇 설정하기
- RSS 링크 설정하기
- 팝업 관리하기
- 헤더/푸터 설정하기
- 약관 관리하기
- 다국어 설정하기
- 홈페이지 히스토리 (추후 수정)
- 파일 관리자 (추후 수정)
- 인스타그램 API 등록하기 (추후 수정)
- 구글 캡챠 연동하기 (추후 수정)
- 네이버 애널리틱스 연동하기 (추후 수정)
- 네이버 프리미엄 로그 분석 연동하기(추후 수정)
- 구글 애즈 연동하기 (추후 수정)
- * 메일 설정하기
- 오픈그래프 이미지 변경하기
- * 구글 캘린더 연동하기
- 메일 설정하기
- !검색 로봇 설정하기
- !팝업 관리하기
- !공통코드 입력
- !약관 관리하기
- ! 다국어 설정하기
- !검색 메타 태그 설정하기
- !RSS 링크 설정하기
- !기본 설정하기
- !네이버 웹마스터 도구 연동하기
- !구글 웹마스터 도구 연동하기
- !카카오 지도 & SNS API 연동하기
- !구글 캡챠 연동하기(미완)
- !구글 캘린더 API 연동하기
- !네이버 애널리틱스 연동하기
- !구글 애널리틱스 연동하기
- !카카오 로그인 연동하기
- !네이버 로그인 연동하기
- !네이버 톡톡 연동하기
- ! 카카오 채널 채팅 연동하기
- !채널톡 연동하기
- !파일 관리자
- !메일 설정하기
-
- * 블럭 살펴보기
- * 블럭 추가하기
- * 프레임 블럭에 요소 블럭 추가하기
- 프레임 블럭 다루기
- * 슬라이드 블럭 다루기
- *게시판 블럭 살펴보기
- * 일반 게시판 블럭 다루기
- *커스텀 게시판 다루기
- * 상품 게시판 블럭 다루기
- * 지도 게시판 다루기
- * 최신글 그룹 블럭
- 갤러리 블럭 다루기
- * 입력폼 블럭 다루기
- 디데이 블럭 다루기
- * 인스타그램 피드 블럭 다루기
- * 코드 블럭 다루기
- *캘린더 블럭 다루기
- * 구글 캘린더 블럭 다루기
- !블럭 추가하기
- !블럭 ID 확인하기
- !프레임 블럭에 요소 블럭 추가하기
- !프레임 블럭 다루기
- !슬라이드 블럭 다루기
- !일반 게시판 블럭 다루기
- !커스텀 게시판 블럭 다루기
- !상품 게시판 블럭 다루기
- !지도 게시판 블럭 다루기
- !최신글 그룹 블럭 다루기
- !갤러리 블럭 다루기
- !코드 블럭 다루기
- !구글 캘린더 블럭 다루기
- !캘린더 블럭 다루기
- !디데이 블럭 다루기
- !입력폼 블럭 다루기
- !소셜링크 블럭 다루기
- !게시판 살펴보기
-
- 요소 블럭 살펴보기
- 이미지 블럭 다루기
- 텍스트 블럭 다루기
- 구분선 블럭 다루기
- 동영상 블럭 다루기
- 동영상 주소 확인하기(추후 수정)
- 소셜 링크 블럭 다루기
- 표 블럭 다루기
- 지도 블럭 다루기
- 도형 블럭 다루기
- 아이콘 블럭 다루기
- 아이콘박스 블럭 다루기
- 버튼 블럭 다루기
- 페이지경로 블럭 다루기
- 인용구 블럭 다루기
- 여백 블럭 다루기
- * 페이지 경로 블럭
- *코드 요소 블럭
- *슬라이드 요소 블럭
- * 마우스오버블럭 다루기
- !요소 코드 블럭 다루기
- !페이지경로 블럭 다루기
- !마우스오버 블럭 다루기
- !인용구 블럭 다루기
- !여백 블럭 다루기
- !버튼 블럭 다루기
- !아이콘박스 블럭 다루기
- !아이콘 블럭 다루기
- !도형 블럭 다루기
- !지도 블럭 다루기
- !표 블럭 다루기
- !소셜링크 블럭 다루기
- !동영상 주소 확인하기
- !동영상 블럭 다루기
- !구분선 블럭 다루기
- !텍스트 블럭 다루기
- !이미지 블럭 다루기
- !요소 블럭 ID 확인하기