他の部品の中に入れるQ&A 部品

フレームやエリア部品などを配置した後に、その中に入れて組んでいくタイプのQ&A部品です。
そのまま直接本文に配置しても使えます。


イラストは 男性と女性を用意しました。 ご自身で作られた写真もセットしていけます。


os

フレームを配置後にフレーム内に部品配置するとこんな感じになります。

os
q

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

q

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

q

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

q

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

os

直接本文に配置するとこんな帯のような感じになります。

os
q

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

q

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

q

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

q

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

Q&A-13 (フレームなどの部品内に配置する場合の部品です直接本文配置もありです!)
q

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

q

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

「Q&A-13」編集解説
地色の編集をします
2行目に。
<div class="qa-up" style="background-color: #fffcc5;box-shadow: none;">
こんな記述が1行目に見つかると思います。
ピンクの #fffcc5 この部分はクエスションの時色です。入れたい色のコードで書き換えてください。

文字はワードプレスのエディターで直接、文字の打ち直しや色太さなどを編集してください。
Q&A-14 (フレームなどの部品内に配置する場合の部品です。直接本文配置もありです!)
q

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

q

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

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

「Q&A-14」編集解説
地色の編集をします
2行目に。
<div class="qa-up" style="background-color: #ffeaff;box-shadow: none;">
こんな記述が1行目に見つかると思います。
ピンクの #ffeaff この部分はクエスションの時色です。入れたい色のコードで書き換えてください。

文字はワードプレスのエディターで直接、文字の打ち直しや色太さなどを編集してください。
Q&A-15 (フレームなどの部品内に配置する場合の部品です直接本文配置もありです!)
q

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

q

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

「Q&A-15」編集解説
地色の編集をします
2行目に。
<div class="qa-up" style="background-color: #e0e8fff;box-shadow: none;">
こんな記述が1行目に見つかると思います。
ピンクの #e0e8ff この部分はクエスションの時色です。入れたい色のコードで書き換えてください。

文字はワードプレスのエディターで直接、文字の打ち直しや色太さなどを編集してください。
Q&A-16 (フレームなどの部品内に配置する場合の部品です直接本文配置もありです!)
q

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

q

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

「Q&A-16」編集解説
地色の編集をします
2行目に。
<div class="qa-up" style="background-color: #ffe8eef;box-shadow: none;">
こんな記述が1行目に見つかると思います。
ピンクの #ffe8ee この部分はクエスションの時色です。入れたい色のコードで書き換えてください。

文字はワードプレスのエディターで直接、文字の打ち直しや色太さなどを編集してください。
Q&A-17 (フレームなどの部品内に配置する場合の部品です直接本文配置もありです!)
q

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

q

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

「Q&A-17」編集解説
地色の編集をします
2行目に。
<div class="qa-up" style="background-color: #e1e1ba;box-shadow: none;">
こんな記述が1行目に見つかると思います。
ピンクの #e1e1ba この部分はクエスションの時色です。入れたい色のコードで書き換えてください。

文字はワードプレスのエディターで直接、文字の打ち直しや色太さなどを編集してください。
Q&A-18 (フレームなどの部品内に配置する場合の部品です直接本文配置もありです!)
q

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

q

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

「Q&A-18」編集解説
地色の編集をします
2行目に。
<div class="qa-up" style="background-color: #CCC;box-shadow: none;">
こんな記述が1行目に見つかると思います。
ピンクの #CCC この部分はクエスションの時色です。入れたい色のコードで書き換えてください。

文字はワードプレスのエディターで直接、文字の打ち直しや色太さなどを編集してください。
Q&A-19 (フレームなどの部品内に配置する場合の部品です直接本文配置もありです!)

男性・女性のイラスト付き部品。イラストではなくご自身が作られた写真もセットできます。

os
q

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

東京都板橋区36歳男性 A様
mqa-right
q

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

