Title: Dev Con Form
Author: nodelondondev
Published: <strong>2017년 4월 7일</strong>
Last modified: 2017년 10월 17일

---

플러그인 검색

![](https://ps.w.org/dev-con-form/assets/banner-772x250.png?rev=1635170)

이 플러그인은 **최근 3개의 주요 워드프레스 출시와 시험 되지 않았습니다**. 워드프레스의
좀 더 최근 버전으로 이용할 때 더 이상 관리되지 않고 지원되지 않고 호환성 문제가 
있을 수 있습니다.

![](https://ps.w.org/dev-con-form/assets/icon-256x256.png?rev=1634147)

# Dev Con Form

 작성자: [nodelondondev](https://profiles.wordpress.org/nodelondondev/)

[다운로드](https://downloads.wordpress.org/plugin/dev-con-form.1.2.2.zip)

 * [세부사항](https://ko.wordpress.org/plugins/dev-con-form/#description)
 * [평가](https://ko.wordpress.org/plugins/dev-con-form/#reviews)
 *  [설치](https://ko.wordpress.org/plugins/dev-con-form/#installation)
 * [개발](https://ko.wordpress.org/plugins/dev-con-form/#developers)

 [지원](https://wordpress.org/support/plugin/dev-con-form/)

## 설명

Are you familiar with HTML and CSS? Does your current contact form plugin give you
the markup you need to build an eye popping, responsive or just outright funky contact
form? Add your template PHP file to your theme, tell Dev Con Form where it is and
the rest is taken care of.

SUPPORT

If you have a question, suggestion or just want to tell us how you are using the
contact form plugin, head over to the [community page](https://plus.google.com/communities/111436651501321536481)

## 설치

#### From WordPress.org

 1. Download and copy ‘dev-con-form’ to the ‘/wp-content/plugins/’ directory
 2. Activate the plugin through the ‘Plugins’ menu in WordPress
 3. Click on the new menu item ‘Contact Forms’ and create your first form!
 4. When you have created your first contact form you can view its shortcode on the‘
    Contact Forms’ page
 5. Paste your newly created shortcode on to your posts, pages or anywhere else that
    allows shortcodes

#### From WordPress dashboard

 1. Visit ‘Plugins > Add New’
 2. Search for ‘Dev Con Form’
 3. Activate Dev Con Form from your Plugins page.

## FAQ

  Installation Instructions

#### From WordPress.org

 1. Download and copy ‘dev-con-form’ to the ‘/wp-content/plugins/’ directory
 2. Activate the plugin through the ‘Plugins’ menu in WordPress
 3. Click on the new menu item ‘Contact Forms’ and create your first form!
 4. When you have created your first contact form you can view its shortcode on the‘
    Contact Forms’ page
 5. Paste your newly created shortcode on to your posts, pages or anywhere else that
    allows shortcodes

#### From WordPress dashboard

 1. Visit ‘Plugins > Add New’
 2. Search for ‘Dev Con Form’
 3. Activate Dev Con Form from your Plugins page.

  How do I create a contact form?

 1.  On wp-admin page, select ‘Contact Forms’ (on the left)
 2.  Select ‘Add New’
 3.  Give your new form a name
 4.  Fill out all the appropriate fields
 5.  Select the ‘Create’ button
 6.  Select ‘Contact Forms’ (on the left)
 7.  You should see your new contact form, Copy the Shortcode (to the right of the 
     form name)
 8.  Paste this shortcode into a post and your form should appear.
 9.  Alternatively you can use the shortcode with the do_shortcode() function

  How do I add more contact form fields?

You will need to make a custom template file to achieve this.
 Please follow these
steps to achieve this:

 1. In your wordpress theme directory, create a new folder called ‘devconform’.
 2. Copy the code from [this example](http://codepen.io/nodelondon/pen/bqQZgR?editors=1100).
 3. Paste the code into a new .php file.
 4. Edit the form elements to suit your needs.
 5. Save the .php file into the devconform folder you created in step 1.
 6. In the WordPress CMS, Select ‘Contact Forms’ and Add New or Edit an existing form.
 7. In the Layout section, select your custom layout in the dropdown menu and select‘
    Create’ or ‘Update’. If you cant see your layout name, make sure you followed steps
    1 to 4 correctly.
 8. If you’ve used the shortcode anywhere in the front end, you should be able to see
    the changes.

  How do I change the layout of the existing contact form?

You cant change the default form but we’ve made it easy to create a new one.
 Please
follow these steps to achieve this:

 1. In your wordpress theme directory, create a new folder called ‘devconform’.
 2. Copy the code from [this example](http://codepen.io/nodelondon/pen/bqQZgR?editors=1100).
 3. Paste the code into a new .php file.
 4. Edit the form elements to suit your needs.
 5. Save the .php file into the devconform folder you created in step 1.
 6. In the WordPress CMS, Select ‘Contact Forms’ and Edit an existing form.
 7. In the Layout section, select your custom layout in the dropdown menu and select‘
    Update’. If you cant see your layout name, make sure you followed steps 1 to 4 
    correctly.
 8. If you’ve used the shortcode anywhere in the front end, you should be able to see
    the changes.

## 후기

![](https://secure.gravatar.com/avatar/541d3d98b0ac420e2eeff826e4e27d1c2db496761fb4ba1d9c607f9adcce71e4?
s=60&d=retro&r=g)

### 󠀁[Flexible and functional](https://wordpress.org/support/topic/flexible-and-functional-5/)󠁿

 [zackjones12](https://profiles.wordpress.org/zackjones12/) 2017년 10월 10일

Dev Con Form is a great plugin that allowed me to build flexible contact forms that
are intuitive and functional without needing to customise much. Finally no more 
storing code within the backend!

 [ 모든 1 평가 읽기 ](https://wordpress.org/support/plugin/dev-con-form/reviews/)

## 기여자 & 개발자

“Dev Con Form”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.

기여자

 *   [ nodelondondev ](https://profiles.wordpress.org/nodelondondev/)
 *   [ node london ](https://profiles.wordpress.org/node-london/)

“Dev Con Form”(이)가 1 개 언어로 번역되었습니다. 기여해 주셔서 [번역자](https://translate.wordpress.org/projects/wp-plugins/dev-con-form/contributors)
님께 감사드립니다.

[자국어로 “Dev Con Form”(을)를 번역하세요.](https://translate.wordpress.org/projects/wp-plugins/dev-con-form)

### 개발에 관심이 있으십니까?

[코드 탐색하기](https://plugins.trac.wordpress.org/browser/dev-con-form/)는, [SVN 저장소](https://plugins.svn.wordpress.org/dev-con-form/)
를 확인하시거나, [개발 기록](https://plugins.trac.wordpress.org/log/dev-con-form/)
을 [RSS](https://plugins.trac.wordpress.org/log/dev-con-form/?limit=100&mode=stop_on_copy&format=rss)
로 구독하세요.

## 변경이력

#### 1.2.0

Pen test updates, wp-config override fixes, editable reference names, post title
clash fixes

#### 1.1.0

Readme updates

#### 1.0.0

Initial release

## 기초

 *  버전 **1.2.2**
 *  최근 업데이트: **9년 전**
 *  활성화된 설치 **10+**
 *  워드프레스 버전 ** 4.7 또는 그 이상 **
 *  다음까지 시험됨: **4.8.30**
 *  언어
 * [English (UK)](https://en-gb.wordpress.org/plugins/dev-con-form/) 및 [English (US)](https://wordpress.org/plugins/dev-con-form/).
 *  [자국어로 번역하기](https://translate.wordpress.org/projects/wp-plugins/dev-con-form)
 * 태그:
 * [contact](https://ko.wordpress.org/plugins/tags/contact/)[contact form](https://ko.wordpress.org/plugins/tags/contact-form/)
   [email](https://ko.wordpress.org/plugins/tags/email/)[email form](https://ko.wordpress.org/plugins/tags/email-form/)
   [form](https://ko.wordpress.org/plugins/tags/form/)
 *  [고급 보기](https://ko.wordpress.org/plugins/dev-con-form/advanced/)

## 평점

 별 5점 만점에 5점.

 *  [  1/5-별점 후기     ](https://wordpress.org/support/plugin/dev-con-form/reviews/?filter=5)
 *  [  0/4-별점 후기     ](https://wordpress.org/support/plugin/dev-con-form/reviews/?filter=4)
 *  [  0/3-별점 후기     ](https://wordpress.org/support/plugin/dev-con-form/reviews/?filter=3)
 *  [  0/2-별점 후기     ](https://wordpress.org/support/plugin/dev-con-form/reviews/?filter=2)
 *  [  0/1-별점 후기     ](https://wordpress.org/support/plugin/dev-con-form/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/dev-con-form/reviews/#new-post)

[모든  리뷰 보기](https://wordpress.org/support/plugin/dev-con-form/reviews/)

## 기여자

 *   [ nodelondondev ](https://profiles.wordpress.org/nodelondondev/)
 *   [ node london ](https://profiles.wordpress.org/node-london/)

## 지원

할 말 있으신가요? 도움이 필요하신가요?

 [지원 포럼 보기](https://wordpress.org/support/plugin/dev-con-form/)