블로그 - 매뉴얼 /manual 다른 케이테마 쇼핑몰 사이트 사이트 Mon, 25 Nov 2024 02:47:24 +0000 ko-KR hourly 1 https://wordpress.org/?v=6.6.2 고객문의폼 활용 /manual/docs/%ec%bc%80%ec%9d%b4%ed%85%8c%eb%a7%88-%ec%9d%b4%ec%9a%a9%ec%95%88%eb%82%b4/%ed%85%8c%eb%a7%88%ed%99%9c%ec%9a%a9/%ea%b3%a0%ea%b0%9d%eb%ac%b8%ec%9d%98%ed%8f%bc-%ed%99%9c%ec%9a%a9/ /manual/docs/%ec%bc%80%ec%9d%b4%ed%85%8c%eb%a7%88-%ec%9d%b4%ec%9a%a9%ec%95%88%eb%82%b4/%ed%85%8c%eb%a7%88%ed%99%9c%ec%9a%a9/%ea%b3%a0%ea%b0%9d%eb%ac%b8%ec%9d%98%ed%8f%bc-%ed%99%9c%ec%9a%a9/#respond Tue, 07 Mar 2023 03:49:47 +0000 /manual/docs/%ec%bc%80%ec%9d%b4%ed%85%8c%eb%a7%88-%ec%9d%b4%ec%9a%a9%ec%95%88%eb%82%b4/%ed%85%8c%eb%a7%88%ed%99%9c%ec%9a%a9/%ea%b3%a0%ea%b0%9d%eb%ac%b8%ec%9d%98%ed%8f%bc-%ed%99%9c%ec%9a%a9/ 닌자폼 설정 닌자폼은 워드프래스에서 사용되는 폼 생성 프로그램입니다. 닌자폼은 많은 고급 기능을 제공하는 무료 워드프레스 폼 플러그인입니다. 끌어서 놓기 양식 작성기, 조건부 논리, 다중 부분 양식 및 PayPal, Stripe 및 Mailchimp와 같은 다른 플러그인과 통합되어 있습니다. 닌자폼에는 설문 조사, 설문 조사 및 퀴즈를 만드는 기능과 같은 기능을 확장하는 여러 추가 기능도 포함되어 있습니다. 또한 플러그인에는 […]

The post 고객문의폼 활용 first appeared on 매뉴얼.

]]> 닌자폼 설정

닌자폼은 워드프래스에서 사용되는 폼 생성 프로그램입니다. 닌자폼은 많은 고급 기능을 제공하는 무료 워드프레스 폼 플러그인입니다. 끌어서 놓기 양식 작성기, 조건부 논리, 다중 부분 양식 및 PayPal, Stripe 및 Mailchimp와 같은 다른 플러그인과 통합되어 있습니다. 닌자폼에는 설문 조사, 설문 조사 및 퀴즈를 만드는 기능과 같은 기능을 확장하는 여러 추가 기능도 포함되어 있습니다. 또한 플러그인에는 양식을 쉽게 사용자 지정하고 이메일 알림을 설정할 수 있는 부가적인 기능이 제공됩니다.

  1. 닌자폼 소개
  2. 닌자폼 설정
  3. 닌자폼 생성/편집/삭제

 

닌자폼 소개()

다양한 무료/유료 플러그인이 있지만 무료 플러그인 중에서는 가장 인기있는 플러그인 중 하나입니다. 케이테마에서는 닌자폼을 기반으로 폼 디자인을 제공하고 있습니다.

 

닌자폼 설정

관리자 페이지 – ninja form – 설정 페이지로 이동하여 중단에 있는 Form Builder “Dev Mode” 를 체크합니다. 이후 저장해줍니다.

 

닌자폼 생성/편집/삭제

 

닌자폼 생성

새로추가 버튼을 클릭하면 다양한 템플릿을 볼 수 있습니다. 빈페이지를 누르고 폼을 생성해줍니다.

