탭 베드 워드 프레스 로그인 및 등록 위젯을 구축하십시오

키 테이크 아웃

이 기사는 기본 WordPress 페이지와 비교하여 클라이언트 또는 웹 개발자의 설계 및 브랜딩을 더 잘 반영 할 수있는 사용자 정의 탭 WordPress 로그인 및 등록 위젯을 구축하는 방법에 대한 자세한 안내서를 제공합니다. 위젯은 QuickFlip JQuery 라이브러리를 사용하여 제작되어 로그인과 등록 탭 사이에 뒤집는 효과를 만듭니다. 등록 양식에는 사용자 이름, 비밀번호 및 이메일 필드가 포함되며 로그인 양식에는 보안 문자가 없습니다. 저자는 출력 버퍼링을 켜고 표준 WP_WIDGET 클래스를 확장하고, 어린이 등급 생성 및 위젯 등록을 포함하여 위젯을 생성하는 과정을 안내합니다. 이 기사는 또한 로그인 및 등록 양식에 대한 HTML 코드를 작성하고, 새 사용자 등록을 처리하고, 사용자가 로그인하고, 백엔드 위젯 설정 양식을 작성하는 방법을 설명합니다. 이 기사는 또한 위젯을 사용자 정의하고 코딩하지 않고 추가하고 WordPress Admin에 액세스하는 데 문제를 해결하고 WordPress 사이드 바에 로그인 양식을 추가하는 방법을 포함하여 탭 베드 워드 프레스 로그인 및 등록 위젯을 구축하는 것에 대한 몇 가지 자주 묻는 질문에 답변합니다. 기본 WordPress 로그인 URL 변경, 위젯의 보안을 확인하고, 사이드 바에 등록 양식을 추가하고, 위젯이 제대로 작동하지 않는 문제를 해결하고 소셜 로그인을 추가하십시오. 옵션. <.>

지난 몇 년 동안 WordPress의 맞춤형 등록 위젯에 대한 수요가 증가하고 있습니다. WordPress 기본 로그인 및 등록 페이지에 대한 건전한 무례가 있습니다. 고객이나 웹 개발자의 설계 및 브랜딩을 반영하지 않기 때문에 직관적이지 않기 때문입니다.

. 이 문제를 해결하기 위해 두 명의 개발자가 여러 종류의 로그인 및 등록 페이지를 출시했지만 좋은 사람은 가격이 책정되어 저렴하지 않습니다. 그러나 울타리에 있거나 WordPress 플러그인 저장소에서 무료로 제공되는 것에 실망한 경우 탭 베드 워드 프레스 로그인 및 등록 위젯을 무료로 만드는 방법을 배울 수 있기 때문에 정신을 들어 올릴 수 있습니다! 전체 과정을 파악하기 위해 짧은 시간을 희생하면됩니다. 일단 당신이 매우 간단한 지식을 습득하면; WordPress 구동 사이트에 기능이 풍부한 등록 페이지가 있어야합니다.

