워드프레스 강좌 / 플러그인 / Contact Form 7 / 폼메일 만드는 플러그인

Contact Form 7

  • Contact Form 7은 폼메일 플러그인입니다.
  • 정보를 입력할 수 있는 폼을 쉽게 만들 수 있습니다.
  • 스팸 방지 도구인 reCAPTCHA를 사용할 수 있습니다.
  • 스타일을 구하기 쉽고, 많은 테마에서 Contact Form 7을 지원합니다.

설치

[플러그인 - 플러그인 추가하기]에서 Contact Form 7로 검색하여 설치하고 활성화합니다.

폼메일 페이지 만들기

  • Contact Form 7을 설치하면 기본적으로 하나의 폼이 생성됩니다. 쇼트코드를 복사합니다.

  • 페이지를 만들고, 쇼트코드를 붙여넣고, 공개합니다.

  • 페이지로 가면 다음과 같이 메일을 보낼 수 있는 폼이 나옵니다.

  • 내용을 입력하고 [Send] 버튼을 클릭하면, 워드프레스 관리자의 이메일로 발송됩니다.

폼메일 양식 만들기

  • 새로운 폼을 만들고 싶다면 [Contact - Add New]를 클릭합니다. 이름, 이메일, 제목, 내용을 포함한 폼이 생성됩니다.
  • 폼은 직접 코드를 입력해서 추가할 수도 있고, 버튼을 이용해서 추가할 수도 있습니다.
  • 예를 들어 라디오 버튼을 만들고 싶다면 [radio buttons]를 클릭합니다.

  • 필요한 값을 입력하면 아래에 코드가 만들어집니다. 코드를 복사하거나 [Insert tag]를 클릭하여 추가합니다.

  • 폼을추가했다고 해서 메일로 받을 수 있는 것은 아닙니다. 추가한 폼의 값을 메일로 받을 수 있도록 설정을 해야합니다.
  • [Mail]을 클릭합니다.

  • Message Body에 추가한 폼의 Name인 radio-178을 입력하고 대괄호로 감쌉니다.

  • 폼을 저장하면 쇼트코드가 만들어집니다.

  • 그 쇼트코드로 페이지를 만들면 라디오 버튼이 생성된 것을 확인할 수 있습니다.

  • Male를 선택하고 메일을 보내면 메일 내용에 Male이 있습니다.

자주 사용하는 코드

로그인 사용자 정보로 기본값 만들기

로그인 사용자의 정보를 기본값으로 출력할 수 있습니다. 예를 들어

[text* your-name default:user_nickname]

는 닉네임을 기본값으로 출력합니다.

default:user_first_name, default:user_last_name, default:user_nickname, default:user_display_name 등을 사용할 수 있습니다.

수정 불가능하게 하기

readonly를 추가하면 볼 수만 있고 수정할 수 없습니다.

[text* your-name readonly default:user_nickname]

placeholder 넣기

[text your-subject placeholder "Input Subject"]

같은 카테고리의 다른 글

워드프레스 강좌 / Yoast SEO / 사이트맵(sitemap) 활성화하는 방법

워드프레스 강좌 / Yoast SEO / 사이트맵(sitemap) 활성화하는 방법

사이트맵(sitemap) 사이트맵은 사이트에 있는 콘텐츠를 정리한 XML 파일입니다. 네이버 웹마스터 도구나 구글 웹마스터 도구에 사이트맵을 등록해야 검색이 잘 됩니다. 사이트맵은 보통 Google XML Sitemaps 플러그인으로 만듭니다. 사이트맵 생성 플러그인 중에서는 가장 인기있는 플러그인입니다. 만약 Yoast SEO를 사용한다면 Google XML Sitemaps를 사용할 필요가 없습니다. Yoast SEO에 포함되어 있기 때문입니다. Yoast SEO의 사이트맵 기능 활성화하기 General의 Features 탭에 XML sitemaps가 ...

워드프레스 강좌 / 플러그인 / Crayon Syntax Highlighter / 코드 문법 하이라이트 플러그인

워드프레스 강좌 / 플러그인 / Crayon Syntax Highlighter / 코드 문법 하이라이트 플러그인

Crayon Syntax Highlighter 프로그래밍을 주제로 하는 블로그나 사이트라면 수많은 코드를 글에 포함하게 됩니다. 코드는 <pre> 태그나 <code> 태그를 이용하여 고정폭 글꼴로 나타낼 수도 있으나, 단색으로 나타내므로 읽는게 불편합니다. 워드프레스에는 이런 불편을 해소해주는 Syntax Highlighter 플러그인이 많습니다. 그 중 사용하기 편하고 다양한 기능을 가진 플러그인이 Crayon Syntax Highlighter입니다. Crayon Syntax Highlighter는 꽤 오랫동안 업데이트가 되지 않고 있어서 ...

워드프레스 강좌 / 링크 없는 메뉴 만드는 방법

워드프레스 강좌 / 링크 없는 메뉴 만드는 방법

워드프레스의 메뉴는 링크를 가지고 있습니다. 하지만 계층형으로 만들거나 메뉴 그룹을 만들 때 링크가 없는 메뉴가 필요할 때가 있습니다. 기본 기능으로는 그러한 메뉴를 만들 수 없지만, 약간의 편법을 사용하면 가능합니다. 사용자정의 링크를 만듭니다. URL에는 아무거나 입력해도 상관없습니다. 뭘 쓸지 고민된다면 #을 입력하면 됩니다. URL이 비어 있으면 메뉴가 만들어지지 않으므로 꼭 입력해야 합니다. 메뉴 수정으로 가서 ...