왼쪽에는 빈 폼이 표시되며 해당 폼에 오른쪽의 폼요소들을 드래그해서 추가할 수 있습니다. 다양한 폼 필드를 추가할 수 있으며 각 폼 필드를 수정하여 표시되는 레이블 등을 변경할 수 있습니다. 닌자폼이 다른 프로그램과 차별화 되는 부분은 입력할 수 있는 필드의 종류가 다양하다는 것입니다. 특히 “File Upload”기능은 다른 플러그인에서는 대부분 유료로 제공되고 있으나 닌자폼에서는 무료로 제공하고 있습니다.

 

입력된 폼을 클릭해보면 요소의 설정을 변경할 수 있는 페이지가 표시됩니다. 라벨, 선택여부, 요소의 오른쪽 등 다양한 세부설정을 할 수 있습니다.

 

닌자폼 편집

Dashboard 로 이동하면 Conatct Me 라는 미리 생성된 폼을 확인할 수 있습니다. 클릭하여 페이지에 들어가면 생성된 폼의 세부내역을 볼 수 있습니다.

각 폼을 클릭하면 오른쪽으로 수정할 수 있는 양식이 표시됩니다. Name을 변경하기 원하시면 “이름”으로 바꾸시기 바랍니다. “레이블 위치”는  요소의 왼쪽으로 설정해주시기 바랍니다. “완료”버튼을 누르면 설정이 완료됩니다.

 

이후 “게시”버튼을 누르면 설정이 완료됩니다.

 

닌자폼 삭제

폼 삭제는 닌자폼 대시보드에서 마우스를 올려보면 “제거하기”메뉴가 표시됩니다. 해당 메뉴를 클릭하면 폼을 삭제할 수 있습니다.

 

 

닌자폼 제출내용 확인

닌자폼에 제출된 문의사항이나 정보는 위의 경로에서 확인 가능합니다.

“제출” 혹은 submission 이라고 되어있는 메뉴로 이동하면 폼 이름(아이디)를 선택할 수 있습니다. 선택하게되면 해당 폼에 등록된 글이 표시되게 됩니다. 제목을 누르면 상세 푬 정보를 확인 할 수 있습니다.

 

결론

닌자폼은 워드프레스 플러그인 중에서 가장 추천할 만한 플러그인 입니다. 케이테마에서도 닌자폼에 최적화하여 페이지를 제공하고 있습니다. https://mwpdemo22900.mycafe24.com/ 페이지 하단 혹은 https://mwpdemo22900.mycafe24.com/?page_id=668 페이지에서 폼 디자인을 확인할 수 있습니다.

감사합니다.

