WordPressログイン画面を簡単にカスタマイズできるプラグイン【Fusion White Label Branding】の設定方法

FWLB-WordPress Login Screen-

  • WordPressログイン画面を簡単にカスタマイズできるプラグイン【Fusion White Label Branding】の設定方法
    画像はクリックすることでLightbox内に大きく表示することができます。

    このコンテンツでは、Fusion White Label Brandingの設定の1つであるWordPress Login Screen(WordPressログイン画面)の各オプションの解説をしています。各オプションを利用することで、背景に画像を使用したり、リンクテキストを消すといったWordPressのログイン画面を簡単にカスタマイズすることができます。

    サクッと画像で概要を見たい方はこちら

    Fusion White Label Brandingとは?

    Avada5.4から新たに加わったBuilderやCoreに続くAvada開発チームによるオリジナルプラグインです。このプラグインを利用することで、管理画面やログイン画面といったWordPress本体を手軽にカスタマイズすることができます。また、表面上でWordPressやAvadaを使用していることを隠せるといったカスタマイズができるため、WordPress+Avadaをベースにサイトを構築しクライアントに納品するといった制作者サイド向けのプラグインになっています。なお、他のテーマでは動作しません。

    Fusion White Label Brandingでカスタマイズできるエリアは以下の5ヶ所です。

    1. WordPress Admin(WordPress管理エリア)
    2. Avada
    3. Fusion Builder
    4. Fusion Slider
    5. WordPress Login Screen(WordPressログイン画面)

    1.Background Color / 背景色

    背景色

    ログイン画面全体の背景色を設定します。
    次の設定にある「背景画像」を使用する場合は、この背景色がオーバーレイとして画像の上に配置されるので注意しましょう。画像だけを表示したい場合は、rgbaで入力します。現在のVer1ではrgbaの透過度を調整できるバーがないため、hexコード(#000など)でしか自動入力はできませんが、画像のようにrgbaで直接入力することができます。v.1.01で対応済み。

    2.Background Image / 背景画像

    背景画像

    ログイン画面全体の背景画像を設定します。
    「背景色」で触れたように、画像を使用する場合は透過度を0にしておくといいでしょう。

    3.Logo Image / ロゴ画像

    ロゴ画像

    WordPressのロゴ画像を変更します。
    代わりの画像を選択またはアップロードします。

    4.Login Box Background Color / ログインボックスの背景色

    ログインボックスの背景色

    ユーザー名やパスワードを入力するログインボックスの背景色を設定します。

    5.Login Box Text Color / ログインボックスのテキストカラー

    ログインボックスのテキストカラー

    ユーザー名やパスワードを入力するログインボックスのテキストカラーを設定します。

    6.Login Screen Link Color / ログイン画面のリンクカラー

    ログイン画面のリンクカラー

    「パスワードをお忘れですか?」や「サイト名」に戻るといったリンクテキストカラーを設定します。

    7.Login Screen Link Hover Color / ログイン画面のリンクホバーカラー

    ログイン画面のリンクホバーカラー

    「パスワードをお忘れですか?」や「サイト名」に戻るといったリンクテキストのホバーカラーを設定します。

    8.Default Button Color / ログインボタンカラー

    デフォルトボタンカラー

    「ログイン」ボタンの背景色を設定します。

    9.Hover Button Color / ログインボタンのホバーカラー

    ボタンのホバーカラー

    「ログイン」ボタンのホバーカラーを設定します。

    10.Button Default Text Color / ログインボタンのテキストカラー

    デフォルトボタンのテキストカラー

    「ログイン」ボタンのテキストカラーを設定します。

    11.Button Hover Text Color / ログインボタンのテキストホバーカラー

    ボタンのホバーテキストカラー

    「ログイン」ボタンのテキストホバーカラーを設定します。

    12.Remove Lost Password Link / 「パスワードをお忘れですか?」リンクの削除

    パスワードをお忘れですか?リンクの削除

    ログイン画面から「パスワードをお忘れですか?」リンクを削除します。
    サイト言語を画像のようにEnglish (United States)(アメリカ英語)にしていないと動作しません。開発チームに報告済み。v.1.01で解決済み。

    以上がバージョン5.4より新たに加わったプラグイン、Fusion White Label Brandingの設定オプションの1つ「WordPress Login Screen(WordPressログイン画面)」の各機能解説になります。