Custom Header Links

こんにちは、ようこそ!

コンポーネントで直接行うことはできませんが、CSSを使用してリンクを非表示にすることができます。
ユーザーがログインしているかどうかを判断するために利用できる .anon クラスがあります。

たとえば、リンク名が「Link 1」と「Link 2」の場合:

/* ログアウトユーザー */
html.anon .link-1-custom-header-links {
    display: none;
}

/* ログインユーザー */
html:not(.anon) .link-2-custom-header-links {
    display: none;
}

HTMLには、リンク名がダッシュ化され、その後に -custom-header-links が続くクラス名が含まれています。ブラウザコンソールでリンクを右クリックして「検証」を選択すると、これを確認できます。

「いいね!」 3