The post 고객문의폼 활용 first appeared on 매뉴얼.

]]> /manual/docs/%ec%bc%80%ec%9d%b4%ed%85%8c%eb%a7%88-%ec%9d%b4%ec%9a%a9%ec%95%88%eb%82%b4/%ed%85%8c%eb%a7%88%ed%99%9c%ec%9a%a9/%ea%b3%a0%ea%b0%9d%eb%ac%b8%ec%9d%98%ed%8f%bc-%ed%99%9c%ec%9a%a9/feed/ 0 메뉴생성 및 테마연동 /manual/docs/%ec%bc%80%ec%9d%b4%ed%85%8c%eb%a7%88-%ec%9d%b4%ec%9a%a9%ec%95%88%eb%82%b4/%ea%b8%b0%eb%b3%b8%ec%84%a4%ec%a0%95/%eb%a9%94%eb%89%b4%ec%83%9d%ec%84%b1-%eb%b0%8f-%ed%85%8c%eb%a7%88%ec%97%b0%eb%8f%99/ /manual/docs/%ec%bc%80%ec%9d%b4%ed%85%8c%eb%a7%88-%ec%9d%b4%ec%9a%a9%ec%95%88%eb%82%b4/%ea%b8%b0%eb%b3%b8%ec%84%a4%ec%a0%95/%eb%a9%94%eb%89%b4%ec%83%9d%ec%84%b1-%eb%b0%8f-%ed%85%8c%eb%a7%88%ec%97%b0%eb%8f%99/#respond Tue, 07 Mar 2023 03:49:11 +0000 /manual/docs/%ec%bc%80%ec%9d%b4%ed%85%8c%eb%a7%88-%ec%9d%b4%ec%9a%a9%ec%95%88%eb%82%b4/%ea%b8%b0%eb%b3%b8%ec%84%a4%ec%a0%95/%eb%a9%94%eb%89%b4%ec%83%9d%ec%84%b1-%eb%b0%8f-%ed%85%8c%eb%a7%88%ec%97%b0%eb%8f%99/ 워드프레스는 사용자가 홈페이지나 블로그를 쉽게 만들고 관리할 수 있도록 하는 인기 있는 콘텐츠 관리 시스템입니다. 홈페이지 제작에서 중요한 부분은 메뉴를 만들고 해당 메뉴에 페이지를 연결하는 것입니다. 본문에서는 워드프레스에서 메뉴를 만들고 페이지를 연결하는 과정을 소개해드립니다.   메뉴만들기 메뉴 내용 추가/삭제/변경 메뉴와 테마 연결 메뉴구조와 부모페이지   메뉴만들기 관리자페이지 > 외모 > 메뉴 관리자페이지의 메뉴페이지로 이동하면 “새 […]

