WordPress에서 한 줄로 양식을 표시하는 방법(쉬운 방법)

최근 게시물 게시판 wordpress WordPress에서 한 줄로 양식을 표시하는 방법(쉬운 방법)

  • 양식을 한 줄에 표시하시겠습니까?

    한 줄 양식은 양식 배치에 더 많은 유연성을 제공합니다. 즉, 사이트의 트래픽이 많은 영역에 양식을 쉽게 추가하고 전환을 개선할 수 있습니다.

    이 기사에서는 WordPress에서 양식을 한 줄로 쉽게 표시하는 방법을 보여줍니다.

    WordPress에서 한 줄 형식을 표시하는 이유는 무엇입니까?

    한 줄 양식은 양식을 배치할 위치를 선택할 때 더 많은 유연성을 제공합니다. 이 스타일의 양식은 한 줄로 되어 있기 때문에 공간을 많이 차지하지 않고 기존 콘텐츠와 쉽게 통합할 수 있습니다.

    이메일 뉴스레터 가입 양식은 블로그 게시물 콘텐츠 위 또는 아래에 한 줄로 표시되는 경우가 많습니다. 한 줄 양식도 잘 작동합니다. 방문 페이지, 연락처 페이지 및 기타 중요한 페이지 귀하의 웹사이트에.

    더 많은 구독자와 리드를 생성하는 것 외에도 모든 종류의 양식을 한 줄 양식으로 바꿀 수 있습니다. 예를 들어, 귀하의 문의 양식 페이지의 공간을 절약하기 위해 한 줄에.

    즉, 한 줄 형식을 표시하는 방법을 보여 드리겠습니다. 워드프레스 웹사이트.

    WordPress에서 한 줄 양식 만들기

    이 튜토리얼에서는 WPForms 한 줄 형식을 만드는 플러그인입니다. 그건 최고의 리드 생성 플러그인 5백만 개 이상의 웹사이트에서 사용하는 WordPress용.

    WPForms

    끌어서 놓기 빌더를 사용하여 사이트에 대한 양식을 빠르게 만들 수 있습니다. 또한 대중적인 이메일 마케팅 도구 쉽게 성장할 수 있도록 이메일 목록.

    이있다 프리미엄 버전 더 많은 기능이 포함된 플러그인의 라이트 버전 이 자습서에서는 간단한 양식을 만들고 연결할 수 있으므로 지속적인 접촉 리드 생성을 위해.

    가장 먼저 할 일은 플러그인을 설치하고 활성화하는 것입니다. 자세한 내용은 에 대한 초보자 가이드를 참조하십시오. WordPress 플러그인을 설치하는 방법.

    그 후, 로 이동 WPForms » 새로 추가 WordPress 관리자 패널에서 양식에 이름을 지정합니다. 그런 다음 양식 템플릿을 선택해야 합니다.

    ‘Opt-In Form’ 템플릿을 선택하겠습니다. 템플릿 위에 마우스를 놓고 ‘템플릿 사용’ 버튼을 클릭하기만 하면 됩니다.

    양식 템플릿 선택

    그러면 끌어서 놓기 양식 작성기가 나타납니다.

    선택한 템플릿에 이름, 이메일 필드 및 제출 버튼이 자동으로 포함된 것을 볼 수 있습니다.

    WPForms 드래그 앤 드롭 양식 빌더

    모든 필드는 필드를 클릭하고 왼쪽 열에서 변경하여 편집할 수 있습니다.

    필드를 끌어다 놓아 순서를 변경할 수도 있습니다.

    WPForms 양식 편집기 패널

    필드 사용자 정의가 완료되면 양식을 한 줄에 표시할 수 있습니다.

    이렇게 하려면 다음으로 이동하십시오. 설정 » 일반 그런 다음 ‘고급’ 드롭다운 탭을 클릭합니다.

    고급 설정 양식으로 이동

    그런 다음 ‘Form CSS Class’ 상자에 ‘inline-fields’를 입력합니다(따옴표 제외).

    그러면 해당 CSS 클래스가 양식에 적용됩니다. WPForms에는 ‘inline-fields’ 클래스에 대한 스타일 지정이 포함되어 있으므로 자동으로 전체 양식이 한 줄에 멋지게 표시됩니다.

    인라인 CSS 클래스 추가

    그런 다음 필드 레이블을 숨겨 양식을 더 작게 만들 수 있습니다.

    ‘필드’ 탐색 옵션을 클릭한 다음 ‘고급’ 메뉴 옵션을 선택하고 ‘레이블 숨기기’ 토글을 클릭하여 켭니다.

    양식 레이블 숨기기 토글

    그런 다음 모든 양식 필드 레이블에 대해 동일한 작업을 수행해야 합니다.

    그런 다음 동일한 ‘고급’ 섹션에서 ‘자리 표시자’ 상자에 텍스트를 입력할 수 있습니다.

    이것은 사용자에게 각 양식 필드의 용도를 알려줍니다.

    양식 자리 표시자 텍스트 추가

    양식 사용자 정의가 완료되면 ‘저장’ 버튼을 클릭하여 변경 사항을 저장하십시오.

    양식을 사용하여 리드를 생성하는 경우 양식을 이메일 마케팅 제공업체에 연결할 수 있습니다. 자세한 내용은 다음 가이드를 참조하세요. 이메일 뉴스레터를 만드는 방법 옳은 길.

    WordPress 웹사이트에 한 줄 양식 추가하기

    이제 웹사이트에 한 줄 양식을 추가할 차례입니다. 모든 페이지, 게시물 또는 위젯 영역에 추가할 수 있습니다.

    기존 페이지에 추가할 예정이지만 다른 영역에 추가하는 경우 프로세스는 유사합니다. 워드프레스 블로그.

    한 줄 양식을 표시할 페이지를 열고 ‘플러스’ 블록 추가 아이콘을 클릭하고 ‘WPForms’를 검색하기만 하면 됩니다.

    WPForms 블록 추가

    그런 다음 ‘WPForms’ 블록을 클릭하여 사이트에 추가합니다.

    이전에 생성한 단일 라인 양식을 선택하는 드롭다운 상자가 나타납니다.

    드롭다운에서 한 줄 형식 선택

    양식을 선택하면 플러그인이 콘텐츠 편집기 내에서 양식 미리보기를 로드합니다. 그런 다음 ‘업데이트’ 또는 ‘게시’ 버튼을 클릭하여 새 양식을 게시하세요.

    이제 웹 사이트를 방문하여 새 양식이 작동하는 모습을 볼 수 있습니다.

    한 줄 형식의 예

    이 기사가 WordPress에서 양식을 한 줄로 표시하는 방법을 배우는 데 도움이 되었기를 바랍니다. 당신은 또한 우리의 가이드를보고 싶을 수도 있습니다 무료 이메일 도메인을 얻는 방법, 그리고 우리의 전문가가 선택한 최고의 가상 비즈니스 전화 번호 앱 무료 옵션으로.

    이 기사가 마음에 들면 구독하십시오. 유튜브 채널 WordPress 비디오 자습서용. 당신은 또한 우리를 찾을 수 있습니다 트위터 그리고 페이스북.

    포스트 WordPress에서 한 줄로 양식을 표시하는 방법(쉬운 방법) 에 처음 등장 WPB초보자.

    Source link

    신고하기
'WordPress에서 한 줄로 양식을 표시하는 방법(쉬운 방법)'에 답변달기
글쓴이 정보: