|札幌SNSランチ会、セミナー、勉強会開催予定一覧

  • 【満席ありがとうございます。】2017年8月30日(水) 東京 ホームページ作成講座
  • 【予定】あつしのお茶会 8月下旬予定
  • 【予定】2017年10月 名古屋
  • 【予定】2017年10月 仙台

ホームページを作ろうVol.11【ボタンに色を付ける】

こんにちは。
アメーバオウンドマイスター 加藤敦志です



今日は、ホームページを作ろうVol.11
【ボタンに色を付ける】です。

CSSカスタマイズ機能を使ってみまぁ〜す!!


|ボタンに色を付ける

固定ページに設置できるボタン。

残念ながらブログページでは設置できません。

今回は固定ページでの内容です。

ボタンの色は上の画像のように変更できます!!





|CSSカスタマイズを使います

CSSと聞いただけで
蕁麻疹が出る人。

しかしそこは目標を達成するために
我慢、我慢。。
自分のホームページで
お申込をしていただく為に
わかりやすいボタンを設置する為に!

ダッシュボード>カスタマイズ>CSSカスタマイズです。





|設置するCSS

.u-btn-bdr-clr { border-color: #ff9900; background-color: #ff9900; color: #fff; }

です。
内容は
border-color:ボタンの枠線の色
background-color:ボタン背景の色
color:ボタンテキストの色

この3箇所変更可能です。




|設置する場所

2箇所あります。
パソコン表示用とスマホ表示用です。

パソコン表示


スマホ表示

大カッコの中に
CSSを設置してください。




ボタンの色が変わっているか確かめてみましょう

パソコン表示は??



スマホ表示は?


何方も「オレンジ色」のボタンに
カスタマイズできましたぁ〜!!


今日の内容はちょっと難しかもしれませんが
是非チャレンジしてみてください。

わからなければSkypeサポートも出来ますので!!


ではまた
加藤敦志でした!!

0コメント

  • 1000 / 1000

アメーバオウンド マイスター 加藤敦志

Smilefactoryten 代表 加藤敦志です。
農業土木設計技師に19年従事
現在
ホームページ制作(WordPress、アメーバオウンド)、ブログ(アメブロ)の制作をしています。
また、Skypeサポートで、PC、iPhone、SNSの悩み、質問、連携のアドバイスもしています。

Amebaオウンド | 加藤敦志 アメーバオウンド マイスター

Amebaオウンド アメーバオウンド マイスター 加藤敦志です。 ホームページ、ブログ制作、悩み、苦手を問題解決へサポートする。 IT、WEBを使ってお仕事をされる方のお手伝い(サポート)をしています。