ウェルカムリンクバナー

テーマコンポーネント
,
138

@Aurora
ログインユーザー用のリンクを作成し、ログアウトユーザー用のリンク（順番に、つまり2つのグループのリンクがあります）をフォローするという方法があります。

その後、CSSで一方のグループまたは他方を非表示にすることができます。
使用できるCSS anon クラスがあります。

たとえば、ログインユーザー用のリンクが2つ、ログアウトユーザー用のリンクが3つあるとします。

  • ログインリンク 1
  • ログインリンク 2
  • ログアウトリンク 1
  • ログアウトリンク 2
  • ログアウトリンク 3

CSSでは次のようにできます。

/* ログアウトユーザー: 最初の2つのリンクを非表示にします */
html.anon .featured-banner-link > div:nth-child(-n+2) {
    display: none !important;
}

/* ログインユーザー: 最後の3つのリンクを非表示にします */
html:not(.anon) .featured-banner-link > div:nth-last-child(-n+3) {
    display: none !important;
}

これでうまくいきますか？

「いいね！」 5