이 기사에서는 QuickFlip JQuery Library에서 가능한 뒤집는 효과를 가진 간단한 탭 로그인 및 등록 양식 위젯을 작성합니다. 튜토리얼보다 앞서 나가려면 로그인 및 등록 위젯의 데모를보고 위젯 플러그인을 다운로드 할 수 있습니다. 물건을 단순하게 유지하기 위해 등록 양식은 사용자 이름, 비밀번호 및 이메일 필드로 구성됩니다. 로그인 양식에는 보안 문자가 포함되어 있습니다 더 이상 소란없이 위젯 개발을 시작합시다.
• 위젯 개발 먼저, 플러그인 헤더를 포함하십시오.

  위젯 개발을 올바르게 입력하기 전에 경고를 방지하기 위해 출력 버퍼링을 켜야합니다. 헤더 정보를 수정할 수 없습니다 - 헤더는 이미 오류를 보냈습니다. .

  WordPress 위젯을 만들려면 표준 WP_WIDGET 클래스를 확장하고 필요한 방법을 포함하고 마지막으로 위젯을 등록하십시오. wp_widget 클래스를 연장하는 어린이 계급을 만듭니다

  정적 속성 $ login_registration_status는 등록 및 로그인 양식 생성 오류 메시지를 저장합니다.

  __construct () 마법 메소드를 사용하여 위젯에 이름과 설명을 제공합니다.

  <span><span><?php
  </span></span><span><span>/*
  </span></span><span><span>Plugin Name: Tabbed Login Registration Widget
  </span></span><span><span>Plugin URI: https://www.sitepoint.com
  </span></span><span><span>Description: A tabbed login and registration widget for WordPress
  </span></span><span><span>Version: 1.0
  </span></span><span><span>Author: Agbonghama Collins
  </span></span><span><span>Author URI: http://w3guy.com
  </span></span><span><span>License: GPL2
  </span></span><span><span>*/</span></span>

  로그인 및 등록 양식에 대한 HTML 코드를 반환하는 두 가지 메소드 - login_form () 및 registration_form () - 나중에 재사용을 위해 생성됩니다.
  아래의 register_user ()는 새 사용자의 등록을 처리합니다.

  <span>// Turn on output buffering
  </span><span>ob_start();</span>

  메소드가 새 사용자를 등록하는 방법은 다음과 같습니다 먼저, 사용자가 실제로 계정을 등록하고 있는지 확인합니다. 이것은 '가입'버튼이 클릭되었음을 감지하여 수행됩니다. 즉, $ _post [ 'reg_submit']가 설정되었습니다. esc_attr 함수를 사용하여 HTML 속성에 대해 양식 데이터가 탈출됩니다. 사용자가 입력 한 사용자 이름, 비밀번호 및 이메일은 wp_create_user () 함수로 전달되어 새 사용자를 WordPress 데이터베이스에 삽입합니다. 모든 것이 잘 진행되면, 속성 $ login_registration_status는 텍스트 등록으로 설정됩니다. 그렇지 않으면 wp_create_user ()에 의해 리턴 된 오류는 값이됩니다. . 로그인 양식이 제출되면 아래 로그인 _user () 함수 아래 로그인.

  로 login_user ()가 WordPress에 가입하는 방법을 설명 할 수 있습니다. 앞서 언급 한 register_user ()와 유사하게, 먼저 $ _post [ 'login_submit']가 설정되었는지 확인하여 사용자가 로그인하려고합니다. 사용자가 입력 한 로그인 자격 증명의 관련 배열 $ Cred가 생성됩니다. 인증을 위해 연관 배열이 wp_signon으로 전달됩니다.

  자격 증명이 유효한 것으로 간주되고 wp_signon에 의해 사용자는 wp_redirect에 의해 WordPress 대시 보드로 리디렉션됩니다. 백엔드 위젯 설정 양식은 위젯의 제목을 포함하는 필드로 구성된 양식 () 메소드에 의해 생성됩니다.
  위젯 제목이 양식 필드에 입력되면 업데이트 () 메소드는 재사용을 위해 데이터베이스에 데이터를 소독하고 저장합니다.

  <span>class Tab_Login_Registration extends WP_Widget {</span>

  위젯 () 메소드는 WordPress의 프론트 엔드에 탭 베드 로그인 및 등록 양식을 표시합니다.

  <span><span><?php
  </span></span><span><span>/*
  </span></span><span><span>Plugin Name: Tabbed Login Registration Widget
  </span></span><span><span>Plugin URI: https://www.sitepoint.com
  </span></span><span><span>Description: A tabbed login and registration widget for WordPress
  </span></span><span><span>Version: 1.0
  </span></span><span><span>Author: Agbonghama Collins
  </span></span><span><span>Author URI: http://w3guy.com
  </span></span><span><span>License: GPL2
  </span></span><span><span>*/</span></span>

  코드 설명 : JavaScript 코드는 위젯에 탭 및 플리핑 효과를 추가합니다. 마지막으로, 우리는 위젯 클래스를 닫습니다.

  위젯 클래스 Tab_Login_Registration은 위젯 _init 후크를 사용하여 등록해야하므로 WordPress Internals에 의해 인식됩니다.

  우리는 여전히 탭을 얻으려면 jQuery, 위젯 CSS 및 QuickFlip 라이브러리를 포함해야합니다. jQuery 및 QuickFlip JavaScript 및 CSS는 WP_ENQUEUE_STYLE 및 WP_ENQUEUE_SCRIPT에 의해 WordPress의 헤더에 포함되어 있습니다.

  우리는 로그인 및 등록 위젯을 코딩하고 있습니다 아래는 위젯의 스크린 샷입니다

  위젯의 데모를 봅니다. 랩 업 위젯이 구축 된 방법과 WordPress 사이트에서이를 구현하는 방법을 추가로 이해하려면 jQuery, QuickFlip 및 위젯 스타일 시트 파일을 포함한 위젯 플러그인을 다운로드하십시오. 코드 개선에 대한 질문이나 제안이 있으시면 의견에 알려주십시오. 탭 구축 WordPress 로그인 및 등록 위젯 구축에 대한 자주 묻는 질문 내 WordPress 로그인 및 등록 위젯의 모양을 사용자 정의 할 수 있습니까?

  WordPress 로그인 및 등록 위젯의 모양을 CSS를 통해 수행 할 수 있습니다. WordPress Customizer 또는 Theme 's Style.css 파일에 자신의 CSS를 추가 할 수 있습니다. 웹 사이트 디자인과 일치하도록 색상, 글꼴, 크기 등을 변경할 수 있습니다. 코드를 변경하기 전에 항상 사이트를 백업하는 것을 잊지 마십시오.

  코딩하지 않고 WordPress 사이트에 로그인 및 등록 위젯을 추가 할 수 있습니까? 예, 로그인 및 등록을 추가 할 수 있습니다. 코딩없이 WordPress 사이트에 위젯. 이를 수행 할 수있는 몇 가지 플러그인이 있습니다. 인기있는 옵션에는 로그인 사이드 바 위젯 및 사용자 등록 및 사용자 프로필이 포함됩니다. 이 플러그인은 사용하기 쉬운 인터페이스 및 사용자 정의 옵션을 제공합니다.

  로그인 및 등록 위젯을 추가 한 후 WordPress Admin에 액세스 할 수 없으면 어떻게해야합니까?

  가능하다면 '어떻게해야합니까? t 로그인 및 등록 위젯을 추가 한 후 WordPress Admin에 액세스하면 문제가 발생하는 플러그인을 비활성화해야 할 수도 있습니다. FTP를 통해 사이트 파일에 액세스하고 플러그인 폴더의 이름을 바꾸면이를 수행 할 수 있습니다. 이 작업을 마치면 다시 로그인하십시오. 여전히 문제가있는 경우 호스팅 제공 업체에 연락하거나 WordPress 전문가의 도움을 구해야 할 수도 있습니다. WordPress 사이드 바에 로그인 양식을 추가 할 수있는 방법? WordPress 사이드 바에 로그인 양식을 추가하면 위젯을 사용하여 수행 할 수 있습니다. WordPress 대시 보드에서 모양> 위젯으로 이동하여 메타 위젯을 사이드 바로 드래그하십시오. 메타 위젯에는 클릭 할 때 로그인 양식을 표시하는 로그인 링크가 포함되어 있습니다.

  기본값 WordPress 로그인 URL을 변경할 수 있습니까?

  예, 보안상의 이유로 기본 wordpress 로그인 URL을 변경할 수 있습니다. . WPS와 같은 플러그인을 사용하여 로그인을 숨기거나 사이트의 .htaccess 파일을 편집하여 수동으로 수행 할 수 있습니다. 새 로그인 URL을 기록하고 안전하게 유지하는 것을 잊지 마십시오.

  내 WordPress 사이트에 로그인 위젯을 추가하는 데 사용할 수있는 다른 플러그인이 있습니까? 이를 통해 WordPress 사이트에 로그인 위젯을 추가 할 수 있습니다. 인기있는 옵션에는 사용자 정의 로그인 페이지 커스터마이저, 로그인 디자이너 및 테마 내 로그인이 포함됩니다. 이 플러그인은 다양한 기능 및 사용자 정의 옵션을 제공합니다.

  WordPress 로그인 및 등록 위젯의 보안을 보장하려면 WordPress 로그인 및 등록 위젯의 보안을 보장하기 위해 강력하고 고유 한 암호를 사용하고 WordPress 사이트와 플러그인을 최신 상태로 유지하십시오. 또한 Wordfence 또는 Sucuri와 같은 보안 플러그인을 사용하여 추가 보호 계층을 추가 할 수 있습니다.

  내 WordPress 사이드 바에 등록 양식을 추가 할 수 있습니까?

  예, 등록 양식을 추가 할 수 있습니다. 위젯을 사용하는 WordPress 사이드 바. 사용자 등록 및 사용자 프로필과 같이이를 수행 할 수있는 몇 가지 플러그인이 있습니다. 이 플러그인은 사용하기 쉬운 인터페이스 및 사용자 정의 옵션을 제공합니다.
  로그인 및 등록 위젯이 제대로 작동하지 않으면 어떻게해야합니까?

  로그인 및 등록 위젯이 제대로 작동하지 않으면 어떻게해야합니까? , 플러그인을 비활성화하고 재 활성화하십시오. 이것이 문제를 해결하지 않으면 다른 플러그인이나 테마와 충돌 할 수 있습니다. 다른 플러그인을 하나씩 비활성화하여 문제가 해결되었는지 확인하십시오. 그렇지 않은 경우 플러그인의 지원에 연락하거나 WordPress 전문가의 도움을 구해야 할 수도 있습니다.

  내 WordPress 로그인 및 등록 위젯에 소셜 로그인 옵션을 추가 할 수 있습니까?

  예, 추가 할 수 있습니다. WordPress 로그인 및 등록 위젯에 소셜 로그인 옵션. Nextend Social Login 및 WP 소셜 로그인과 같이이를 수행 할 수있는 몇 가지 플러그인이 있습니다. 이 플러그인은 사용자가 소셜 미디어 계정을 사용하여 등록하고 로그인 할 수 있으므로 프로세스를 더 빠르고 쉽게 만들 수 있습니다.

위 내용은 탭 베드 워드 프레스 로그인 및 등록 위젯을 구축하십시오의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!