兵庫県三田市でホームページ製作をしているゴリラドットです。

 

ここではお客様のホームページに対して行ったカスタマイズ事例を紹介しています。今回はホームページに写真スライダーを入れるカスタマイズ。

写真スライダーや画像スライダーと呼ばれる機能、これはこのゴリラドットのホームページのトップ画面でもあるような写真が一定間隔で切り替わるもの(これは画像が小さいですが、今回は全画面スライダーというこういう感じのスライダーを導入しました)。

ホームページに来てくれたお客さんに写真でおすすめ商品を訴求したりするのにおすすめの機能です。

 

カスタマイズ事例04「スライダー設置」

カスタマイズ料金

30,000円

(※ワードプレスに対してのカスタマイズ料金です)

 

カスタマイズ方法

スライダー設置カスタマイズについてはまずお客様のホームページが何で作られているかを調べさせてもらっています。

ワードプレス、ブログでホームページ代用、その他のホームページ作成サービス、など色々あるのですが今回はワードプレスを使われているという事で、ワードプレスに対してスライダー設置カスタマイズを行いました。

基本的な作業は以下の通りです。

 

  1. スライダープラグインをサイトに設置
  2. 画像の設置、スライダーの設定
  3. スライダーの位置、デザイン、切り替わりのアニメーションや時間を決める
  4. 後からお客様の方でかんたんに写真を変えられるようにワードプレスの管理画面に項目追加

 

Tips:スライダープラグインをサイトに設置

スライダープラグインをサイトに設置、と聞くと難しそうですがこれは少しネット検索をすればできると思いますので、もし「まずは自分でカスタマイズにチャレンジしたい!」という方は「スライダープラグイン」のようなキーワードで検索していただくのがおすすめです。

また個人的なおすすめは「Slick」か「Swiper」というスライダープラグイン。両方英語の公式サイトに飛びますが両者とも「Get it now」や「Download」と書かれている所をクリックすればスライダープラグインを誰でも無料で入手できます。

 

後はこれをホームページの置かれている場所(レンタルサーバー)に設置するのですが、ここの手順が自分でされる場合はちょっと難しいかもしれません。

ロリポップなどのレンタルサーバーをお使いの場合はロリポップの管理画面にいって「FTP」というキーワードで探されるとうまくいくと思います。

 

そして、手順②に進みます。ここから先がさらに難易度が跳ね上がるのですが、チャレンジされる場合は「Slick 使い方」や「Swiper 使い方」でネット検索すると日本語で書かれた写真付きの手順が出てくると思いますので、それを見ながら作業されるのが近道だと思います。

 

また上記手順の③④はやらなくてもスライダーは動きますので、ご自身でカスタマイズされる場合は①②の二つだけ行えば自力でもホームページにスライダーを設置できると思います。

 

まとめ

今回はホームページに画像スライダーを設置するカスタマイズ事例について紹介しました。

まとめると「Slick」や「Swiper」といったスライダー設置用のプラグインを入れて、その設定を行う、そしてワードプレスの管理画面から簡単に写真の変更ができるようにする、というのが今回行ったカスタマイズです。

 

三田市、それから兵庫県でお店をされている方で「自分の所のホームページにも画像スライダー設置したいな」という場合はぜひゴリラドットまでお問い合わせください。後から簡単に写真の変更ができる状態でカスタマイズさせていただきます。