ブログ

お問い合わせフォームの設置方法とカスタマイズ


ずっと設置しようと思いつつ先延ばしにしてた、お問い合わせフォームを設置した。このサイトのお問い合わせフォームはContact Form 7を使って作成した。その方法について書く。

プラグインのインストール


まずはプラグインのインストールをする。wordpress編集画面左のメニューからプラグイン>新規追加と進む。


右上の検索欄からContact Form 7を検索。インストールして有効化する。これができたら準備完了。

ショートコードを張り付けてお問い合わせ記事を作成


wordpress編集画面の左メニューにお問い合わせが追加される。お問い合わせをクリックしてショートコードをコピーする。


記事を新規作成して、さっきコピーしたショートコードを張り付ける。いい感じのタイトルを付ける。


これでお問い合わせフォーム完成。

送信ボタンのカスタマイズ


完成はしたけど、デフォルトのままだと、このように送信ボタンが背景と同化している。
それをこんな感じにして見やすい色に変える方法を書く。


外観>カスタマイズと進む。


追加CSSをクリック。一番したにコードを追加。画像青線の部分を変更することで送信ボタンの背景を変更できる


追加するコードはこれ。

/contact7送信ボタン/
.wpcf7 input[type=”submit”] ,
.pushbutton-wide{
background-color: #2c8de8;
}


#2c8de8が何色か分からないし、指定の仕方も分からん。って人でも大丈夫。まずは、ここのサイトに行く。赤枠で囲んだ中から好きな色を選んでクリック。そうすると青色の枠のところにカラーコードが出てくる。青色の枠内のカラーコードをコピーしてくれ。コピーしたカラーコードを使って色を指定。



最後に公開ボタンを押せば編集終了。送信ボタンの背景の色が変わっているはずだ。

POSTED COMMENT

  1. FranTiz より:

    Cialis Como Se Toma Sicher Viagra Kaufen cialis generic Buy Zithromax To Treat Chlamydia Comprar Cialis Generico 20 Mg Cats Claw Cephalexin

  2. FranTiz より:

    Propecia Medicamentos Cialis 20 Mg Come Funziona Viagra Schweiz Kaufen cialis cheapest online prices Viagra Et Performance

  3. FranTiz より:

    Horn Pflanzliches Viagra Potenzmittel Hilfe Impotenz cialis 5 mg Generic Macrobid Free Consultation Bakersfield Renacidin Propecia Cheap Abortion Pills Online

  4. FranTiz より:

    Viagra Cialis Silagra cheapest cialis 20mg Order Diovan On Line

  5. Gert より:

    Hi, very nice website, cheers!
    ——————————————————
    Need cheap and reliable hosting? Our shared plans start at $10 for an year and VPS plans for $6/Mo.
    ——————————————————
    Check here: https://www.reliable-webhosting.com/

  6. FranTiz より:

    Keflex Effect On Staphlococcus Aurius achat levitra au usa Cialis Viagra Marche Pas Amoxicillin Side Efects Keflex Sun

  7. FranTiz より:

    Buy Kamagra Pay With Paypal Comprar Cialis Original Espana Venta Viagra En Espana cialis canada viagra Propecia Tumore Colon

  8. FranTiz より:

    Tomar Viagra Medico Propecia Utopico Generic Cialis In Usa viagra Amoxicillin Dosage Sinus Infection Cialis Dosi Consigliate

  9. oprolevorter より:

    Hello, i think that i saw you visited my web site so i came to “return the favor”.I am trying to find things to improve my site!I suppose its ok to use some of your ideas!!

    http://www.oprolevorter.com/

  10. sky casino live より:

    Really there is often a fine line between being a professional gambler aand an addicted bettor.
    Of course it doesn’t last long but perform give it to any person. Bingo is considered the
    mostt popular onne single. http://ns2.Km13020.keymachine.de/php.php?a%5B%5D=%3Ca+href%3Dhttp%3A%2F%2Face333.gdn%2Findex.php%2Fdownload%2F17-sky777%3Esky+777%3C%2Fa%3E

COMMENT

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