functions.phpからウィジェットを追加などでhtmlタグにcss付与できました。
ウィジェットでカスタムテキストウィジェットを追加してCSSを書いたという事ですか?
それは不自然なのでそうではないと思いますし、ちょっとやりたい事がよくわかりません。
ナビゲーションをどうカスタマイズしたいのでしょうか?
Hidekazu Ishikawa様
お世話になります。
質問の仕方下手ですみません。ブロックテーマではクラシックテーマで言うところの「メニュー」がない分、管理画面上でデザイン変更できますが、細かい仕様迄となるとhtmlの知識を要してコードを書く方が良い場合もあると思います。
今回は後者で、且つブロックテーマでできないかと考えています。
<!-- wp:navigation /-->
このショートコードには、自動で下記のソースコードが埋められます。
例えばにユニークなIDやCSSを追加したい時にはブロックテーマで実装可能でしょうか。
<nav class="is-responsive wp-block-navigation is-layout-flex wp-block-navigation-is-layout-flex"
~~~~~~~~~~~省略~~~~~~~~~~~
<ul class="wp-block-navigation__container is-responsive wp-block-navigation"><li class=" wp-block-navigation-item current-menu-item wp-block-navigation-link"></a></li></ul>
</div>
</div>
</div>
</div>
</nav>
CSSというのはクラス名の事でしょうか? 装飾のCSS自体この事でしょうか?
クラス名の事であれば該当のブロックを選択して、右下の「高度な設定」タブから id(ブロックによる) や css のクラス名を追加する事は可能です。
ブロックエディタの機能ですので「ブロックテーマ」に限らずクラシックテーマの本文でブロックを使用する際も同じです。
Hidekazu Ishikawa様、返信ありがとうございます。
CSSというのはクラス名の事でしょうか? 装飾のCSS自体この事でしょうか?
クラス名の事であれば該当のブロックを選択して、右下の「高度な設定」タブから id(ブロックによる) や css のクラス名を追加する事は可能です。
ブロックテーマの「ナビゲーション」機能から使用した際に、割り当てられるショートコード「<!– wp:navigation /–>」にこちらで要したオリジナル(idやcss)で装飾したいと考えています。
それと「高度な設定」からid(ブロックによる)はどのブロックを選ぶと、idを付与できますでしょうか。
質問内容が伝わりにくく恐縮ですが、ご返信頂けましたら幸いです。
ナビゲーションブロックを選択すればできます。他のブロックも共通です。
id については指定できるブロックが限られていますが、CSSの装飾に使うのであればクラスですので問題ないと思います。
どうしてもidを使いたい場合はグループブロックで囲えばそのグループブロックにはid(HTMLアンカー)が指定できます。
Hidekazu Ishikawa様、返信ありがとうございます。
一度試してみます。
またブロックテーマとは別にハイブリッドテーマでのオリジナルデザインのサイトも構築テストしてみます。
とりあえずクローズさせて頂きます。
ありがとうございました。