グローバルメニューの追加方法

今回は、「グローバルメニューの追加」を紹介します。

非常にありがたいサイト

本来であれば自身で画面の大きさに合わせてCSSを変更しなければなりませんが、フレキシブルデザインのグローバルメニューを提供しているサイトがありましたので、利用させていただきました。

Webpark様ありがとうございます。

Webpark

 

141 shares

385 users

657 pockets

レスポンシブWebデザインに対応したメニューの作り方【追記あり】

レスポンシブに対応した横メニューを作る機会があったので、せっかくですし作り方を紹介したいと思います。お役に立てばうれしいです。...

タイトルの大きさを変更する

1.管理画面上から、[デザイン]-[デザイン設定]-[選択しているテンプレタイトル]を選んで画面を表示させます。

[peg-image src="https://lh3.googleusercontent.com/-c998uyYymrY/V68rF86o0jI/AAAAAAAAALc/ejyKPyhrVOYmNiIqjqxBczoNiiDmOInhgCHM/s144-o/Design-thumbnail2.png" href="https://picasaweb.google.com/101526379577213110445/6322942118553430657?authkey=8pAeihqi8vw#6318316183475507762" caption="" type="image" alt="Design-thumbnail2.png" image_size="558x252" ]

2.下にスクロールをして、[スタイルシート編集]を選択

[peg-image src="https://lh3.googleusercontent.com/-QfY6h2WMEPs/V68rF47a3zI/AAAAAAAAALc/g6zgWrPalSExHoQwd65fAjHieJp31TqQwCHM/s144-o/style.png" href="https://picasaweb.google.com/101526379577213110445/6322942118553430657?authkey=8pAeihqi8vw#6318316182405046066" caption="" type="image" alt="style.png" image_size="537x308" ]

3.上記ブログで追加すべきCSSを追加する

4.画面最下部で保存を選ぶ

5.下にスクロールをして、[HTML編集]を選択

[peg-image src="https://lh3.googleusercontent.com/-hZ1ridkDDpI/V6_uqgbczJI/AAAAAAAAAM8/UMqkWlBO76cv1veNQ35WHnOEB9ti63r6wCHM/s144-o/blog_import_57a947ed5cb18.png" href="https://picasaweb.google.com/101526379577213110445/6322942118553430657?authkey=8pAeihqi8vw#6318531216251079826" caption="" type="image" alt="blog_import_57a947ed5cb18.png" image_size="541x306" ]

6.上記ブログで追加すべきHTMLを追加する

7.画面最下部で保存を選ぶ

-seesaa_tips