トップページにヘッダー画像を付けました

苺一会(いちごいちえ)からのお知らせ

昨年生まれた子供もすくすくと成長し、それに合わせて少しずつですが復帰しております!

ですが、まだまだ手のかかる時期のため、もうしばらくのあいだ

  • イベント出店
  • オーダー受け付け

は、お休みさせていただきます(^人^)

新作オルゴナイトの作成および、ネット販売については今まで通り対応させていただきます。

わがままを言いますが、ご理解いただけるとありがたいです(*´꒳`*)

ブログやホームページの「顔」としてトップページに

と設置されている画像を、一般滴に「ヘッダー画像」と呼びます。

 

「苺一会(いちごいちえ)」もサイトにインパクトをつけるべく!?このヘッダー画像を作成して設置してみました^^

 

トップページにヘッダー画像を設置!

「苺一会(いちごいちえ)」はWordpressというブログのシステムに、「Welcart」というカート機能を持つプラグインをインストールし、「Blanc」というテーマを使ってWordpress製のネットショップとして運営しています。

ですが、当ショップにはヘッダー画像と呼べるものがなく、シンプルな作りでやや寂しかったので、この度ヘッダー画像を作ってみました。

(一応デザイナーなのでw)

 

ヘッダー画像を複数設置するとスライダーになる

このテーマで驚いたのが、「複数画像を置くことでスライダーになる」ということでした(^_^;)

「スライダー」というのは、複数の画像をページを移動せずにペラペラ切り替えができるツールになるのですが、このテーマでは標準で付いていたということになります。

 

本来はPHPをいじったり、jQueryをインストールしたりと非常にややこしいのです。

また、Wordpressであればプラグインで実装する手もありますね^^

※ただしこのテーマの場合は自動で画像が切り替わらず、ボタンをクリック(スマホであればスワイプ)またはカーソルキー(←→)を押すことで画像の切り替えができるようになります。

 

設置したのはこの4枚

「苺一会(いちごいちえ)」のトップページに実際に設置したのは、こちらになります。

ヘッダー画像01
ヘッダー画像01

 

ヘッダー02
ヘッダー03
ヘッダー04

 

今まで作成したオルゴナイトの数が多すぎて、どの写真を使おうか非常に迷いました(^_^;)

でも、見栄えの良いオルゴナイトは「ジュピター(木星)」ですね!

ちなみにこの「ジュピター(木星)」は、プレゼント用として嫁いでいきました。

とても喜んでもらえたみたいで良かったです^^

 

というわけで、トップページを開いたらヘッダー画像も見てくださいねヽ(*´∀`)/

 

では、今回はこの辺で!

このページにキュンときたら
いいね!してくださいΣd(>∀<*)♪゚+.

LINEで送る
Pocket

■便利なPush通知のご案内 こちらをクリックして登録していただくと、苺一会(いちごいちえ)の新作オルゴナイトが追加された時に、あなたのスマホに通知が届くようになります^^

Translate »