【LUREA】⑥『お問い合わせ』の作成方法

toiawaseこちらも使用するのは「テキスト」です

テキストばっかり使ってます。汗

使い方あってんのかな^^;;

とりあえずsho1のやり方でも『見た目奇麗っぽいサイト』はできます。

 

ウィジェットの設定

とりあえず「テキスト」を右側に持ってくるとできるのは覚えたぞ!

とここで画像を押したらメール画面になる仕組みがわからん。。。となりますorz

otoi

で、こんな感じです^^

ご質問や購入に関する相談などお気軽にご連絡ください^^<center><A Href=”http://skfunddream.com/question/”><Img Src=”http://skfunddream.com/wp-content/uploads/2013/06/mail-e1371302784636.jpg” Border=”0″></A></center>

①でメールアドレスにしようとすると違うタグを使うのですが、メアドを外に出したくないのでお問い合わせのページ(以下で解説)に飛ぶようにしてあります。

②で表示したいメールのようなアイコンを表示しています。

あとは前後に<center></center>タグでセンタリングしてあるだけです。

 

お問い合わせページを作るには

プラグインが必要になります。いつものプラグイン画面で「Contact Form 7」と検索しましょう

plug

で、インストール>有効化

cont

そうすると「お問い合わせ」というメニューが出現します!

cont2

でコンタクトフォーム1の編集というところからは、メッセージが送信されたときに表示されるメニューやどのようなタイトルをつけるか指定できます。

右側のショートコードを貼付けるとコンタクトフォームが表示されます。

今回は「固定ページ」にコンタクトフォームを設置します。

koteicont3

固定ページ>新規追加 から固定ページを新規作成します。

タイトルは「お問い合わせはこちら」にしてみました^^

で、先ほどのショートコードを貼付けて完成!

で完了したお問い合わせページのアドレスを先ほどのテキストの①に貼り込んで完了^^

▼これだけでこんな立派なフォームが完成です

cont4

 

 

 

あわせて読みたい関連記事:

このエントリーをはてなブックマークに追加

コメントを残す