キーテイクアウト
- この記事では、デフォルトのWordPressページと比較して、クライアントまたはWeb開(kāi)発者のデザインとブランディングをよりよく反映できるカスタムタブのWordPressログインと登録ウィジェットの構(gòu)築方法に関する詳細(xì)なガイドを提供します。 ウィジェットは、QuickFlip jQueryライブラリを使用して構(gòu)築され、ログインと登録タブの間に反転効果を作成します。登録フォームには、ユーザー名、パスワード、電子メールフィールドが含まれていますが、ログインフォームにはCaptchaがありません。
- 著者は、出力バッファリングをオンにすること、標(biāo)準(zhǔn)のWP_Widgetクラスの拡張、子供クラスの作成、ウィジェットの登録など、ウィジェットを作成するプロセスを進(jìn)めます。この記事では、ログインと登録フォームのHTMLコードを作成し、新しいユーザー登録を処理し、ユーザーにサインインし、バックエンドウィジェット設(shè)定フォームを作成する方法についても説明しています。 この記事は、ウィジェットのカスタマイズ、コーディングなし、WordPress管理者へのアクセスに関する問(wèn)題を解決する方法など、タブ付きWordPressログインと登録ウィジェットの構(gòu)築に関するよくある質(zhì)問(wèn)にも回答します。デフォルトのWordPressログインURLを変更し、ウィジェットのセキュリティを確認(rèn)し、登録フォームをサイドバーに追加し、ウィジェットが正しく機(jī)能しない問(wèn)題を解決し、ソーシャルログインを追加しますオプション。
- ここ數(shù)年、WordPressのカスタマイズされた登録ウィジェットに対する需要が高まっています。クライアントやWeb開(kāi)発者のデザインとブランディングを反映していないため、直感的ではないという理由だけで、WordPressのデフォルトログインと登録ページには健全な無(wú)禮があります。 この問(wèn)題を解決するために、いくつかの開(kāi)発者がいくつかの種類(lèi)のログインと登録ページをリリースしましたが、良いものには価格があり、安くなりません。 ただし、WordPressプラグインリポジトリで無(wú)料で利用できるものにフェンスに乗っているか、全體的に失望している場(chǎng)合は、タブ付きWordPressログインと登録ウィジェットを無(wú)料で作成する方法を?qū)Wぶことができるため、スピリットを持ち上げることができます。プロセス全體を把握するために、短い時(shí)間を犠牲にするだけです。かなり簡(jiǎn)単な知識(shí)を習(xí)得したら。 WordPress搭載サイトには、機(jī)能が豊富な登録ページが必要です。 この記事では、QuickFlip jQueryライブラリによって可能になったフリッピング効果を備えた簡(jiǎn)単なタブ付きログインと登録フォームウィジェットを構(gòu)築します。 チュートリアルの前にジャンプしたい場(chǎng)合は、
物事をシンプルに保つために、登録フォームはユーザー名、パスワード、電子メールフィールドで構(gòu)成されます。ログインフォームにはCaptchaが含まれません
それ以上の騒ぎなしで、ウィジェットの開(kāi)発を始めましょう。ウィジェット開(kāi)発
最初に、プラグインヘッダーを含めてください。
<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>ウィジェット開(kāi)発に適切に入力する前に、警告を防ぐために出力バッファリングをオンにする必要があります。ヘッダー情報(bào)を変更できません - ヘッダーはすでにエラーを送信しました。
WordPressウィジェットを作成するには、標(biāo)準(zhǔn)のWP_Widgetクラスを拡張し、必要な方法を含め、最後にウィジェットを登録します。
<span>// Turn on output buffering </span><span>ob_start();</span>WP_Widgetクラスを拡張する子供クラスを作成します
staticプロパティ$ login_registration_statusは、登録とログインフォーム生成されたエラーメッセージを保存します。
__construct()Magic Methodを使用してウィジェットに名前と説明を與えます。
<span>class Tab_Login_Registration extends WP_Widget {</span>
2つのメソッド - login_form()とregistration_form() - ログインと登録フォームのHTMLコードを返すことは、後で再利用するために作成されます。
<span>static private $login_registration_status;</span>
以下のRegister_user()は、新しいユーザーの登録を処理します。
<span>/** </span><span> * Register widget with WordPress. </span><span> */ </span> <span>function __construct() { </span> <span><span>parent::</span>__construct( </span> <span>'tab_login_registration', // Base ID </span> <span>__( 'Tabbed Login Registration Widget', 'text_domain' ), // Name </span> <span>array( 'description' => __( 'A tabbed login and registration widget for WordPress', 'text_domain' ), ) // Args </span> <span>); </span> <span>}</span>メソッドが新しいユーザーを登録する方法は次のとおりです。
最初に、ユーザーが実際にアカウントを登録していることを確認(rèn)します。これは、「サインアップ」ボタンがクリックされたことを検出することによって行われます。
'; $html .= '
'; $html .= ' Remember Me
'; $html .= '
'; $html .= ''; return $html; }
<span>/** </span><span> * Returns the HTML code for the registration form </span><span> * <span>@return <span>string</span> </span></span><span> */ </span> <span>static function registration_form() { </span> <span>$html = '<form method="post" action="' . esc_url( $_SERVER['REQUEST_URI'] ) . '">'; </span> <span>$html .= '<input type="text" name="registration_username" placeholder="Username" /><br/>'; </span> <span>$html .= '<input type="password" name="registration_password" placeholder="Password" /><br/>'; </span> <span>$html .= '<input type="email" name="registration_email" placeholder="Email" /><br/>'; </span> <span>$html .= '<input type="submit" name="reg_submit" value="Sign Up" /><br/>'; </span> <span>$html .= '</form>'; </span> <span>return $html; </span> <span>}</span>ユーザーが入力したユーザー名、パスワード、および電子メールはwp_create_user()関數(shù)に渡され、新しいユーザーをWordPressデータベースに挿入します。
すべてがうまくいけば、プロパティ$ login_registration_statusがテキスト登録に設(shè)定されます。
ログインフォームが送信されると、login_user()関數(shù)の下にユーザーのサイン。<span>/** </span><span> * Register new users </span><span> */ </span> <span>function register_user() { </span> <span>if ( isset( $_POST['reg_submit'] ) ) { </span> <span>$username = esc_attr( $_POST['registration_username'] ); </span> <span>$password = esc_attr( $_POST['registration_password'] ); </span> <span>$email = esc_attr( $_POST['registration_email'] ); </span> <span>$register_user = wp_create_user( $username, $password, $email ); </span> <span>if ( $register_user && ! is_wp_error( $register_user ) ) { </span> <span><span>self::</span>$login_registration_status = 'Registration completed.'; </span> <span>} elseif ( is_wp_error( $register_user ) ) { </span> <span><span>self::</span>$login_registration_status = $register_user->get_error_message(); </span> <span>} </span> <span>} </span> <span>}</span>
login_user()ユーザーにWordPressにどのようにサインインするかを説明させてください。 前述のRegister_user()と同様に、最初に、$ _Post ['login_submit']が設(shè)定されているかどうかを確認(rèn)して、ユーザーがログインしようとしていることを確認(rèn)してください。
ユーザーが入力したログイン資格情報(bào)の関連配列$クレジットが作成されます。アソシティブアレイは、認(rèn)証のためにwp_signonに渡されます。
資格が有効であるとみなされ、wp_signonによってユーザーはwp_redirectによってwordpressダッシュボードにリダイレクトされます。
バックエンドウィジェット設(shè)定フォームは、ウィジェットのタイトルを含むフィールドで構(gòu)成されるフォーム()メソッドによって作成されます。
ウィジェットタイトルがフォームフィールドに入力されると、更新()メソッドはデータベースにデータを消毒して保存して再利用します。
Widget()メソッドは、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コードは、タブとフリッピング効果をウィジェットに追加します。
login_user()およびregister_user()は、それぞれ登録ユーザーに署名するか、新しいユーザーを登録するために含まれています。login_form()およびregistration_form()の靜的メソッドが呼び出され、ログインと登録フォームが表示されます。
最後に、ウィジェットクラスを閉じます。
ウィジェットクラスTAB_LOGIN_REGISTRATIONは、Widgets_initフックを使用して登録する必要があるため、WordPress Internalsによって認(rèn)識(shí)されます。
<span>// Turn on output buffering </span><span>ob_start();</span>jquery、ウィジェットCSS、QuickFlipライブラリを含めて、タブを取得してウィジェットの効果を繰り返す必要があります。
jQuery、およびQuickFlip JavaScriptとCSSが含まれています/WP_ENQUEUE_STYLEおよびWP_ENQUEUE_SCRIPT。
<span>class Tab_Login_Registration extends WP_Widget {</span>ログインと登録ウィジェットのコーディングが完了しました。
以下は、ウィジェットのスクリーンショットです。
ウィジェットのデモを表示します
<span>static private $login_registration_status;</span>wlap up
ウィジェットの構(gòu)築方法とWordPressサイトでそれを?qū)g裝する方法をさらに理解するには、jQuery、QuickFlip、およびウィジェットStyleSheetファイルを含むウィジェットプラグインをダウンロードします。
コード改善のための質(zhì)問(wèn)や提案がある場(chǎng)合は、コメントでお知らせください。

WordPressログインと登録ウィジェットの外観をカスタマイズするにはどうすればよいですか?WordPressログインと登録ウィジェットの外観をCSSを使用して実行できます。 WordPressカスタマイザーまたはテーマのstyle.cssファイルに獨(dú)自のCSSを追加できます。ウェブサイトのデザインに合わせて、色、フォント、サイズなどを変更できます。コードに変更を加える前に、常にサイトをバックアップすることを忘れないでください。コーディングなしでログインと登録ウィジェットをWordPressサイトに追加できますか?コーディングせずにWordPressサイトにウィジェットします。これを行うことができるいくつかのプラグインがあります。いくつかの一般的なオプションには、ログインサイドバーウィジェットとユーザー登録とユーザープロファイルが含まれます。これらのプラグインは、使いやすいインターフェイスとカスタマイズオプションを提供します。ログインと登録ウィジェットを追加した後にWordPress管理者にアクセスできない場(chǎng)合はどうすればよいですか? tログインと登録ウィジェットを追加した後、WordPress管理者にアクセスすると、問(wèn)題を引き起こすプラグインを無(wú)効にする必要がある場(chǎng)合があります。これを行うには、FTPを介してサイトのファイルにアクセスし、プラグインのフォルダーの名前を変更できます。これを行ったら、もう一度ログインしてみてください。まだ問(wèn)題が発生している場(chǎng)合は、ホスティングプロバイダーに連絡(luò)するか、WordPressの専門(mén)家に助けを求める必要があるかもしれません。
WordPressのサイドバーにログインフォームを追加するにはどうすればよいですか?
WordPressサイドバーにログインフォームを追加することは、ウィジェットを使用して実行できます。 WordPressダッシュボードの外観>ウィジェットに移動(dòng)し、メタウィジェットをサイドバーにドラッグします。メタウィジェットには、クリック時(shí)にログインフォームを表示するログインリンクが含まれています。 。これは、WPS Hide Loginなどのプラグインを使用して、またはサイトの.htaccessファイルを編集して手動(dòng)で実行できます。新しいログインURLを書(shū)き留めて安全に保つことを忘れないでください。
WordPressサイトにログインウィジェットを追加するために使用できる他のプラグインはありますか?これにより、WordPressサイトにログインウィジェットを追加できます。いくつかの一般的なオプションには、カスタムログインページカスタマイザー、ログインデザイナー、テーマのログインが含まれます。これらのプラグインは、さまざまな機(jī)能とカスタマイズオプションを提供します。
WordPressログインと登録ウィジェットのセキュリティを確保するにはどうすればよいですか?強(qiáng)力でユニークなパスワードを使用して、WordPressサイトとプラグインを最新の狀態(tài)に保ちます。 WordfenceやSucuriなどのセキュリティプラグインを使用して、追加の保護(hù)層を追加することもできます。ウィジェットを使用したWordPressサイドバー。ユーザー登録やユーザープロファイルなど、これを行うことができるいくつかのプラグインがあります。これらのプラグインは、使いやすいインターフェイスとカスタマイズオプションを提供します。
ログインと登録ウィジェットが正しく機(jī)能していない場(chǎng)合はどうすればよいですか? 、プラグインを無(wú)効にして再アクティブ化してみてください。これが問(wèn)題を解決しない場(chǎng)合、それは別のプラグインまたはあなたのテーマとの競(jìng)合かもしれません。他のプラグインを1つずつ非アクティブにして、問(wèn)題が解決されるかどうかを確認(rèn)してください。そうでない場(chǎng)合は、プラグインのサポートに連絡(luò)したり、WordPressの専門(mén)家から助けを求めたりする必要があるかもしれません。
WordPressログインと登録ウィジェットにソーシャルログインオプションを追加できますか? WordPressログインと登録ウィジェットへのソーシャルログインオプション。 NextEndソーシャルログインやWPソーシャルログインなど、これを行うことができるいくつかのプラグインがあります。これらのプラグインを使用すると、ユーザーはソーシャルメディアアカウントを使用して登録およびログインし、プロセスをより迅速かつ簡(jiǎn)単にします。
以上がタブ付きWordPressログインと登録ウィジェットを作成しますの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語(yǔ) Web サイトの他の関連記事を參照してください。

ホットAIツール

Undress AI Tool
脫衣畫(huà)像を無(wú)料で

Undresser.AI Undress
リアルなヌード寫(xiě)真を作成する AI 搭載アプリ

AI Clothes Remover
寫(xiě)真から衣服を削除するオンライン AI ツール。

Clothoff.io
AI衣類(lèi)リムーバー

Video Face Swap
完全無(wú)料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡(jiǎn)単に交換できます。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無(wú)料のコードエディター

SublimeText3 中國(guó)語(yǔ)版
中國(guó)語(yǔ)版、とても使いやすい

ゼンドスタジオ 13.0.1
強(qiáng)力な PHP 統(tǒng)合開(kāi)発環(huán)境

ドリームウィーバー CS6
ビジュアル Web 開(kāi)発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック

WordPressがサーバーCPU使用の急増を引き起こす主な理由には、プラグインの問(wèn)題、非効率的なデータベースクエリ、テーマコードの品質(zhì)の低さ、またはトラフィックの急増が含まれます。 1.最初に、トップ、HTOP、またはコントロールパネルツールを介したWordPressによって引き起こされる高い負(fù)荷であるかどうかを確認(rèn)します。 2.トラブルシューティングモードを入力して、プラグインを徐々に有効にしてパフォーマンスのボトルネックをトラブルシューティングし、QueryMonitorを使用してプラグインの実行を分析し、非効率的なプラグインを削除または交換します。 3.キャッシュプラグインをインストールし、冗長(zhǎng)データをクリーンアップし、スロークエリログを分析してデータベースを最適化します。 4.トピックには、コンテンツの過(guò)負(fù)荷、複雑なクエリ、キャッシングメカニズムの欠如などの問(wèn)題があるかどうかを確認(rèn)します。標(biāo)準(zhǔn)のトピックテストを使用して、コードロジックを比較および最適化することをお?jiǎng)幛幛筏蓼?。上記の手順に従って、?chǎng)所を確認(rèn)して解決し、問(wèn)題を1つずつ解決します。

JavaScriptファイルをマイニングすると、ブランク、コメント、役に立たないコードを削除することにより、WordPress Webサイトの読み込み速度を向上させることができます。 1。W3TOTALCACHEなどの圧縮をサポートするキャッシュプラグインを使用し、「MINIFY」オプションで圧縮モードを有効にし、選択します。 2。FastVelocityMinifyなどの専用圧縮プラグインを使用して、より細(xì)かい制御を提供します。 3. JSファイルを手動(dòng)で圧縮し、FTPを介してアップロードします。これは、開(kāi)発ツールに精通しているユーザーに適しています。一部のテーマまたはプラグインスクリプトは圧縮関數(shù)と競(jìng)合する可能性があり、アクティベーション後にWebサイト機(jī)能を徹底的にテストする必要があることに注意してください。

プラグインに依存しないWordPressサイトを最適化する方法は次のとおりです。1。積み重なったテーマを避けるために、AstraやGeneratePressなどの軽量テーマを使用します。 2. CSSおよびJSファイルを手動(dòng)で圧縮およびマージして、HTTP要求を削減します。 3.アップロードする前に畫(huà)像を最適化し、WebP形式を使用し、ファイルサイズを制御します。 4. configure.htaccessブラウザキャッシュを有効にし、CDNに接続して靜的リソースの負(fù)荷速度を向上させます。 5.記事の改訂を制限し、定期的にデータベース冗長(zhǎng)データをクリーンにします。

Transientapiは、自動(dòng)有効期限データを一時(shí)的に保存するためのWordPressの組み込みツールです。そのコア関數(shù)は、set_transient、get_transient、delete_transientです。 OptionsAPIと比較して、Transimentsは、Cache API要求の結(jié)果や複雑なコンピューティングデータなどのシナリオに適した、生存時(shí)間(TTL)の設(shè)定をサポートしています。それを使用する場(chǎng)合、キーネーミングと名前空間の獨(dú)自性、キャッシュ「怠zyな削除」メカニズム、およびオブジェクトキャッシュ環(huán)境では続かない問(wèn)題に注意を払う必要があります。一般的なアプリケーションシナリオには、外部要求頻度の削減、コード実行リズムの制御、ページの読み込みパフォーマンスの改善が含まれます。

コメントスパムを防ぐ最も効果的な方法は、プログラマティックな手段を介して自動(dòng)的に識(shí)別して傍受することです。 1.検証コードメカニズム(Googler CaptchaやHcaptchaなど)を使用して、特に公共のWebサイトに適した人間とロボットを効果的に區(qū)別します。 2.隠しフィールド(ハニーポットテクノロジー)を設(shè)定し、ロボットを使用して機(jī)能を自動(dòng)的に埋めて、ユーザーエクスペリエンスに影響を與えることなくスパムコメントを識(shí)別します。 3.コメントコンテンツのブラックリストを確認(rèn)し、敏感な単語(yǔ)の一致を通じてスパム情報(bào)をフィルタリングし、誤判斷を避けるために注意を払ってください。 4.コメントの頻度とソースIPを判斷し、単位時(shí)間あたりの提出數(shù)を制限し、ブラックリストを確立します。 5.サードパーティのスパムサービス(Akismet、CloudFlareなど)を使用して、識(shí)別の精度を向上させます。ウェブサイトに基づいていることができます

Gutenbergブロックを開(kāi)発する場(chǎng)合、エンキュー資産の正しい方法には次のものが含まれます。1。register_block_typeを使用して、editor_script、editor_style、およびstyleのパスを指定します。 2。functions.phpまたはプラグインでwp_register_scriptとwp_register_styleを介してリソースを登録し、正しい依存関係とバージョンを設(shè)定します。 3.適切なモジュール形式を出力し、パスが一貫していることを確認(rèn)するためのビルドツールを構(gòu)成します。 4. Add_Theme_SupportまたはEnqueue_Block_Assetsを介してフロントエンドスタイルの読み込みロジックを制御して、フロントエンドスタイルのロードロジックが確保されるようにします。

PluginCheckは、WordPressユーザーがプラグインの互換性とパフォーマンスをすばやくチェックするのに役立つツールです。主に、現(xiàn)在インストールされているプラ??グインに、WordPressの最新バージョン、セキュリティの脆弱性などと互換性がないなどの問(wèn)題があるかどうかを特定するために使用されます。インストールとアクティベーションの後、バックグラウンドの「runaScan」ボタンをクリックして、すべてのプラグインを自動(dòng)的にスキャンします。 2。レポートには、プラグイン名、検出タイプ、問(wèn)題の説明、およびソリューションの提案が含まれています。これにより、深刻な問(wèn)題の優(yōu)先処理が容易になります。 3. WordPressを更新する前に検査を?qū)g行することをお?jiǎng)幛幛筏蓼埂%ΕД芝单ぅ趣萎惓¥惓¥扦ⅳ雸?chǎng)合、または定期的に実行されて隠された危険を事前に発見(jiàn)し、將來(lái)の大きな問(wèn)題を回避することをお?jiǎng)幛幛筏蓼埂?/p>

カスタムユーザーフィールドを追加するには、プラットフォームに従って拡張メソッドを選択し、データ検証と許可制御に注意を払う必要があります。一般的なプラクティスには次のものが含まれます。1。データベースの追加のテーブルまたはキー価値ペアを使用して情報(bào)を保存します。 2.フロントエンドに入力ボックスを追加し、バックエンドと統(tǒng)合します。 3。機(jī)密データのフォーマットチェックとアクセス許可を制約します。 4.モバイルの適応とユーザーエクスペリエンスを考慮しながら、新しいフィールド表示と編集をサポートするインターフェイスとテンプレートを更新します。
