稼げる副業でお小遣いを稼ぐ方法

稼げる副業でお小遣いを稼ぐだけじゃなく、料理や映画アニメ、趣味などメモにも使っているブログ

副業で稼ぐ仕組みの作り方

スマホの理想的なハンバーガーメニュー紹介

投稿日:2015年12月12日 更新日:

スマホデザインを作るのであれば、ハンバーガーメニューが一般的ですよね。今回は理想的なハンバーガーメニューを見つけたのでご紹介させて頂きます。

はじめに

色々なハンバーガーメニューを見てきましたが一番しっくりくる物を見つけたのでご紹介させて頂きます。

注意事項

紹介元のデザインが変わった場合は見れなくなってしまいます。

欲しい動き

スマホ用のメニューで欲しいと思っていた機能は

  • アイコンをクリックすると右側からメニューが表示
  • メニューの中でもクリックすると表示させたい
  • ヘッダーにfixしない

この辺りですかね。私自身1からスマホのハンバーガーメニューを作る事が出来るほど実力がないので、何か参考になる物を探しました。

そこで、見つけたのがこちらのサイトです。

理想的なハンガーガーメニューはこちら

機能の紹介

上記サイトを参考にして余計な機能を削ったものを作りました。こちらを使って紹介させて頂きます。

ハンバーガーメニューサンプル※スマホで見てね

メニューがぬるっと表示

hbg1

まずスマホでアクセスするとこんな感じです。

hbg2

右上のハンバーガーをクリックするとこのようにぬるっと現れます。

さらに中でぬるっと動く

hbg3

もし、メニューが多くなってしまっても大丈夫です。安心して下さい。

hbg4

クリックするとぬるっと下に表示されます。

ヘッダー固定じゃない

hbg5

個人的にメニューがずっとヘッダーに固定されるのって嫌いなんですよね。見る人は見ますし、見ない人はみないですしね。

だから下にスクロールするとそのまま消えるのが理想的なんです。

どうでしょうか?個人的にはこの形が今作っている稼げる副業用のサイトにぴったりなので参考にさせて頂いています。こういった物を1から作れるくらいの実力があるとまた違うんだろうなぁ。頑張らないとですね!

以上でスマホの理想的なハンバーガーメニューの紹介を終了いたします。

さいごに

もう当たり前ですね

ハンバーガーメニューは昔と比べてスマートフォンが普及している今では結構当たり前なデザインですよね。

なので、わざわざ「メニュー」と言う文字を入れなくてもタップしてくれますし製作者側から無理にアプローチしなくても良くなったのが嬉しいですよね。

個人的にスマホってグローバルナビゲーション=ハンバーガーメニューってイメージなので重要なコンテンツへのみの誘導のみをしている印象があります。

最近本格的にスマートフォン系のデザインを考えてはいますが、「どのコンテンツを表示させるのか」これが一番悩んでいます。

パソコンと違って見られるボリュームが変ってくるので、SEO対策用のコンテンツは表示させず重要なもののみにする?など、色々と考えすぎてしまって頭の中がごちゃごちゃ中です笑

でも、スマートフォンも非常に需要が伸びてきているのを考えると稼げる副業をするのには欠かせないアイテムの一つですかね。

-副業で稼ぐ仕組みの作り方
-

執筆者:


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

ムーバブルタイプからワードプレスに引越しする方法

ムーバブルタイプからワードプレスに引越しをした時のメモです。 関連記事: ネスタリゾートを100%遊びたい人へ【宿泊あり】 WordPressの古いバージョンから最新へのアップデート [2020年]百 …

AppToolを使ってみた

ヤフオクを最近使い始めたのですが出品が面倒で自動出品ツールを探している時にAppToolを見つけました。 関連記事: SEO対策で絶対にしてはいけない事 SEO対策用文字数カウントを作ってみた Gma …

【無料】ECCUBE4でネクストエンジンと連携させる

ECCUBE4にはネクストエンジンとの連携プラグインが無料でありますが、マニュアル通りだと設定できませんでした。 関連記事: WordPressのfeedが9時間ずれてしまう時の改善方法 アメブロのR …

ECキューブ2.11.5のインストール方法

ショッピングサイトの構築をするならECキューブと言うことで今回はインストール方法をご紹介致します。 関連記事: ホームページにパスワードを設置する方法 ワードプレスの設定2【インストール】 ECCUB …

ECCUBE3の商品CSV登録が簡単でした

毎回トラブルがあるCSV登録ですがECCUBE3では結構すんなり登録が出来ました。 関連記事: ネスタリゾートを100%遊びたい人へ【宿泊あり】 [2020年]百度baiduアカウントを日本から作る方 …