The post 메뉴생성 및 테마연동 first appeared on 매뉴얼.

]]>
  • 메뉴만들기
  • 메뉴 내용 추가/삭제/변경
  • 메뉴와 테마 연결
  • 메뉴구조와 부모페이지
    •  

    메뉴만들기

    관리자페이지 > 외모 > 메뉴 관리자페이지의 메뉴페이지로 이동하면 “새 메뉴 만들기”버튼이 표시됩니다. 해당 버튼을 클릭하면 신규메뉴를 생성할 수 있는 폼이 표시됩니다. 이름을 넣고 “메뉴생성”버튼을 눌러주시기 바랍니다.  

    메뉴 내용 추가/삭제/변경

    메뉴폼의 왼쪽에는 “페이지”, “글”, “사용자정의링크” 등 각 항목이 있으며 항목은 다음의 역할을 합니다.
    1. 페이지 : 페이지메뉴에서 생성된 컨텐츠 입니다.  페이지 생성과 관리에 대한 설명은 링크 를 참조해주시기 바랍니다.
    2. 글 : 글은 작성된 포스트를 의미합니다. 블로그 기반으로 생성된 홈페이지는 글을 각 메뉴에 넣어 관리하기도 합니다. 일반적인 홈페이지에서는 글을 메뉴로 넣지는 않습니다.
    3. 사용자 정의 링크 : 메뉴 클릭 시 외부링크로 이동이 필요한 경우 해당 항목을 지정합니다. 네이버, 다음 등 외부사이트 링크에 유용하게 사용됩니다.
    4. 카테고리 : 카테고리는 “글” 작성시 구분을 위해 생성한 분류를 지정합니다. 각 분류에 들어가면 해당되는 글 목록을 볼 수 있습니다.
    5. 기타 : 플러그인이 추가되면 다양한 항목들이 추가로 생성됩니다. 예를 들어 우커머스 같은 경우 상품페이지, 카트 등 쇼핑몰 기능을 선택할 수 있도록 추가됩니다.
     

    메뉴의 추가

    신규로 생성한 메뉴에 표시될 항목들을 모두 선택하면 “메뉴에추가”버튼을 누릅니다. 해당 버튼을 누르면 오른쪽 메뉴에 각 항목들이 표시되게 됩니다. 항목들은 클릭하여 마우스 드레그&드랍으로 위치를 조정할 수 있으며 상위메뉴/하위메뉴로 이동할 수 있습니다.  

    메뉴의 삭제

    메뉴에 추가된 각 항목의 오른쪽에 아래쪽 내림 화살표가 보입니다. 이 화살표를 클릭하면 메뉴항목의 내용을 볼 수 있습니다. 각 항목은 다음과 같습니다.
    1. 내비게이션 레이블 : 메뉴에 표시되는 이름 입니다. 이 이름은 페이지/글/카테고리 등의 제목이 기본이 됩니다. 표시되는 이름을 바꿔줄때 사용합니다. 더 권장하는 방법은 원본의 이름을 바꾸는 방법입니다. 2번에서 설명드리겠습니다.
    2. 원본 : 이 메뉴를 클릭할 때 이동될 컨텐츠를 표시합니다. 페이지를 연결했다면 해당 페이지로 이동하게 됩니다. 메뉴의 이름을 바꿀때는 원본 페이지/글/카테고리의 제목을 바꾸고 저장하면 이 메뉴항목의 이름이 바뀌게 됩니다. 이렇게 하시면 메뉴이름과 원본제목이 달라서 발생되는 혼란을 방지할 수 있습니다.
    3. 제거 : 해당 메뉴항목을 삭제합니다. 메뉴에서만 삭제되는 것이고 원본은 남아있습니다. 따라서 언제든 다시 메뉴에 추가할 수 있게됩니다.
    삭제를 원하는 경우 “제거”버튼을 누르면 삭제가 완료됩니다. 이후 “메뉴저장”을 클릭하여 메뉴를 저장해줍니다.  

    메뉴와 테마 연결

    메뉴는 테마와 연결되어야 합니다. 테마는 메뉴를 표시할 수 있는 공간을 제공합니다. ( 가끔 메뉴연결공간을 제공하지 않는 테마도 있습니다 ) 예를 들어 테마의 헤더메뉴 / 사이드메뉴 / 푸터메뉴 등 각 위치에 따라서 구분을 하기도 다른 목적에 따라 구분하기도 합니다. 일반적으로는 상단메뉴 혹은 주메뉴라는 이름으로 메뉴를 지정합니다. 상단의 편집할 메뉴 선택에서 메뉴를 먼저 선택합니다. 그리고 메뉴가 표시될 위치를 아래에서 선택합니다. “주메뉴”를 선택했다면 “메뉴저장”을 눌러줍니다. 메뉴를 저장 후 메인화면으로 돌아가서 표시되는 내용을 확인하면 되겠습니다.  

    메뉴구조와 부모페이지

    메뉴를 생성하다보면 상위메뉴/하위메뉴가 생기게 됩니다. 예를 들면 “회사소개” 라는 페이지는 “대표인사말”, “회사연혁”, “오시는길” 등 의 하위메뉴를 가질 수 있습니다. 이 구조를 연결되는 페이지 구조와 동일하게 맞춰주시면 좋습니다. “페이지생성”  문서의 “페이지구조”부분을 보시면 부모/자식관계를 정해주는 방법이 있습니다. 이 방법과 동일하게 메뉴구조를 만들어 주시면 테마에서 간혹 발생할 수 있는 오류를 줄일 수 있습니다.  

    결론

    이제 새메뉴를 생성하고 페이지를 연결하였습니다. 이 과정을 반복하여 메뉴를 생성하고 테마에 연결해주시면 되겠습니다.

    The post 메뉴생성 및 테마연동 first appeared on 매뉴얼.

    ]]>     /manual/docs/%ec%bc%80%ec%9d%b4%ed%85%8c%eb%a7%88-%ec%9d%b4%ec%9a%a9%ec%95%88%eb%82%b4/%ea%b8%b0%eb%b3%b8%ec%84%a4%ec%a0%95/%eb%a9%94%eb%89%b4%ec%83%9d%ec%84%b1-%eb%b0%8f-%ed%85%8c%eb%a7%88%ec%97%b0%eb%8f%99/feed/ 0