カスタム WordPress ログインプラグインを作成する方法-＆＃＆プレス-php.cn

カスタム WordPress ログインプラグインを作成する方法

王林

リリース： 2023-09-05 09:30:15

オリジナル

1482 人が閲覧しました

カスタム WordPress ログインプラグインを作成する方法

カスタム WordPress ログインプラグインの作成方法

世界で最も人気のあるコンテンツ管理システムの 1 つである WordPress には、強力な拡張機能があります。プラグインシステムを通じて、ユーザーは WordPress ウェブサイトにさまざまな機能を簡単に追加できます。その中でも、ログインプラグインは非常に一般的で便利なタイプのプラグインです。この記事では、カスタム WordPress ログインプラグインを作成する方法を説明し、関連するコード例を示します。

カスタム WordPress ログインプラグインの作成を開始する前に、まず WordPress プラグインの基本構造を理解する必要があります。 WordPress プラグインには通常、メインの PHP ファイルとその他の補助ファイルが含まれています。プラグインは、WordPress プラグインディレクトリに別のフォルダーを作成し、すべてのプラグインファイルをこのフォルダーに配置する必要があります。

これは、単純なカスタム WordPress ログインプラグインのコード例です:

プラグインフォルダーとメイン PHP ファイルを作成します

最初に、カスタムログインプラグインを作成しますWordPress ログインプラグインプラグインディレクトリに「custom-login-plugin」という名前のフォルダーを作成します。次に、そのフォルダーにプラグインのメイン PHP ファイルとして「custom-login-plugin.php」というファイルを作成します。

プラグインのメイン PHP ファイルを作成します

「custom-login-plugin.php」ファイルで、「Custom_Login_Plugin」という名前のクラスを定義する必要があります。」と必要なメソッドと関数をいくつか追加します。

<?php
/*
Plugin Name: Custom Login Plugin
Description: A custom login plugin for WordPress
Version: 1.0
Author: Your Name
*/

// 防止直接访问插件
if (!defined('ABSPATH')) {
    exit;
}

// 定义插件类
class Custom_Login_Plugin {

    // 构造函数
    public function __construct() {
        // 添加样式和脚本
        add_action('login_enqueue_scripts', array($this, 'add_custom_styles_scripts'));
        
        // 修改登录页面LOGO和链接
        add_filter('login_headerurl', array($this, 'change_login_logo_link'));
        add_filter('login_headertext', array($this, 'change_login_logo_text'));
    }

    // 添加自定义样式和脚本
    public function add_custom_styles_scripts() {
        wp_enqueue_style('custom-login-style', plugin_dir_url(__FILE__) . 'css/custom-login.css');
        wp_enqueue_script('custom-login-script', plugin_dir_url(__FILE__) . 'js/custom-login.js');
    }

    // 修改登录页面LOGO链接
    public function change_login_logo_link() {
        return home_url();
    }

    // 修改登录页面LOGO文本
    public function change_login_logo_text() {
        return get_bloginfo('name');
    }
}

// 创建插件实例
$custom_login_plugin = new Custom_Login_Plugin();

ログイン後にコピー

上記のコードでは、「Custom_Login_Plugin」という名前のクラスを定義し、コンストラクターに 2 つのアクションフックと 2 つのフィルターフックを追加します。これらのフックを通じて、カスタムスタイルとスクリプトをログインページに追加し、ログインページのロゴリンクとテキストを変更できます。

補助ファイル、スタイル、およびスクリプトファイルを追加する

プラグインフォルダー内に、「css」という名前のフォルダーと「The」という名前のフォルダーも作成する必要があります。「js」フォルダーは、プラグインに必要なスタイルファイルとスクリプトファイルを保存するために使用されます。対応するスタイルファイルとスクリプトファイルをこれら 2 つのフォルダーに追加します。

プラグインフォルダーを WordPress プラグインディレクトリにアップロードします。

プラグインファイルを含むフォルダー「custom-login-plugin」を WordPress プラグインディレクトリ (wp-content) にアップロードします。 /プラグイン)。

プラグインをアクティブ化します

WordPress 管理バックグラウンドのプラグインページで、作成したカスタムログインプラグインを見つけて、[アクティブ化] ボタンをクリックします。をクリックしてプラグインを有効にします。

上記の手順により、カスタム WordPress ログインプラグインが正常に作成されました。このプラグインは、カスタマイズされたスタイルとスクリプトをログインページに追加し、ログインページのロゴリンクとテキストを変更します。

概要:

この記事の導入部を通じて、カスタム WordPress ログインプラグインを作成する方法を学びました。ログインページにスタイルとスクリプトを追加するだけでなく、ニーズに応じて他の関数や機能を追加することもできます。プラグインシステムにより、WordPress の拡張性を最大限に発揮し、Web サイトにさまざまなパーソナライズされたカスタマイズ機能を追加できます。この記事がカスタム WordPress ログインプラグインの作成に役立つことを願っています。

以上がカスタム WordPress ログインプラグインを作成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。