mqa-right
3
「Q&A-19」編集解説
地色の編集をします
2行目に。
<div class="qa-up" style="background-color: #fafae1;box-shadow: none;">
こんな記述が1行目に見つかると思います。
ピンクの #fafae1 この部分はクエスションの時色です。入れたい色のコードで書き換えてください。

文字はワードプレスのエディターで直接、文字の打ち直しや色太さなどを編集してください。
男女のイラストを差し替える
イラストの差し替えは、記述の下の方に<div class="m-qa-photo">
<img src="image/free-photo/man.jpg" width="100%" height="auto" alt="3" /></div>
こんな喜寿が見つかると思います。
ピンクの部分を変えていきます。 man なら男性のイラストが、 woman なら女性のイラストが設置されます。
ご自身が作った写真をセットするには
まずは写真を作ります。だいたいの縦横比率を合わせて作ってみてください。自動で横幅は調整されます。縦はオート設定なので複数の写真の見た目を揃えるなら大きさは揃えて作ってみてください。

作られた画像は、 「 user-photo 」フォルダーの中に作ったフォルダーにアップしてください。
場所は、 「 wp-content 」フォルダーの中の、 「 fthemes 」フォルダーの中の、 「 wordpress-landingpage 」フォルダーの中の、
「 image 」フォルダーの中の、 「 user-photo 」フォルダーの中に作った登録フォルダー内にアップしてください。ワードプレスは階層が深いので注意してアップしてください。
記述の下の方に<div class="m-qa-photo">
<img src="image/user-photo/man.jpg" width="100%" height="auto" alt="3" /></div>
こんな喜寿が見つかると思います。
man.jpg この部分を作った写真の名前に拡張子ごと変えてください。
Q&A-20 (フレームなどの部品内に配置する場合の部品です直接本文配置もありです!)

男男性・女性のイラスト付き部品。イラストではなくご自身が作られた写真もセットできます。

os
q

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

東京都板橋区36歳男性 A様
mqa-right
q

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

mqa-right
3
「Q&A-20」編集解説
地色の編集をします
2行目に。
<div class="qa-up" style="background-color: #fef1ff;box-shadow: none;">
こんな記述が1行目に見つかると思います。
ピンクの #fef1ff この部分はクエスションの時色です。入れたい色のコードで書き換えてください。

文字はワードプレスのエディターで直接、文字の打ち直しや色太さなどを編集してください。
男女のイラストを差し替える
イラストの差し替えは、記述の下の方に<div class="m-qa-photo">
<img src="image/free-photo/woman.jpg" width="100%" height="auto" alt="3" /></div>
こんな喜寿が見つかると思います。
ピンクの部分を変えていきます。 man なら男性のイラストが、 woman なら女性のイラストが設置されます。
ご自身が作った写真をセットするには
まずは写真を作ります。だいたいの縦横比率を合わせて作ってみてください。自動で横幅は調整されます。縦はオート設定なので複数の写真の見た目を揃えるなら大きさは揃えて作ってみてください。

作られた画像は、 「 user-photo 」フォルダーの中に作ったフォルダーにアップしてください。
場所は、 「 wp-content 」フォルダーの中の、 「 fthemes 」フォルダーの中の、 「 wordpress-landingpage 」フォルダーの中の、
「 image 」フォルダーの中の、 「 user-photo 」フォルダーの中に作った登録フォルダー内にアップしてください。ワードプレスは階層が深いので注意してアップしてください。
記述の下の方に<div class="m-qa-photo">
<img src="image/user-photo/woman.jpg" width="100%" height="auto" alt="3" /></div>
こんな喜寿が見つかると思います。
woman.jpg この部分を作った写真の名前に拡張子ごと変えてください。
Q&A-21 (フレームなどの部品内に配置する場合の部品です直接本文配置もありです!)

男男性・女性のイラスト付き部品。イラストではなくご自身が作られた写真もセットできます。

os
q

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

