グローバルメニューの幅を自動調整する方法



ブログのコンテンツがまだ少なくてグローバルメニューの

文字が左 に片寄って見えてしまっていたので、

自動的に各項目の幅を調節して均等になる様に



キャプチャ4

これを

キャプチャ2


こうゆう風に・・・

カスタマイズしてみました。

 
  • 作業は簡単ですので皆様にもおすすめです。
今回は賢威6.2のヘルシー版で説明しています。

 

それではレッツポジティブではなくて(゜∀。)ワヒャヒャヒャヒャヒャ
レッツカスタマイズです。 

 

 

 

まず、ワードプレスの管理画面から

外観→テーマ編集をクリックします。

 

画面を下にスクロールしていくと右側にスタイルシートという文字

がありますので、それのもう少し下にある

design.css (でざいん どっと しーえすえす)という
項目をクリックします。

 

すると、
プログラムの書かれたページが表示されますので
すべてをコピーしてメモ帳などに貼り付けて
バックアップをとっておきます。

 

ポイント
コピーする部分のどこでもいいので
一度クリックしてからCTRL+Aを
押すとすべてが選択されますので
コピー漏れが防げます。

もし間違ってプログラムの一部を
消去してしまうとブログがうまく表示
されなくなりますので必ず
バックアップをとるようにしましょう。

 

バックアップがとれたら一番下までスクロールして
このタグをコピペで貼り付けてください。

#global-nav ul{

display: flex; /*フレキシブルボックス*/
text-align: center; /*センタリングするかどうか*/
}
#global-nav ul li{
width: 300px; /*幅の最大値*/
}

貼り付けられたらファイルを更新をクリックします。

キャプチャ3
 

 

 

 

 

どうでしょう?うまくカスタマイズできたでしょうか?

 

 

他にも文字の大きさ色を変えたり背景の色を変えたり
自分ごのみに変えることができますので

 

簡単なとこから自分だけのブログ作り
挑戦してみてはいかがでしょか。

 

 

いつもあなたを応援しています。
最後まで読んで頂きありがとうございました。

2 Responses to “グローバルメニューの幅を自動調整する方法”

  1. あいこ より:

    パパトコさん、はじめまして!
    ランキングから伺いました。
    こういう小さな何気ない部分でもきちんとカスタマイズすると、ブログの印象もぐっと変わりますね。
    勉強になりました。ありがとうございます。
    私はHTMLが苦手でカスタマイズするたびにネットでいろいろ調べて四苦八苦しながらやっています。。。
    ドメインがイタリア語ですね!
    応援ポチ完了しました。
    またお邪魔します。

    • パパトコ より:

      あいこさん、はじめまして (^^)v

      パパトコと申します。
      ブログにご訪問ありがとうございます ^ ^


      カスタマイズしだすと、あれもこれもと
      かえって見づらいブログにならない様に
      心がけています。
      何気なく、さり気なくですよね (*^^*)

      またお越しくださいね!
      応援ありがとうございます^^

コメントを残す

サブコンテンツ

プロフィール

285_150916222240_3509ミニ

 

はじめましてパパトコです。

簡単にお小遣い稼ぎや副業の

楽しさを学び経済的自由を目指します!


詳しくはコチラ→

ランキング応援お願いします♪

 

 

皆様のおかげで1位

頂くことができました!

ありがとうございました

タグクラウド

このページの先頭へ