新しくメニューを追加したい

  • tasuctasuc

    (@tasuctasuc)


    1ヶ月前

    以前、こちらのフォーラムに助けられて、いまだに初心者の域を脱していないですが、ちょこちょこいじっております。またお力をお貸しいただきたいです。

    このサイト、メニューバーの「たすくの理念、サービス、教室案内、会社案内、スタッフ紹介、採用情報、お問合せ」の右隣に新たなメニューを追加したいです。業者の作成したオリジナルテーマで作られているので、WPの外観＞メニュー、ヘッダーなどでは更新できませんでした。

    header.phpをいじりました。幅が決められているのか、ウェブ上で開いても表示されず、携帯で見るとハンバーガーメニューには表示されました。以下はPC画面のメニューのコード部分です。

    <code>
    </li><br><li><br><br><br><div class="gnavi"><br>        <ul class="inner clearfix"><br>        	<li id="gnavi01" class="parentMenu<?php if (is_page( array( 96, 2351 ) )): ?> current<?php endif; ?>"><br>        		<a href="/message/">たすくの理念</a><br>				<ul class="childMenu"><br><br>~<br>~<br>~<br>    <li id="gnavi07" class="parentMenu<?php if (is_page_template('page-contact.php')): ?> current<?php endif; ?>"><br>            <a href="/contact/">お問い合わせ</a><br>    </li><br>    <li id="gnavi08" class="parentMenu<?php if (is_page_template('page-tsc.php')): ?> current<?php endif; ?>"><br>            <a href="/tsc/">東京障害者福祉事業協同組合</a><br>    </li><br>    </ul><br>    </div><!--gnavi--><br><br><br></li><br><li>
    <code>

    生成AIなどの力も借り、style.cssで幅の記述を探してみたり、ヘッダーに追加CSSを加えて、も行ってみましたが、表示はできませんでした。

    対応策は、どんなことが考えられるでしょうか。

    開発環境：OS Sonoma14.4.1、WP:6.7.1

    ヘルプの必要なページ: [リンクを見るにはログイン]

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • Toshihiko Tsushima

    (@uonumajs)

    1ヶ月前

    メニュー項目の幅が以下のような CSS で決められています。

    @media only screen and (min-width: 975px) and (max-width: 3000px) {
        #header .gnavi li#gnavi07 > a {
            width: 134px;
            background: url(/wp/images/common/header/gnavi_contact.png) no-repeat center top;
        }
    }

    上記は「お問い合わせ」の CSS で、幅が 134px になっています。

    さらにマウスホバー時の動作が以下のような画像を背景画像としてスライドさせることにより設定されています。

    以上の状況から考えると、「東京障害者福祉事業協同組合」という文字数が多いメニュー項目を追加するのは上記の仕組みを理解していてもけっこう大変だと思いますが、メニュー構成を見直せばなんとかなるかもしれません。

    トピック投稿者 tasuctasuc

    (@tasuctasuc)

    1ヶ月前

    Toshihiko Tsushima (@uonumajs) さま

    早速ありがとうございました。ヒントをいただけたおかげで、cssを発見できました。
    WP上では見つけられないんですね。

    また、メニューの画像を作らなくてはいけないというのもよくわかりました。私のスキルでは、
    時間がかかりそうですが、やってみたいと思います。本当に助かりました！

    少しトライしてみてから、解決済みにしたいと思います。

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