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

Last Updated:2020年07月05日| 4のコメント

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

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

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

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

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

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

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

WooCommerce マイアカウントページからアカウントの作成を可能に

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

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

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

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

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

最後に、

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

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

参照


4のコメント

コメント

  1. こんにちは。 管理者様、

    テーマ+WooCommerceでショッピングモールを作ろうと企画をしてみると結局に詰まるのが韓国型決済モジュールが特定テーマで動作しないか心配になりましたね。 コード*ショップというところに質問をしてみましたが、テーマをレビューしてみてください」WooCommerceテーマでサポートが、決済フォームが WooCommerceと互換性がなく、自社のプラグイン動作の有無を把握するのが大変だ」と答えました。

    Travelerとテーマだが、業界の関係で少しずつ準備をしようとするが、この部分に詰まって進行がダメですね。 WPテーマの中で、このような問題のため、韓国型決済モジュールが動作しない場合が多いのか気になります。

    応答
    • こんにちは、ギムジョンワン様。

      Travelerテーマをお使いの方たまにいらっしゃいますね。

      あまりにもテーマが多くのプラグインが多いので、互換性かどうかは保証できません。

      コード・ショッププラグインとの互換性は、直接使用してみないと理解するのは難しいようです。

      Travelerテーマでは、次のようなプラグインとは、テストがされたとしますね。

      - With WooCommerce checkout you can use with some plugins tested by us below: WooCommerce PayPal Express Checkout, WooCommerce Stripe Payment Gateway, Stripe Payment Gateway for WooCommerce, YITH WooCommerce Stripe、Stripe Payment Gateway WooCommerce Addon、Authorize.net Payment Gateway For WooCommerce、WooCommerce Braintree Payment Gateway

      役立つ回答を差し上げることができず申し訳ありません。

      応答
  2. こんにちは!
    https://makemoneyskills.com/
    このウェブサイトに適用されたテーマが何なのか知りたい!
    テーマを多探していた似たようなことがよくないですね。 特に携帯電話で接続したときに他のテーマとまったく異なります。〓〓

    応答