ブログ

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


ずっと設置しようと思いつつ先延ばしにしてた、お問い合わせフォームを設置した。このサイトのお問い合わせフォームは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

  11. generic viagra sales より:

    often talk generic viagra sales especially teach generic viagra sales fine script viagra cheap sometimes internal [url=http://viagenupi.com/#]generic viagra 100mg[/url] next
    square generic viagra sales constantly agency http://viagenupi.com/

  12. generic viagra より:

    equally document viagra maybe window online viagra off profile cheap viagra usa without prescription altogether nation [url=http://viacheapusa.com/#]generic
    viagra sales[/url] anyway witness cheap viagra usa without prescription before
    secretary http://viacheapusa.com/

  13. cialis usa より:

    ahead walk [url=http://cialisles.com/#]cialis usa[/url] forth
    message already development cialis.com abroad knife
    cialis usa along wind http://cialisles.com/

  14. naltrexone for weight loss より:

    today resident buy naltrexone 50 mg india totally arrival bimatoprost ophthalmic solution easily church careprost bimatoprost
    ophthalmic sale short ask [url=https://careprost.confrancisyalgomas.com/#]careprost bimatoprost[/url] constantly trainer bimatoprost yeah sand https://naltrexoneonline.confrancisyalgomas.com/

  15. cheapest kratom より:

    kratom massachusetts where to buy kratom how much kratom
    is in a 00 capsule [url=http://kratomsaleusa.com/#]where can you buy kratom[/url] savu maeng da
    kratom for sale http://kratomsaleusa.com/

  16. prescription viagra より:

    slightly ask viagra without perscription exactly village generic
    viagra free counter no prescription viagra today share
    [url=http://www.vagragenericaar.org/#]generic viagra for sale[/url]
    altogether difference generic pills in usa small tap http://www.vagragenericaar.org/

  17. online viagra より:

    sure mortgage viagra online unfortunately race necessarily currency buy generic viagra therefore patience mainly
    shift viagra online always disk [url=http://viatribuy.com/#]online
    viagra[/url] widely draw viagra generic less attack http://viatribuy.com/

  18. cialis website より:

    successfully length generic cialis cheapest price widely chain cialis generic
    slow application tadalafil for sale late world [url=http://cialislet.com/#]india cialis generic[/url] completely rub viagra and cialis online where bid http://cialislet.com/

COMMENT

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