東京都板橋区36歳女性 A様
mqa-right
q

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

mqa-right
3
「Q&A-21」編集解説
地色の編集をします
2行目に。
<div class="qa-up" style="background-color: #edf2ff;box-shadow: none;">
こんな記述が1行目に見つかると思います。
ピンクの #edf2ff この部分はクエスションの時色です。入れたい色のコードで書き換えてください。

文字はワードプレスのエディターで直接、文字の打ち直しや色太さなどを編集してください。
男女のイラストを差し替える
イラストの差し替えは、記述の下の方に<div class="m-qa-photo">
<img src="image/free-photo/woman.jpg" width="100%" height="auto" alt="3" /></div>
こんな喜寿が見つかると思います。
ピンクの部分を変えていきます。 man なら男性のイラストが、 woman なら女性のイラストが設置されます。
ご自身が作った写真をセットするには
まずは写真を作ります。だいたいの縦横比率を合わせて作ってみてください。自動で横幅は調整されます。縦はオート設定なので複数の写真の見た目を揃えるなら大きさは揃えて作ってみてください。

作られた画像は、 「 user-photo 」フォルダーの中に作ったフォルダーにアップしてください。
場所は、 「 wp-content 」フォルダーの中の、 「 fthemes 」フォルダーの中の、 「 wordpress-landingpage 」フォルダーの中の、
「 image 」フォルダーの中の、 「 user-photo 」フォルダーの中に作った登録フォルダー内にアップしてください。ワードプレスは階層が深いので注意してアップしてください。
記述の下の方に<div class="m-qa-photo">
<img src="image/user-photo/woman.jpg" width="100%" height="auto" alt="3" /></div>
こんな喜寿が見つかると思います。
woman.jpg この部分を作った写真の名前に拡張子ごと変えてください。
Q&A-22 (フレームなどの部品内に配置する場合の部品です直接本文配置もありです!)

男男性・女性のイラスト付き部品。イラストではなくご自身が作られた写真もセットできます。

os
q

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

東京都板橋区36歳女性 A様
mqa-right
q

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

mqa-right
3
「Q&A-22」編集解説
地色の編集をします
2行目に。
<div class="qa-up" style="background-color: #ffeded;box-shadow: none;">
こんな記述が1行目に見つかると思います。
ピンクの #ffeded この部分はクエスションの時色です。入れたい色のコードで書き換えてください。

文字はワードプレスのエディターで直接、文字の打ち直しや色太さなどを編集してください。
男女のイラストを差し替える
イラストの差し替えは、記述の下の方に<div class="m-qa-photo">
<img src="image/free-photo/woman.jpg" width="100%" height="auto" alt="3" /></div>
こんな喜寿が見つかると思います。
ピンクの部分を変えていきます。 man なら男性のイラストが、 woman なら女性のイラストが設置されます。
ご自身が作った写真をセットするには
まずは写真を作ります。だいたいの縦横比率を合わせて作ってみてください。自動で横幅は調整されます。縦はオート設定なので複数の写真の見た目を揃えるなら大きさは揃えて作ってみてください。

作られた画像は、 「 user-photo 」フォルダーの中に作ったフォルダーにアップしてください。
場所は、 「 wp-content 」フォルダーの中の、 「 fthemes 」フォルダーの中の、 「 wordpress-landingpage 」フォルダーの中の、
「 image 」フォルダーの中の、 「 user-photo 」フォルダーの中に作った登録フォルダー内にアップしてください。ワードプレスは階層が深いので注意してアップしてください。
記述の下の方に<div class="m-qa-photo">
<img src="image/user-photo/woman.jpg" width="100%" height="auto" alt="3" /></div>
こんな喜寿が見つかると思います。
woman.jpg この部分を作った写真の名前に拡張子ごと変えてください。
Q&A-23 (フレームなどの部品内に配置する場合の部品です直接本文配置もありです!)

