ミギムキ

[WordPress] お問い合わせボタンをコピペでサッと設置したい

サンプルコード

html

<a href="<?php echo esc_url(home_url('/contact/')); ?>" class="btn_contact">お問い合わせ</a>
スポンサー広告

CSS

.btn_contact { display: table; position: relative; padding: 1em 5em; border: 1px solid #3388dd; background-color: #3388dd; color: #fff; } .btn_contact:before { margin: 0px 1em 0px 0px; font-family: FontAwesome; content: "\f0e0"; } .btn_contact:link, .btn_contact:visited, .btn_contact:active { color: #fff; } .btn_contact:hover { background-color: #fff; color: #3388dd; text-decoration: none; }

仕組み、解説、補足など

スポンサー広告