2017/06/28

お客様の声のやり方

 

WordPressテーマ『ELEPHANT~エレファント~』には便利なショートコードがいくつも用意されています。

今回は店舗型のお店では必須ともいえる「お客様の声」にも使える吹き出しのやり方をご説明していきます。

今回は投稿ページに作っていきますので、まずは投稿ページを選びます。

投稿ページを開く

今回はノーマルの吹き出しを使って行きます。
下記のショートコードを使っていきます。


ショートコードの画像

アイコンに画像をいれてみましょう。

投稿ページのタイトルの下にある「メディア追加」を選択して使いたい画像を選ぶと右に画像の詳細が表示されます。

 

画像を選ぶ

詳細のところにあるURLをコピーします。

画像のURLをコピーする

icon=””のところにコピーしたものを貼り付けます。””の間にいれましょう。

貼り付けます

貼り付けるとこんな感じになります。

画像のURLをペースト

次に名前をいれていきますname=””とかかれている””の間に好きな名前をいれてください。

今回は例としてAさんと入力していきます。

Aさんと入力

これでアイコンに名前をつけることができました。

次はお客様の声のコメントを入力していきましょう。name=”Aさん”]の後に入力します。今回は「テキスト」をいれます。

 

テキストを入力

これでお客様の声が入力できました。プレビューを見てみましょう。

プレビュー画面

 

ちゃんと表示されていますね。あとは記事を公開すれば完成になります。

LINE風やFacebook風の吹き出しも同じように入力すると下記のような感じになります。

エレファントのショートコードも貼っておきますのでコピーしてご使用ください。

ノーマルの吹き出し

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

Aさん

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

Bさん

Facebook風の吹き出し

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

Aさん

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

Bさん

LINE風の吹き出し

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

Aさん

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

Bさん

 

  関連記事 - Related Posts -

 

  最新記事 - New Posts -

 

- Comments -

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


Copyright© 🐩プードル鍼灸整骨院🐩 , 2017 All Rights Reserved.