디자인요소
워드프레스 데모사이트 김타쿠닷컴에서 사용하는 h태그, 테이블 모양, 버튼표시, 자주하는 질문 등의 웹페이지 디자인 요소를 한눈에 볼 수 있습니다.
또한 웹마케팅을 위한 컨텐츠 하단에 메일 문의폼 및 콜투액션(Call To Action, CTA)을 일부 페이지 또는 전체 사이트에 삽입할 수 있습니다.
H1태그 대타이틀
큰글자 샘플
H2태그 타이틀
이것은 소제목 타이틀 샘플입니다. 이것은 소제목 타이틀 샘플입니다. 이것은 소제목 타이틀 샘플입니다. 이것은 소제목 타이틀 샘플입니다.
H3태그 타이틀
이것은 소제목 타이틀 샘플입니다. 이것은 소제목 타이틀 샘플입니다. 이것은 소제목 타이틀 샘플입니다. 이것은 소제목 타이틀 샘플입니다.
H4태그 타이틀
이것은 소제목 타이틀 샘플입니다. 이것은 소제목 타이틀 샘플입니다. 이것은 소제목 타이틀 샘플입니다. 이것은 소제목 타이틀 샘플입니다.
H5태그 타이틀
이것은 소제목 타이틀 샘플입니다. 이것은 소제목 타이틀 샘플입니다. 이것은 소제목 타이틀 샘플입니다. 이것은 소제목 타이틀 샘플입니다.
H6태그 타이틀
이것은 소제목 타이틀 샘플입니다. 이것은 소제목 타이틀 샘플입니다. 이것은 소제목 타이틀 샘플입니다. 이것은 소제목 타이틀 샘플입니다.
- 리스트입니다.
- 리스트입니다.
- 번호 리스트입니다.
- 번호 리스트입니다.
테이블 표
thead th | thead th |
---|---|
th 표항목 | td 테이블내용테이블내용테이블내용테이블내용테이블내용테이블내용테이블내용 |
th 표항목 | td 테이블내용테이블내용테이블내용테이블내용테이블내용테이블내용테이블내용 |
외곽선 테이블 표
thead th | thead th |
---|---|
th 표항목 | td 테이블내용테이블내용테이블내용테이블내용테이블내용테이블내용테이블내용 |
th 표항목 | td 테이블내용테이블내용테이블내용테이블내용테이블내용테이블내용테이블내용 |
자주하는 질문 FAQ
- dt 정의리스트
- dl 정의리스트 내용
- 질문1
- 답변답변답변답변답변답변
- 질문2
- 답변답변답변답변답변답변
- 메일문의
- 궁금한 점은 문의 주세요.
- 납품 및 입금
- 납품 완료 후 입금 부탁합니다.
버튼샘플
Extra small button Extra small button
문의폼 및 콜투액션(Call To Action)박스 표시
컨텐츠 하단에 문의폼과 콜투액션 CTA(Call To Action) 박스를 표시할 수 있습니다.
일부 페이지에 개별 설정하거나 사이트 전체에 일괄 삽입할 수도 있습니다.
콜투액션(Call To Action)이란?
행동환기 또는 행동촉발신호. 잠재 고객에게 어떤 특정한 행위를 하도록 신호를 보내는 행위. 예로 랜딩 페이지의 버튼이나 배너, 가입을 권유하는 이벤트 팝업등을 들 수 있다.
닉 배비치의 디자인 포인트
사용자가 이해하기 쉬운 앱을 만들기 위해서는 하나의 화면에서 할 수 있는 작업을 ‘꼭 할 일’ 하나로만 좁히는 것이다.
복수의 CTA(Call to Action, 소비자가 어떤 행동을 하도록 유도하거나 요청하는 메시지)를 사용하지 않는 것이 중요하다. (닉 배비치는 러시아의 유명 소프트웨어 개발자이자 블로거이다)