目立つフォーム専用のフレーム 部品(地色は自由に変えられます)

通常のフレームとは別に、目立つデザインでのフォーム用フレームを3つお作りしました。(フォームではなく普通に使っても大丈夫ですが)


3本ともに、自由な色を設定していける抜き型フレームになっています。

os
フォーム用目立ちフレーム HK−01
15

ワードプレスで簡単に
ランディングページ!

ああああああああああああああああああああああああああああああああああああああああ

見出し08  あああああああああああああああああああああああああああああ

二分割エリア-AD01

  • あああ内容がここに入ります
  • ああああああああああああああああああああああああああああ
  • ああああああああああああ
W.L

WORED PRESS
LANDING KIT

  • 932,980
  • (税込)
解説PDF・50ページ / DVD・2枚
os
決済の種類
1
商品受け渡し方法

●●●●●●●●●よりのダウンロードでの受け渡しとなります。

ダウンロード可能期間は商品ご購入より10日間とさせていただきます。

os
「HK−01」編集解説
このHK-01に関してはヘッダーに商品画像が入る仕様になっているので画像をお作りください。自動で大きさ調整されて配置されるので、大体こんな感じの縦横比率の写真を作れば大丈夫です。

商品画像は、 「 user-photo 」フォルダーの中に作ったフォルダーにアップしてください。
場所は、 「 wp-content 」フォルダーの中の、 「 fthemes 」フォルダーの中の、 「 wordpress-landingpage 」フォルダーの中の、
「 image 」フォルダーの中の、 「 user-photo 」フォルダーの中に作った登録フォルダー内にアップしてください。ワードプレスは階層が深いので注意してアップしてください。
写真の差し替えは
<!-- ★写真ここから★ -->
<div class="sp-fon-ph-pho"><img src="image/user-photo/f5.jpg" width="195" height="233" alt="15"></div>
<!-- ★写真ここまで★ -->
こんな画像タグが見つかると思います。
ピンクの部分が画像の名前なので、アップした画像の名前を拡張子付きで書き換えてください。
ボタン替えは
<!-- ★ボタンここから★ -->
<div class="mchby"><a href="#"><img src="image/bt/019_a.png" width="470" height="110" alt="3"><strong class="mchby-tx gf8" style="color: #FFFFFF !important;">ご購入はこちらからどうぞ</strong></a></div>
<!-- ★ボタンここまで★ -->
こんなタグが見つかると思います。
ここからここまでの間を、ボタンページの入れたいボタンに差し替えてください。
全体の色と文字
1行目に、<div class="sp-fom" style="background-color: #164fad;"> 
こんなタグが見つかると思います。
ピンクの部分が色の指定なので、好きな色のコードに差し替えてみてください。濃いめの色が合うかもです。
文字に関しましてはワードプレスにて直接編集して行ってください。
フォーム内を組んでいく
<!-- ★★★★内容ここから★★★★ -->  <!-- ★★★★内容ここまで★★★★ -->
という注釈が見つかると思います。この ここから ここまでの間に組み込んでみたい部品を並べていき組んでいきます。
フォーム用目立ちフレーム HK−02
1
os

見出し08  あああああああああああああああああああああああああああああ

あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

os
os

二分割エリア-AD01

  • あああ内容がここに入ります
  • ああああああああああああああああああああああああああああ
  • ああああああああああああ
W.L

WORED PRESS
LANDING KIT

  • 52,980
  • (税込)
解説PDF・50ページ / DVD・2枚
os
決済の種類
1
商品受け渡し方法

●●●●●●●●●よりのダウンロードでの受け渡しとなります。

ダウンロード可能期間は商品ご購入より10日間とさせていただきます。

os
os
3
「HK−02」編集解説
全体の色と文字
1行目に、<div class="afm-sp02" style="background-color: #000000;">
こんなタグが見つかると思います。
ピンクの部分が色の指定なので、好きな色のコードに差し替えてみてください。濃いめの色が合うかもです。
文字に関しましてはワードプレスにて直接編集して行ってください。
フォーム内を組んでいく
<!-- ★★★★内容ここから★★★★ -->  <!-- ★★★★内容ここまで★★★★ -->
という注釈が見つかると思います。この ここから ここまでの間に組み込んでみたい部品を並べていき組んでいきます。
フォーム用目立ちフレーム HK−03
1

見出し08  あああああああああああああああああああああああああああああ

1
キャプション文字

左右に分かれる

あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

os
os

二分割エリア-AD01

  • あああ内容がここに入ります
  • ああああああああああああああああああああああああああああ
  • ああああああああああああ
W.L

WORED PRESS
LANDING KIT

  • 987,980
  • (税込)
解説PDF・50ページ / DVD・2枚
os
決済の種類
1
商品受け渡し方法

●●●●●●●●●よりのダウンロードでの受け渡しとなります。

ダウンロード可能期間は商品ご購入より10日間とさせていただきます。

os
3
「HK−03」編集解説
全体の色と文字
1行目に、<div class="afm-sp03" style="background-color: #96003E;">
こんなタグが見つかると思います。
ピンクの部分が色の指定なので、好きな色のコードに差し替えてみてください。濃いめの色が合うかもです。
文字に関しましてはワードプレスにて直接編集して行ってください。
フォーム内を組んでいく
<!-- ★★★★内容ここから★★★★ -->  <!-- ★★★★内容ここまで★★★★ -->
という注釈が見つかると思います。この ここから ここまでの間に組み込んでみたい部品を並べていき組んでいきます。
os
os