워드프레스 강좌 / 워드프레스 주소, 사이트 주소 변경하기

워드프레스 강좌 / 워드프레스 주소, 사이트 주소 변경하기

워드프레스 주소, 사이트 주소 워드프레스에는 두가지 주소(URL)이 있습니다. 하나는 워드프레스 주소, 또하나는 사이트 주소입니다. 워드프레스 주소는 워드프레스 파일들을 업로드한 주소이고, 사이트 주소는 웹브라우저로 접속할 수 있는 주소입니다. 두 주소는 기본적으로 같습니다. 주소(URL)를 바꾸는 방법은 원하는 주소에 맞게 다시 설치하는 방법과 설정 변경을 통해 바꾸는 방법이 있습니다. 여기서는 설정 변경을 통해 바꾸는 방법을 알아보겠습니다. 주소 ...

워드프레스 강좌 / 워드프레스, 테마, 플러그인 업데이트 하는 방법

워드프레스 강좌 / 워드프레스, 테마, 플러그인 업데이트 하는 방법

업데이트 워드프레스는 워드프레스 코어, 플러그인, 테마, 번역 네가지 범주로 업데이트 됩니다. 기능 추가/개선을 위한 업데이트라면 업데이트를 하지 않거나 미룰 수 있지만, 보안 관련 업데이트는 바로바로 해주는 것이 좋습니다. 업데이트는 워드프레스 관리자에서 할 수도 있고, FTP 등을 이용하여 파일 교체 방식으로 할 수도 있습니다. 워드프레스 관리자에서 하는 게 편하므로, 특별한 이유가 없다면 관리자 ...

워드프레스 강좌 / 메뉴 만들고 배치하기

워드프레스 강좌 / 메뉴 만들고 배치하기

워드프레스는 페이지, 글, 카테고리, 태그, 사용자 정의 링크 등으로 메뉴를 만들 수 있습니다. 그리고 그 메뉴는 테마가 제공하는 위치에 배치를 합니다. 하나의 메뉴를 여러 곳에 배치할 수도 있고, 위젯에 추가하는 것도 가능합니다. 메뉴 생성과 관리는 에서 합니다. 화면 옵션 메뉴에 추가할 수 있는 아이템은 여러 가지가 있습니다. 그리고 테마나 플러그인으로 ...

워드프레스 강좌 / 글 / 글 쓰기

워드프레스 강좌 / 글 / 글 쓰기

포스트를 쓰는 건 인터넷 게시판에 글을 쓰는 것과 별반 다르지 않습니다. 제목과 본문을 작성하고 이미지나 파일 등을 첨부한 후 저장하면 됩니다. 하지만 인터넷 게시판에서는 볼 수 없는 설정들이 몇가지 있으니 그 내용들을 중점적으로 보시면 됩니다. 글 쓰기는 에서 합니다. 화면 옵션 새 포스트를 작성하는 화면으로 가면 글을 입력할 수 있는 ...

워드프레스 / 메모

위젯 제목 출력되지 않게 하는 방법 위젯의 내용은 출력하지만, 위젯 제목은 출력하고 싶지 않다면, functions.php에 다음 코드를 추가한다. function no_widget_title( $t ) { return null; } add_filter( 'widget_title', 'no_widget_title' ); 이메일 주소 변경 알림 메일 가지 않게 하는 방법 functions.php에 다음 코드를 추가한다. add_filter( 'send_email_change_email', '__return_false' ); 메타 태그 추가하는 방법 자식 테마를 만들어서 사용하고 있다면, 메타 태그 ...

워드프레스 강좌 / Smush / 이미지 압축, 최적화 플러그인

워드프레스 강좌 / Smush / 이미지 압축, 최적화 플러그인

워드프레스에 이미지를 업로드하면 썸네일을 만듭니다. 예를 들어 image.png를 업로드하면 image-150×150.png 같은 파일이 만들어지는 것이죠. 문제는 한 개만 만드는 것이 아니라는 것입니다. 워드프레스 미디어 설정에 있는 세 가지 썸네일은 기본으로 만들고, 테마에서 요구하는 썸네일, 플러그인에서 요구하는 썸네일 등을 잔뜩 만듭니다. 따라서 이미지를 한 개 업로드해도 여러 개의 썸네일 때문에 디스크 용량을 ...

워드프레스 강좌 / 설정 / 개인정보 / 개인정보처리방침 만들기

워드프레스 강좌 / 설정 / 개인정보 / 개인정보처리방침 만들기

개인정보 설정 개인정보는 GDPR로 인해 워드프레스 4.9.6에 추가된 설정입니다. 유럽연합의 일반 데이터보호 규칙(General Data Protection Regulation (GDPR))이 5월 25일부터 발효됩니다. GDPR은 회사 및 사이트 소유자에게 개인 데이터를 어떻게 수집, 이용, 공유하는지에 관해 투명하게 할 것을 요구하고 있습니다. 또한 개인으로 하여금 자신의 개인 데이터가 어떻게 수집, 이용, 공유되는지에 관해 더 많은 접근 및 선택을 부여하고 ...

워드프레스 강좌