WordPressテーマTCDのカスタマイズを研究するサイト

TCDテーマBlogPressでグローバルメニューの幅を調整する方法

この記事は2016年1月13日に更新されたもので、内容が古い可能性がありますのでご注意ください。

Q.グローバルメニューの各項目の幅の調整方法

グローバルメニューに複数の項目を設定した場合、一つ一つのメニューの幅を調整出来ませんか?
メニュー数が少ない時、一つ一つのメニュー幅(縦罫線の区切り)が長いので調整したいです。

A.cssファイルとjsファイルの編集が必要です

項目名は8文字以内、項目数も画面に収まる範囲内(6~7個程度)が、レイアウトが崩れずに表示される推奨設定となっていますが、これを変更する場合はCSSおよびJSファイルのカスタマイズが必要です。

編集するファイル:style_pc.css
編集する箇所:

#global_menu { width:●●●px; height:63px; z-index:30;
position:absolute; bottom:7px; left:○○○px;

※width:●●●(初期値980px)およびleft:○○○(初期値0px)の値を変更してください。


編集するファイル:jscript.js
編集する箇所:

var aWidth =●●●/n_size;

●●●数値部分を①で編集したstyle_pc.cssの数値に合わせて変更してください。

BlogPressデモ

この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施をお願いいたします。

またカスタマイズ内容は、バージョンにより異なる場合がございますこと予めご理解賜りますようお願いいたします。

お問合せ・ご要望

TCD LABOへのお問合せやご要望は
ご連絡フォーム をご利用ください。