WordPress Flatsomeテーマログインポップアップを無効にする

Flatsomeテーマは WordPressでショッピングモールの構築時に使用できる WooCommerce 専用のテーマです。 このテーマは、着実にTop 10のテーマのリストに名前を上げながら人気を得ています。 フラット島テーマでマイアカウントのアイコンをクリックすると、ログインポップアップが表示されます。 ログインポップアップを無効にする方法について説明します。

WordPress Flatsomeテーマログインポップアップを無効にする方法

Flatsomeテーマの「マイアカウント」オプション

Flatsomeテーマは WordPress 管理者ページ>テーマのデザイン>カスタマイズ> Header> Accountで、私のアカウントのアイコンとラベルを表示するかどうかを設定することができます。

Icon Style（アイコンのスタイル）でメニューに表示する「マイアカウント」アイコンのスタイルを指定できます。 そして、Show label（ラベルを表示）をチェックすると、アイコンとともにラベル（「マイアカウント」など）が表示されます。

また、 Show "Register" label ("会員登録" ラベルを表示)をチェックすると、ログインしていないユーザーに「会員登録」セクションが表示されます。 ゲストユーザーが自分のアカウントページで会員登録を許可するには WooCommerce >設定に移動し、 アカウントと個人情報 タブの アカウントの作成 セクションで 顧客は「マイアカウント」ページでアカウントを作成できます。 オプションのチェックを選択します。

非会員の支払い機能を可能にするには、 非会員結第セクションの このページでは、顧客がアカウントなしで注文することができます。 オプションをチェックします。

会員登録を促すことは再購入につながる可能性が高いでしょう。 会員登録を拒否したユーザーのために、非会員決済機能を有効にできます。 非会員の支払いを許可したように、非会員として注文をした後に会員に加入するように促すことをお勧めします。 この場合、Thank Youページを利用できます（」WooCommerce用カスタムThank youページのプラグイン - YITH Custom Thank You Page"参照）。

しかし、我が国では、ショッピングモールで商品を購入する際に会員登録することについて抵抗が少なく、当然のように思って（？）する傾向があるので、非会員決済機能を無効にしてもかまわないような気がしますね。

上記のようにFlatsomeテーマの アカウント オプションを設定すると、メニューにアカウントのアイコンが（設定に応じて、ラベルと一緒に）表示されて、非ログインユーザがアイコンをクリックすると、ポップアップウィンドウに ログインセクション 또는 ログイン/会員登録のセクションが表示されます。 （ログインユーザーが「マイアカウント」アイコンをクリックすると、すぐに「マイアカウント」ページに移動します。）

このように、ポップアップで表示される形式をユーザーがたくさんしたいので、ログインのポップアップ機能をFlatsomeテーマで提供されるものに見えます。

ログイン/会員登録のポップアップを無効にする

個人的にはこの方法が無難なようだが、ログインのポップアップを無効にしてすぐに、私のアカウントページが表示されるようしたいユーザーがまれですがあります。 そのような場合、 WP-コンテンツ/themes/flatsome/template-parts/header/partials フォルダの下の element-account.php ファイルを検索して相違行を削除します。

<?php if( get_theme_mod('account_login_style','lightbox') == 'lightbox' && !is_checkout() && !is_account_page() ) echo 'data-open="#login-form-popup"'; ?>

しかし、この方法を利用して、テーマファイルを変更すると、今後のテーマを更新時に修正が消えます。 別の方法として、JavaスクリプトやjQueryを使用して、data-open属性を削除することを考慮してみることができます。 たとえば、次のようなコードスニペットをチャイルドテーマの関数ファイル（functions.php）に追加することができます。

// Flatsome 테마에서 로그인 팝업 비활성화하기
 add_action('wp_footer', 'remove_data_open');
function remove_data_open() { ?>
<script>
jQuery(".account-item a").removeAttr("data-open");
</script>
<?php
}

（上記のコードは、例示にすぎだけです。より良いコードがあればコメントで教えてください。）

必ずログインポップアップを無効にしたい場合は、上記の方法を利用することができます。

WordPressで提供されるログイン/会員登録ページが気に入らなければ、カスタムログインページのプラグインを使用すると、効果的であることがあります。 プラグインを使用すると、ログインページに目的の背景画像を追加することができ、会社のロゴを簡単に表示することができます。

• WordPress カスタムログインページのプラグインでログイン画面をきれいに飾る

最後に、

Flatsomeテーマは、多目的 WooCommerce テーマとしてショッピングモールと一緒に会社紹介サイト、ブログなどを作ろうとした場合にも活用することができます。 限定だが、Flatsomeで提供されるブログのレイアウトを使用すると、シンプルなブログサイトも一緒に運営することができます。

ブログだけを念頭に置いている場合は、このようなテーマではなく、有名な Newspaperや、あるいはこのブログに使用されている GeneratePress テーマや他のブログのテーマを使用することがより適切であることができるが、ショッピングモールを一緒に運営したい場合Flatsomeを一つの選択肢として考慮してみることができます。 （または、 Avada, Enfold などの多目的テーマを活用するのも一つの方法であることができます。）

参照

• WooCommerce用モール WordPress テーマベスト
• フラット島テーマのブログオプション