フォーラムへの返信
-
設定ではできないので CSS でカスタマイズする形になります。例えばこんな感じでしょうか。
/* 1枚目のとき、prev ボタンを非表示にする */ .smb-spider-contents-slider .spider__canvas[data-current="0"] + .spider__arrows .spider__arrow[data-direction="prev"] { visibility: hidden; } /* 3枚目のとき、next ボタンを非表示にする */ .smb-spider-contents-slider .spider__canvas[data-current="2"] + .spider__arrows .spider__arrow[data-direction="next"] { visibility: hidden; }「最初のスライド」は
.spider__canvasのdata-currentが0のときで大丈夫ですが、「最後のスライド」を判定する方法がないので、最後のスライドのときに関してはdata-currentの数値を決め打ちにする必要があります。Who liked:わ、全然気づいていませんでした。ご報告ありがとうございます！
現在、
.p-global-nav--vertical .c-navbar__item > a { text-align: left; writing-mode: vertical-rl; }のように
aを縦書きにしているのですが、それを消して.p-global-nav--vertical .c-navbar__item { text-align: left; writing-mode: vertical-rl; }のように
liを縦書きにすると Chrome と表示が同じになるみたいです。サブメニューがどうなるかとか詳しい検証はまだですが、その方向で変更を入れたほうが良さそうな気がします。詳しく見てみますね。Who liked:slugにすると日本語のスラッグだったときにすごいことになっちゃうかもですね。
class 名は日本語 ok なので、URL エンコードされた状態でなければそんなに見にくくなることもないのかな？と思います。勝手に URL エンコードされちゃうようなら考えます！
Who liked:ただIDだと、登録時のWPの状態によってIDが可変してしまい、DBの情報が異なる場合に、想定通りの色分けにならない可能性があります
あ！そうでした、スラッグですね。一応一覧のところと、記事内のところ、どちらも ID と slug の class を出力するようにしてみようと思います。しばしお待ちを！
Who liked:要は
<li class="c-meta__item c-meta__item--categories"> <span class="c-meta__term c-meta__term--category-23"> <span class="screen-reader-text">カテゴリー</span> <i class="fa-solid fa-folder" aria-hidden="true"></i> <a href="https://snow-monkey.2inc.org/category/info/">お知らせ</a> </span> </li>みたいになったら良いですかね？ 確かにここ CSS でさくっとやろうとしても HTML 構造的に無理なので、こうしちゃったほうが良い気がします！
Who liked:
