ECサイト構築クラウド型プラットフォーム

【本日】誠に勝手ながら、全社員研修のため、2017年4月20日(木)の13:00以降はお電話によるサポート受付を休止させていただきます。

モバイルファーストマーケティングラボ

レスポンシブWebデザイン

1/25ページ
  • 2020.09.04

jQueryライブラリ「slick」を使ったレスポンシブなスライダーの導入方法

セール情報などのお知らせを表示するために、自社サイトにスライダーを表示させたいという方は多いかと思います。 スライダーを実装するためのライブラリには様々なものがありますが、今回は、簡単にレスポンシブ表示のできる人気のプラグイン「slick」を使ったスライダーの実装をご紹介します。 まずは以下のURLへ行き、「get it now」→「Download Now」をクリックして、slickをローカルに […]

  • 2020.08.21

レスポンシブサイトで最適なフォントサイズを実装する

今回の記事は以下のような課題を持っている方におすすめです。   ・フォントサイズの単位の違いを知りたい。   ・どの画面サイズでも最適なフォントサイズにしたい。   ・レスポンシブなサイトでフォントサイズを容易に管理したい。 フォントサイズはCSSで「font-size:16px;」のように指定することでサイズを変えることができます。一つのデバイスでの設定ならすぐできますが、レスポンシブサイトでは […]

  • 2020.06.19

スマホでもしっかり表示!自社サイトでGoogle Mapをレスポンシブ表示させる方法

自社サイトを運営している方は、サイト内に自社のオフィスやお店の場所を載せたいと考えている方も多いのではないでしょうか。 その際、レスポンシブ表示の設定ができていないと、PCでは正常に表示されていても、スマホやタブレットなどではレイアウトが崩れてしまうことがあります。 というわけで今回は、自社サイトのGoogle Mapを、どのデバイスでもしっかりと表示させる方法をご紹介したいと思います。(今回はW […]

  • 2019.01.11

SEOに強いECサイトを構築する4つのポイント

こんにちは。セールス部の泉です。 あけましておめでとうございます。本年もよろしくお願いいたします。 昨今ECサイトは増加し続けており、様々な規模のECサイトが構築されています。そういった状況の中でSEOの難易度は年々上昇しており、検索上位を取るために様々な対策が必要です。そんな中でSEOに強いECサイトを構築するにはどうすれば良いのでしょうか。今回はそうしたサイトを作るためのポイントをご紹介します […]

  • 2018.10.01

Googleモバイルファーストインデックス対策はレスポンシブが最適な理由

Googleのモバイルファーストインデックス(MFI)が正式に開始されて約半年。多くのサイト運営者の元にモバイルファーストインデックス開始の通知が送信されています。 SNS上ではこの通知を意味をご存じない方もいて、どのような対策をすればいいのかと言った声も見られます。今回はモバイルファーストインデックスへの対策と、その対策にレスポンシブが最も適している理由をご説明いたします。

  • 2018.09.14

ECサイトには必須?Google提唱のマイクロモーメントの意味と対策

こんにちはセールス部の泉です。 電車の中、家でくつろいでいるとき、何か買いたいものを思いついた瞬間、あなたはまず何を使って検索を行いますか? 今回はその瞬間にフォーカスした、Googleが提唱しているマイクロモーメントについての考え方とECサイトとの関連性をまとめていきたいと思います。

  • 2018.04.12

【jQuery】レスポンシブなサイトで、デバイスサイズで適用させるjavascriptを切替

レスポンシブウェブデザインではCSS(スタイルシート)を画面の横幅に応じて設定したブレイクポイントを切り替えることで、HTMLコンテンツの見た目を調整しています。CSSではメディアクエリを利用してこの切り替えを実施していますが、JavaScriptの切り替えはどのように行えばよいのでしょうか? 今回はレスポンシブウェブデザインでブレイクポイント毎にJavaScriptの切り替えを実現するjQuer […]

  • 2018.03.28

Googleがモバイルファーストインデックスを正式に開始

昨日、日本時間の早朝、Google米国のウェブマスター向けブログでモバイルファーストインデックス(MFI)への切り替えを広い範囲で開始した、とアナウンスがされました。 Rolling out mobile-first indexing その後日本語版のブログも更新され、発表されました。 モバイル ファースト インデックスを開始します 本日、Google は 1 年半の慎重な実験とテストの結果、モバ […]

  • 2018.03.14

レスポンシブサイトを印刷(プリント)したいときに使えるChromeの拡張機能

こんにちは。サポート部の山本です。 あったかくなってきましたね。 ペーパレス化が進んでいる昨今ですが、それでも稀にWEBサイトをプリントアウトしないといけない時があります。ところが、レスポンシブサイトを印刷してみるとCSSが効いてない状態で印刷されてしまうケースがあります。 今回はそんな時にうまく印刷できるChromeの拡張機能『Awesome Screenshot』を紹介します。

1 25