| ボタン画像素材
好きなものをお選びください |
動画マニュアル「ボタンの設置・装飾」 を参考にしてください。
|
テンプレートに導入されているボタンデザイン |
設定方法
文字の説明では分かりにくいと思いますので、動画マニュアル「ボタンの設置・装飾」 を参考にしてください。
その1 
をクリックして、
「フォーム(大)」「フォーム(小)」「ボタン(青)」
「動くボタン(青)」「触ると動くボタン(青)」のいずれか選んでクリック
その2 
をクリックし、編集モードを「テキストモード」にする
その3 プログラムの中からボタンの箇所を探し、クラス名を下記のものに変更する。
○フォーム内のボタンの場合
○フォーム外のボタンの場合
通常ボタン: フォーム大を利用する際におすすめです。
クラス名 : btn-blue
クラス名 : btn-red
クラス名 : btn-green
クラス名 : btn-purple
クラス名 : btn-gray
3Dボタン : フォーム大を利用する際におすすめです。
クラス名 : btn-blue-3d
クラス名 : btn-red-3d
クラス名 : btn-green-3d
クラス名 : btn-purple-3d
クラス名 : btn-gray-3d
通常ボタン(小) : フォーム小を利用する際におすすめです。
クラス名 : btn-blue-sma
クラス名 : btn-red-sma
クラス名 : btn-green-sma
クラス名 : btn-purple-sma
クラス名 : btn-gray-sma
3Dボタン(小) : フォーム小を利用する際におすすめです。
クラス名 : btn-blue-3d-sma
クラス名 : btn-red-3d-sma
クラス名 : btn-green-3d-sma
クラス名 : btn-purple-3d-sma
クラス名 : btn-gray-3d-sma
動くボタン : 常時動いているボタンです。マウスを合わせると光ります。
クラス名 : btn-skewlr-blue
クラス名 : btn-skewlr-red
クラス名 : btn-skewlr-green
クラス名 : btn-skewlr-purple
クラス名 : btn-skewlr-gray
触ると動くボタン : マウスを合わせると動くボタンです。
クラス名 : btn-gelatin-blue
クラス名 : btn-gelatin-red
クラス名 : btn-gelatin-green
クラス名 : btn-gelatin-purple
クラス名 : btn-gelatin-gray
|
【カラフルver4.2より実装】テンプレートに導入されている 「ボタン・カスタマイズ用」パーツのデザイン |
他のボタンパーツとは異なり、背景色や文字色を自由に設定できるボタンパーツです。
カスタムボタンパーツより『ボタン・カスタマイズ用(青)』を設置後、
テキストモードより、「デザイン」・「背景色」・「文字色」を設定できます。
詳細は、動画マニュアルをご覧下さい。
クラス名 : btn-custom
クラス名 : btn-custom-sma
クラス名 : btn-custom-3d
|
ボタン画像素材 |
フォームのボタン画像を変更する
文字の説明では分かりにくいと思いますので、動画マニュアル「ボタンの設置・装飾」 を参考にしてください。
その1 をクリックして、
「フォーム大(ボタン画像ver)」「フォーム小(ボタン画像ver)」のいずれか選んでクリック
その2 使用したいボタン画像をアップロードし、画像URL(下の画像の部分)を取得する
その2 をクリックし、編集モードを「テキストモード」にする
その3 プログラムの中からボタンの箇所を探し、画像URLをその2で取得したURLに変更する
○フォーム内のボタン画像の変更
※フォーム内のボタンの設定でない場合は、普通に画像を貼付ける感覚でボタン画像を追加してください。
ボタン画像素材
|
「今すぐ登録する1」大5色 (幅480×高さ60) フォーム大におすすめ
|
「今すぐ登録する1」小5種 (幅350×高さ60) フォーム小におすすめ
|
|
「今すぐ登録する2」大10種 (幅480×高さ60) フォーム大におすすめ
|
「今すぐ登録する2」小10種 (幅350×高さ60)フォーム小におすすめ
|
|
「今すぐ参加する」大10種 (幅480×高さ60) フォーム大におすすめ
|
「今すぐ参加する」小10種 (幅350×高さ60)フォーム小におすすめ
|
|
「今すぐ申し込む」大10種 (幅480×高さ60) フォーム大におすすめ
|
「今すぐ申し込む」小10種 (幅350×高さ60)フォーム小におすすめ
|
|
「無料で読んでみる」大10種 (幅480×高さ60) フォーム大におすすめ
|
「無料で読んでみる」小10種 (幅350×高さ60)フォーム小におすすめ
|
|
「詳細をチェックする」大10種 (幅480×高さ60) フォーム大におすすめ
|
「詳細をチェックする」小10種 (幅350×高さ60)フォーム小におすすめ
|
|
固定フッターボタン画像素材 |
スマホ表示時の利用に最適化されています。
|
スマホ「購入はこちら」5色 (幅900×高さ180)
(ZIP形式なので解凍してください)
|
スマホ「申込はこちら」5色 (幅900×高さ180)
(ZIP形式なので解凍してください) |
|
スマホ「購入はこちら」5色 (幅900×高さ180)
(ZIP形式なので解凍してください)
|
スマホ電話「電話する」5色 (幅900×高さ180)
(ZIP形式なので解凍してください) |
|
スマホ電話「お問い合わせ」5色 (幅900×高さ180)
(ZIP形式なので解凍してください)
|
スマホ電話「申込はこちら」5色 (幅900×高さ180)
(ZIP形式なので解凍してください) |
|
スマホ電話「購入はこちら」5色 (幅900×高さ180)
(ZIP形式なので解凍してください)
|
|
ボタン画像素材のおすすめサイト |
Free Sozai.jp ｜すべてのネット起業家のための無料ホームページ素材＆無料ツール
「申し込みはこちら」「はい、参加します」などのボタンあり。
その他、「特典」の画像素材もあるので、活用できるサイトです。