WordPress でショートコードを使用してソーシャル ログイン アイコンを表示するガイド

WordPress でショートコードを使用してソーシャル ログイン アイコンを表示する手順

• サインアップ/ログイン用のソーシャル ログイン アイコンを表示したいページでショートコードを使用します。同じデフォルト設定でソーシャル ログイン アイコンを表示したい場合:
• ページ/投稿を作成し、このショートコードをコピーしてください [miniorange_social_login] それをエディタに貼り付けます。

• 以下の画像のような感じです。

• さまざまな属性を使用してソーシャル ログイン アイコンをカスタマイズできます。 次のようなビューを除き、すべての属性はオプションです。

正方形の例: [miniorange_social_login shape="square" theme="default" space="4" size="35"]

円形の例: [miniorange_social_login 形状="round" テーマ="デフォルト" スペース="4" サイズ="35"]


• さまざまな属性を使用して、ソーシャル ログイン ボタンをカスタマイズできます。 長ボタン このショートコードを使用して貼り付けます。それぞれのページにソーシャル ログイン アイコンが表示されます。

垂直ビューのショートコード: [miniorange_social_login 形状="longbuttonwithtext" テーマ="デフォルト" スペース="8" 幅="180" 高さ="35" カラー="000000"]



水平ビューのショートコード: [miniorange_social_login Shape="longbuttonwithtext" view="horizo​​ntal" appcnt="3" theme="default" space="35" width="180" height="35" color="000000"]


• 見せたいなら 選択されたアプリケーション デフォルト設定をセットアップせずに、このショートコードを使用してください。 さまざまな属性を使用してソーシャル ログイン ボタンをカスタマイズできます。
• 次のようなアプリケーションを表示したい場合 vkontakte、グーグル、フェイスブック あなたのウェブサイトでこのショートコードを使用してください:

[miniorange_social_login apps="vk,google,fb" Shape="longbuttonwithtext" view="horizo​​ntal" theme="default" space="10" width="200" height="35" color="000000"]



注意： 1. miniOrange に登録しておらず、カスタム アプリもセットアップされていない場合は、まず登録するか、カスタム アプリをセットアップしてください。そうしないと、ボタンが無効になります。

2. Facebook が選択されている場合は、最初にカスタム アプリを設定してください。そうしないと、ボタンが無効になります。

PHP ファイルでは次のようにショートコードを使用できます。

• ショートコードをコピーして必要な PHP ファイルに貼り付けるだけで、それぞれのページにソーシャル ログイン アイコンが表示されます。
• 交換する ショートコード 上記のコードでは、[miniorange_social_login theme="default"] のような必要なショートコードを使用します。
• 最終的なコードは次のようになります。

• 以下を使用してソーシャル ログイン プラグインをダウンロードできます。 .

その他のリソース

• Discordソーシャルログイン
• Facebook ソーシャルログイン
• Googleソーシャルログイン
• Appleソーシャルログイン
• Twitchソーシャルログイン
• ソーシャルログインの詳細
• Discord WordPress 統合アドオン
• Discord WordPress 統合セットアップガイド

見つからないものをお探しの場合は、メールでお問い合わせください。 socialloginsupport@xecurify.com