スマートフォンサイトを表示する

  1. TOP
  2. Jimdo逆引きコラム
  3. Jimdoの基本操作
  4. フォームのスタイルの変更

Jimdo逆引きコラム

Jimdoの基本操作

フォームのスタイルの変更

執筆:野崎 晃(株式会社デック)

2016年11月9日更新

  • このエントリーをはてなブックマークに追加

閲覧数613views

このコラムをPDF形式でダウンロードする

はじめてWEBはレイアウトによって、あらかじめさまざまなスタイルの設定が決まっています。
ナビゲーションやコンテンツなど、要素によっては後から自由にスタイルの変更を行うことができます。

「フォーム」というコンテンツの場合は、入力欄の枠の色や送信ボタンの色などを変更することができます。

まずはホームページにログインをします。
次に、フォームを作成したページを表示します。

右側のメニューの「スタイル」をクリックします。

画面の上部にスタイルの設定欄が表示されます。
一番左側の詳細設定が「オフ」になっている場合はクリックして「オン」にしてください。

詳細設定が「オン」に切り替わると、さまざまな要素の周りに水色の点線の枠が表示されます。
その状態でフォームの入力欄、または送信ボタンをクリックします。
ここでは送信ボタンをクリックします。

画面の上部にスタイルの設定欄が表示されます。
送信ボタンは「フォントサイズ」「フォントカラー」「フォントカラー(active)」「背景色」「背景色(active)」「罫線の色」「枠の色(active)」「罫線のサイズ」「角丸」が変更できます。

入力欄をクリックした場合は「フォントカラー」「罫線の色」「枠の色(active)」が変更できます。
ここからスタイルの変更を行ってください。

「active」というのは、カーソルを合わせた時に変化するときの色の設定です。

変更を行うと、ページに変更が反映されたプレビューを見ることができます。その変更をホームページに反映して良い場合は「保存」ボタンをクリックしてください。変更したスタイルが反映されます。

執筆者

執筆者の活用術

フォームは問い合わせや申し込みを受け付けるために重要なコンテンツです。フォームの枠の色は薄すぎると、どこに文字を入力するかわからなくなってしまう場合があります。フォームの枠や送信ボタンの色は、きちんと見やすい色に設定しておきましょう。

  • このエントリーをはてなブックマークに追加
このコラムをPDF形式でダウンロードする

野崎 晃(のざき・あきら)

野崎 晃(のざき・あきら)

株式会社デック 代表取締役/JimdoExpert
http://s-deck.jp/
http://jp-m.jimdo.com/

愛知県名古屋市を拠点に活動するWeb制作の会社の代表。
2009年Jimdoに出会い、より多くの人にJimdoの便利さ/楽しさを伝えるべく解説ページ「Jimdoでつくる簡単ホームページ!」を開設。JimdoJapan公式のJimdoCafeを運営するなど、Webサイトを多くの人にもっと身近に感じてもらうべく活動中。

著書に『WebデザイナーのためのJimdoスタイルブック』(共著、マイナビ)。

  • 「はじめてWEB」でホームページをはじめよう!
  • Jimdoリメイク | プロがあなたのホームページを50,000円(税抜)でリニューアル!
  • 問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール
  • 文具、通信、オフィスのことなら何でもお任せ!まとめてオフィス

ホームページを作るのがはじめてのかたはまずこちらをご覧ください

Jimdo逆引きコラム週間アクセスランキング[期間:2017/6/11~2017/6/17]

おすすめコンテンツ

はじめてWEBおすすめ本

創業・経営のお役立ち情報

  • ソウギョウノート

    飲食・小売・サービス業の開業スケジュールから、融資申込に必要な書類までをカンタン作成

  • 経理通信

    経営者と経理ご担当者必見!中小企業・小規模事業者のための経理サポートサイト

  • まとめてオフィス

    文具、通信、オフィスのことなら何でもお任せ

  • フリーコールS

    問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール

  • auオフィスナンバー

    事務所開設するなら固定電話番号で信頼アップ
    今ならキャンペーン実施中!