• 解決済 de-0612nishio

    (@de-0612nishio)


    いつもお世話になっております。

    twentytwentyfiveのデフォルトテーマを子テーマ化して完全オリジナルデザインで企業サイトを構築しようと試みています。基本クラシックテーマをカスタマイズするべきかと思いますが、進化についていきたい一心でブロックテーマのカスタマイズに挑戦しています。

    そこで管理画面の「外観→エディター」からナビゲーションをカスタマイズしたいのですが、htmlソースなどは触れないものでしょうか。

    theme.jsonで触れる項目はcssだけなので、困っています。以前のクラシックテーマですとfunctions.phpからウィジェットを追加などでhtmlタグにcss付与できました。

    ご存じの方、お手数ですがご教授頂けませんでしょうか。

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • functions.phpからウィジェットを追加などでhtmlタグにcss付与できました。

    ウィジェットでカスタムテキストウィジェットを追加してCSSを書いたという事ですか?
    それは不自然なのでそうではないと思いますし、ちょっとやりたい事がよくわかりません。

    ナビゲーションをどうカスタマイズしたいのでしょうか?

    トピック投稿者 de-0612nishio

    (@de-0612nishio)

    Hidekazu Ishikawa

    お世話になります。

    質問の仕方下手ですみません。ブロックテーマではクラシックテーマで言うところの「メニュー」がない分、管理画面上でデザイン変更できますが、細かい仕様迄となるとhtmlの知識を要してコードを書く方が良い場合もあると思います。

    今回は後者で、且つブロックテーマでできないかと考えています。

    トピック投稿者 de-0612nishio

    (@de-0612nishio)

    <!-- 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 のクラス名を追加する事は可能です。

    ブロックエディタの機能ですので「ブロックテーマ」に限らずクラシックテーマの本文でブロックを使用する際も同じです。

    トピック投稿者 de-0612nishio

    (@de-0612nishio)

    Hidekazu Ishikawa様、返信ありがとうございます。

    CSSというのはクラス名の事でしょうか? 装飾のCSS自体この事でしょうか?

    クラス名の事であれば該当のブロックを選択して、右下の「高度な設定」タブから id(ブロックによる) や css のクラス名を追加する事は可能です。

    ブロックテーマの「ナビゲーション」機能から使用した際に、割り当てられるショートコード「<!– wp:navigation /–>」にこちらで要したオリジナル(idやcss)で装飾したいと考えています。

    それと「高度な設定」からid(ブロックによる)はどのブロックを選ぶと、idを付与できますでしょうか。

    質問内容が伝わりにくく恐縮ですが、ご返信頂けましたら幸いです。

    • この返信は1ヶ月前にde-0612nishioが編集しました。

    ナビゲーションブロックを選択すればできます。他のブロックも共通です。

    id については指定できるブロックが限られていますが、CSSの装飾に使うのであればクラスですので問題ないと思います。

    どうしてもidを使いたい場合はグループブロックで囲えばそのグループブロックにはid(HTMLアンカー)が指定できます。

    トピック投稿者 de-0612nishio

    (@de-0612nishio)

    Hidekazu Ishikawa様、返信ありがとうございます。

    一度試してみます。

    またブロックテーマとは別にハイブリッドテーマでのオリジナルデザインのサイトも構築テストしてみます。

    とりあえずクローズさせて頂きます。

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

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • このトピックに返信するにはログインが必要です。