男男性・女性のイラスト付き部品。イラストではなくご自身が作られた写真もセットできます。

os
q

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

東京都板橋区36歳女性 A様
mqa-right
q

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

mqa-right
3
「Q&A-23」編集解説
地色の編集をします
2行目に。
<div class="qa-up" style="background-color: #e1e1ba;box-shadow: none;">
こんな記述が1行目に見つかると思います。
ピンクの #e1e1ba この部分はクエスションの時色です。入れたい色のコードで書き換えてください。

文字はワードプレスのエディターで直接、文字の打ち直しや色太さなどを編集してください。
男女のイラストを差し替える
イラストの差し替えは、記述の下の方に<div class="m-qa-photo">
<img src="image/free-photo/woman.jpg" width="100%" height="auto" alt="3" /></div>
こんな喜寿が見つかると思います。
ピンクの部分を変えていきます。 man なら男性のイラストが、 woman なら女性のイラストが設置されます。
ご自身が作った写真をセットするには
まずは写真を作ります。だいたいの縦横比率を合わせて作ってみてください。自動で横幅は調整されます。縦はオート設定なので複数の写真の見た目を揃えるなら大きさは揃えて作ってみてください。

作られた画像は、 「 user-photo 」フォルダーの中に作ったフォルダーにアップしてください。
場所は、 「 wp-content 」フォルダーの中の、 「 fthemes 」フォルダーの中の、 「 wordpress-landingpage 」フォルダーの中の、
「 image 」フォルダーの中の、 「 user-photo 」フォルダーの中に作った登録フォルダー内にアップしてください。ワードプレスは階層が深いので注意してアップしてください。
記述の下の方に<div class="m-qa-photo">
<img src="image/user-photo/woman.jpg" width="100%" height="auto" alt="3" /></div>
こんな喜寿が見つかると思います。
woman.jpg この部分を作った写真の名前に拡張子ごと変えてください。
Q&A-24 (フレームなどの部品内に配置する場合の部品です直接本文配置もありです!)

男男性・女性のイラスト付き部品。イラストではなくご自身が作られた写真もセットできます。

os
q

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

東京都板橋区36歳女性 A様
mqa-right
q

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

mqa-right
3
「Q&A-24」編集解説
地色の編集をします
2行目に。
<div class="qa-up" style="background-color: #CCC;box-shadow: none;">
こんな記述が1行目に見つかると思います。
ピンクの #CCC この部分はクエスションの時色です。入れたい色のコードで書き換えてください。

文字はワードプレスのエディターで直接、文字の打ち直しや色太さなどを編集してください。
男女のイラストを差し替える
イラストの差し替えは、記述の下の方に<div class="m-qa-photo">
<img src="image/free-photo/man.jpg" width="100%" height="auto" alt="3" /></div>
こんな喜寿が見つかると思います。
ピンクの部分を変えていきます。 man なら男性のイラストが、 woman なら女性のイラストが設置されます。
ご自身が作った写真をセットするには
まずは写真を作ります。だいたいの縦横比率を合わせて作ってみてください。自動で横幅は調整されます。縦はオート設定なので複数の写真の見た目を揃えるなら大きさは揃えて作ってみてください。

作られた画像は、 「 user-photo 」フォルダーの中に作ったフォルダーにアップしてください。
場所は、 「 wp-content 」フォルダーの中の、 「 fthemes 」フォルダーの中の、 「 wordpress-landingpage 」フォルダーの中の、
「 image 」フォルダーの中の、 「 user-photo 」フォルダーの中に作った登録フォルダー内にアップしてください。ワードプレスは階層が深いので注意してアップしてください。
記述の下の方に<div class="m-qa-photo">
<img src="image/user-photo/man.jpg" width="100%" height="auto" alt="3" /></div>
こんな喜寿が見つかると思います。
man.jpg この部分を作った写真の名前に拡張子ごと変えてください。
os