[memime]

【お使いの Snow Monkey のバージョン】17.2.6
【お使いの Snow Monkey Blocks のバージョン】16.0.9
【お使いの Snow Monkey Editor のバージョン】8.0.2
【お使いのブラウザ】local
【当該サイトのURL】

### 実現したいこと

会員制サイトを作成しています。

snow monkeyのサイトのようにヘッダー横にログインボタンを設置し、ログイン後はそのボタンが表示されないようにしたいです。

### 発生している問題

フックをヘッダー横にログインボタンを設置はできるのですが、ログイン後もボタンが表示されたままになってしまいます。

wp-membersというプラグインを使用して会員制サイトを作成しています。

メニューにはログインの有無で表示・非表示を設定できますが、ヘッダー横に設置したボタンに関しても同じようにできませんでしょうか？

よろしくお願いします。

♥ 0

いいねをした人: 居ません

[GONSY]

wp-membersというプラグインを使用して会員制サイトを作成しています。

このプラグインでしょうか？

WP-Members Membership プラグイン

The original membership plugin with content restriction, custom registration, and more.

ja.wordpress.org

メニューにはログインの有無で表示・非表示を設定できますが

このプラグインを有効化すると、メニュー設定にログインの有無で表示がコントロールできるんですね。

ヘッダー横に設置したボタンに関しても同じようにできませんでしょうか？

このプラグインに限らず、 is_user_logged_in() で判定できると思いますので、ボタンの表示の条件として使えると思います。
また、ヘッダー横ということで、　カスタマイズ → デザイン → ヘッダー → ヘッダーコンテンツ　を利用されると思いますが、私なら上記を含めたボタンのショートコードをつくって入れます。
ショートコードの作り方は検索すればたくさん出てくると思いますので、そちらを参考にしてみてください。
ショートコードに含ませるボタン表示の条件はこんな感じになると思いますが、適宜調整してください。

if (!is_user_logged_in()) { // ログインユーザー以外
	echo '<a href="'.esc_url( home_url('login-page') ).'" class="button-login">ログイン</a>';
}

♥ 3

いいねをした人:

[memime]

ありがとうございます！

教えていただいたコードでショートコードを作成したらできるようになりました！

ありがとうございます。

[wpmem_avatar]というショートコードでアバターを表示できるのですが、

こちらもログインで表示の有無の設定をしたいです。

//ログインユーザーのみ表示
function if_login($atts, $content = null)
{
	if (is_user_logged_in()) {
		return '' . $content . '';
	} else {
		return '';
	}
}
add_shortcode('if-login', 'if_login');

このコードを使用して

[if_login][wpmem_avatar][/if_login]

としてもショートコードとして反映されません。
ログインの有無でアバター表示のショートコードを使用するにはどうすれば良いでしょうか。

よろしくお願いします。

♥ 1

いいねをした人:

[GONSY]

教えていただいたコードでショートコードを作成したらできるようになりました！

実現できて良かったです。
 

[wpmem_avatar]というショートコードでアバターを表示できるのですが、
こちらもログインで表示の有無の設定をしたいです。

このフォーラムは、ナレッジスペースとしての役割があるため1トピックにつき1つの話題というルールになっています。
「snow monkeyのサイトのように、ヘッダー横にログインボタンを設置して、ログイン後にボタンが消えるようにしたい。」が解決した場合は、いったんトピックを閉じていただき、新たにトピックを作成してください。
その際、[wpmem_avatar]の中身をご提示いただいたほうが良いと思います。

♥ 0

いいねをした人: 居ません

[memime]

承知しました。

一旦こちらのトピックは閉じます。

ありがとうございました！

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

こちら解決済みですが、一応補足です。Snow Monkey 公式サイトでは特に難しいことはしていなくて、単純に CSS で実装しています（自分で使う用に適当に書いたのでセレクタはちょっと甘いかもしれません）。

.logged-in .l-center-header__row .c-row__col:nth-child(2) *,
.logged-in .l-center-header__row .c-row__col:nth-last-child(2) * {
  display: none;
}

♥ 1

いいねをした人:

[投稿者]

投稿