Welthemesでは全てのテーマにおいて、トップページにレスポンシブ対応スライドギャラリーを表示できるようになっています。（minimum等の基本テーマでは煩わしく動くのを嫌い、デモサイトではスライドではなく固定表示にしていますが、必要に応じてスライド化できるようにコードを埋め込んであります。）

これらはWordPressの外観メニュー>ヘッダーと連動していて、他のプラグインなしですぐに利用できるシンプルかつ必要最小限なものとなります。コード内に直接記述してある数値を変更することで、切り替わりのスピードやエフェクトを変更することも可能です。

より細かい設定ができるギャラリーとして、各バナーに個別のリンク先を設定したいというカスタマイズのご質問が時々ありますので、今回はそのような場合におすすめの便利なスライダープラグインご紹介します。

プラグインだと管理画面にてスライダー用に登録インターフェイスが表示され、それぞれ細かい設定をすることができます。

1. Soliloquy Lite

レスポンシブ対応、簡単設置、軽量、ともっともお勧めしたいプラグインの１つです。無料版と有料版がありますが、無料のライトバージョンでも十分な機能を揃えています。スライド毎にメタ情報を登録することもできるので、SEO面でも効果的と言えるかもしれません。

http://wordpress.org/plugins/soliloquy-lite

2. Meta Slider

スライダー、豊富なトランジション、アニメーション、エフェクト、シンプルな操作性とバランスのとれたプラグイン。より高度な設定は有料バージョンが容易されています。

http://wordpress.org/plugins/ml-slider/

3. Meteor Slides

シンプルさが特徴のプラグイン。レスポンシブでモバイルフレンドリー。多機能な設定はいらないシンプルさを求める人へ。

http://wordpress.org/plugins/meteor-slides/

4. Cyclone Slider 2

こちらもシンプルさが特徴のプラグイン。シンプルながらトランジションやスピードを設定することができます。

http://wordpress.org/plugins/cyclone-slider-2/

その他

その他次のようなプラグインもあります。

• Smooth Slider
• Smart Slider 2
• Easing Slider Lite
• Nemus Slider

プラグインはサイトごとの用途に合っているかどうか、操作性の好みが人それぞれありますので、いくつかを試してみて一番使いやすそうなものを採用することをオススメします。

プラグインをインストール、homeとなるページにタグを埋め込むだけの簡単設置ですぐに実装できますので、ぜひお試しください！

参考記事：http://www.wpbeginner.com/showcase/9-most-popular-free-responsive-wordpress-slider-plugins/

Welthemesのテーマでは、ショップロゴにそれぞれデザインの雰囲気に合ったWebフォントにしています。（Webフォントについてはこちら）

分かりやすい例としては「Espresso」テーマでは特徴的なWebフォントを読み込んでいます。
https://demo.welthemes.com/?themedemo=welcart_espresso

Webフォントを利用している理由は明確で、ダウンロードして使って頂くテーマなので「最初から固定のロゴ画像を入れる訳にもいかず」かといって「一般的なPCフォントではデザインができない」からです。

ですが、実際に利用する際にはまず最初にカスタマイズしたくなる部分だと思います。
ここでは、具体的にどのようにカスタマイズするとよいかを解説します。

お店のロゴ画像にする場合

お店のロゴが決まっていたり、画像でしか表現できない場合（特殊なフォントやマーク等）は画像ロゴを設定します。

付属のマニュアルファイルにある通り、
Wordpress管理画面　> 外観　>　現在のテーマの所にある「カスタマイズ」　
をクリックしてカスタマイズモードに入ります。

そこで、「ショップロゴ」という部分に画像をドラッグ・アンド・ドロップして完了です。

シンプルにフォントで済ませたい場合

例えば、

• 既存店舗として統一ロゴがあるわけではない
• 全く新しく立ち上げるオンラインショップ

のような場合はロゴ画像はまだないかもしれません。

その場合、最初から設定してあるフォントのままでよしとするか、あるいは自分でWebフォントを選んでみましょう。

Google Webフォントから選ぶ

本格的なWebフォントのサービスは有料ですが、Googleが提供しているGoogle Fonts は無償で利用することができます。

1. http://www.google.com/fonts/ から好みのフォントを選ぶ
2. Quick-use をクリック
3. 「Add this code to your website:」とある部分のコードをコピーし、テーマファイル header.php のの直前にペースト（そこにはデフォルトで選択したフォントのコードがあるので、それは削除しておきます）
4. 「 Integrate the fonts into your CSS:」にある「font-family: xxxxxxxx;」というCSSをコピーし、「テーマ名.css」の「h1#site-title」という部分に貼り付けます。（ここでも初期設定状態のfont-family 指定は削除しておきます）

これで、ショップのタイトルが先ほど選択したフォントで表示されていると思います。

有償になりますが、Typekitのように本格的な物もあります。
https://typekit.com/

シンプルなテーマでは、ロゴとトップページの写真、商品写真が、そのショップの印象のほとんどを占めることになります。
つまりそれらをちゃんと自分のブランドイメージに合ったものに入れ替えていくだけで、他にはない個性を出すことができます。

シンプル系テーマ

• minimum: https://welthemes.com/themes/minimum/
• MatteBlack: https://welthemes.com/themes/matteblack/
• macpherson: https://welthemes.com/themes/macpherson/
• NOVEL: https://welthemes.com/themes/novel/
• Hipster: https://welthemes.com/themes/hipster/

Welthemesのテーマでは、いずれもトップページにショップのヴィジュアルイメージとなる写真が掲載できるようになっています。

画像の変更方法

トップの画像は管理画面の

「外観」>「ヘッダー」>「カスタムヘッダー」

からアップロードして管理できます。アップロードと同時に適正サイズに切り抜きするクロップ機能が付いていますので、デジカメで撮ったままの写真でもそのままアップロードしてすぐにトップページに貼り付けることが可能です。

1. もし何もアップロードされていなければテーマ内にある「default_header.jpg」を表示
2. もし管理画面から何かアップロードされればそちらを表示

という仕組みになっていますので、お好みの方法で管理してみてください。

複数写真のスライドギャラリーにする

全てのテーマには、トップページの写真を静止画ではなく「複数写真のスライドギャラリー」にするためのソースコードも準備しています。
付属のマニュアルにあるように home.php のコードを修正した後、管理画面の「カスタムヘッダー」にてお好みの写真をアップロードしてみてください。

デモサイト（ minimum LiveDemo ）では静止画にしてありますが、ここがフェードイン・フェードアウトのスライドギャラリーになるだけで、ずっとお洒落で素敵な印象のショップになります。

ショップのイメージ付け、また一時的なセール用バナーなどにご活用ください。