navigation>年末年始休業につきまして【本日】誠に勝手ながら、全社員研修のため、2017年4月20日(木)の13:00以降はお電話によるサポート受付を休止させていただきます。皆さんこんにちは、サポート部の山本です。夏の暑さも一段落し、朝晩の気温も下がり過ごしやすくなってきましたね。今回はスマホサイトでもよく採用されているドロワーメニューの設置方法を、レスポンシブwebデザインに対応した形でご案内します。実装サンプルスマホでは以下のように動作します。ハンバーガーメニューをタップすると、中に入っているメニューが現れます。PCサイズになると下図のように大項目のメニューが横並びになり、その下にサブメニューが表示されるような実装をしていきます。デモサイトは以下になります。デモサイトステップ1:head内の記述まずはhead内で以下を読み込ませます。次にbody内にHTMLを記述していきます。MENUは任意の文字に置き換えて下さい。</header></div>ステップ3:CSSの記述CSSも少し長いですが、以下を参考に記述していきます。クラス名等が重複する場合は、HTMLのソースと共に任意の値に編集してください。最後にJavaScriptを以下のように記述していきます。class="overlay"></div>');}$nav.animate({right:0},$speed,'swing');$('.overlay').fadeIn($speed);}}});以上で終わりです。デモサイト基本的に上記コードのコピー・アンド・ペーストで記述すれば、問題なく動作するはずですが、場合によっては既存のクラス等とバッティングする可能性もあります。その時は任意でクラス名を付けたりして調整してみてください。”スマホで売れる”ためには必須の「レスポンシブECサイト」とは?2019年、ECサイトの利用者は今やスマ―トフォンからが7割を超え、市場のニーズは完全にPCからスマホに転換しました。検索エンジン大手のGoogleも「モバイルファーストインデックス」を打ち出し、スマホ対応の手段として正式に「レスポンシブWEBデザイン」を推奨しています。そのような背景から、昨今のEC市場ではスマートフォンへの適切な対応が急務となっており「レスポンシブECサイト」のニーズが非常に高まってきています。本パンフレットではECサイト運営を取り巻く環境の変化を、レスポンシブECサイト構築導入実績No.1のプラットフォームである「aishipR」の機能や実績を踏まえながらまとめました。・レスポンシブECサイトがなぜ今選ばれるのか・これまでのECサイトの課題とは何なのか・どのようにすれば解決できるのかといったノウハウから、プラットフォーム変更で得られる効果の実例まで網羅して解説しています。ECサイトの運営されておられる経営者様だけでなく、運営担当者様にも必ずお役に立つ内容となっておりますので、是非ご活用ください。無料パンフレットを請求するABOUTモバイルファーストマーケティングラボとは、スマートフォン/タブレット/PCに対応したレスポンシブECサイトの構築や成功事例の最新情報を発信するブログです。投稿一覧スマートフォン・モバイルのECサイト/非ECサイトの導入相談、売上アップのサポート等を行なっています。テクニカルサポート、営業として培ってきたノウハウをベースとし、長期的な利益確保が見込めるスマートフォン&モバイルECサイト構築のコンサルティングや売上アップの施策をご提供。ECサイト構築や運営のお手伝いをすることで、人々の生活が少しずつ豊かに変わっていく、そんな遠く先まで見つめながら、日々の業務に励んでいます。2013.09.20ECサイトを構築/運営していく中で必ず必要になるのがランディングページ(以下LP)です。2018.06.18みなさまはじめまして。6月よりセールス部に配属されました、新入社員の泉(いずみ)と申します。初投稿ですがよろしくお願い致します。2013.09.26こんにちは、ロックウェーブの岡本です。Googleから「SEOを気にせず、コンテンツに集中できるツールである」と評価されているWordPress。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレスサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。自社ECサイト運営でASPをオススメする理由モバイルファーストラボ。