テーマ「Lightning」ならコピペで使えるでボタンの装飾

「お問い合わせはこちら」といったリンクを貼る際、ボタンのように装飾が簡単にできると便利です。

image

「ワードプレスでホームページ制作講座」で使用しているテーマ「Lightning」では、CSSフレームワークのBootstrapを採用していますので、ボタンの装飾がコピペで簡単に作れます。

ボタン装飾

表示例①

お問い合わせはこちら

お問い合わせはこちら

HTML①

表示例②

お問い合わせはこちら

お問い合わせはこちら

HTML②

表示例③

お問い合わせはこちら

お問い合わせはこちら

HTML③

表示例④

お問い合わせはこちら

お問い合わせはこちら

HTML④

表示例⑤

お問い合わせはこちら

お問い合わせはこちら

HTML⑤

注意点

  • コピペする場合、HTMLの中の「#」には、リンク先のURLを入れましょう。
  • 「お問い合わせはこちら」の文字は自由に変更してください。
  • ボタンのカラーは管理画面で設定した「キーカラー」の色になります。

 

 

集客のためのワードプレス基礎構築講座

ホームページを制作しながら、ワードプレスの操作方法を学んでいく講座です。

HTMLやCSS、PHPなどの専門的な知識は一切必要なく見やすいサイトが出来上がります。

マンツーマンのワークショップでノートパソコンを持ち込んで作業します。
基本的なワードプレスの操作を学び、これからのサイト運営にお役立てください。