「注文の流れ」などの記載に便利に使えるHTML

テーマ「Lightning」を使って「注文の流れ」や「業務の流れ」などの表示に便利に使えるHTMLの紹介です。
下記のHTMLを投稿のテキストにコピペしてみてください。

HTML

<div>
<div class="veu_flowBox">
<dl>
 	<dt>ご予約</dt>
 	<dd>めーるフォームに必要事項をご記入ください。</dd>
</dl>
</div>
<div class="veu_flowBox">
<dl>
 	<dt>ご予約</dt>
 	<dd>めーるフォームに必要事項をご記入ください。</dd>
</dl>
</div>
</div>

表示例

ご予約
めーるフォームに必要事項をご記入ください。
ご予約
めーるフォームに必要事項をご記入ください。

中の項目を追加する場合

最終末の</div>の直前に下記のHTMLを追加する

<div class="veu_flowBox"> <dl> <dt>ご予約</dt> <dd> めーるフォームに必要事項をご記入ください。 </dd> </dl> </div>

この記事を書いた人

佐々木亜紀
佐々木亜紀
株式会社アドプラス 代表取締役 
千葉コワーキングスペース201オーナー

ウェブ制作10年、実店舗運営7年。
50万PV/月のメディア運営中
ワードプレス制作と実店舗運営の経験を生かしてワードプレスの基礎構築講座を主宰。

中小企業庁
ミラサポ専門家派遣事業登録専門家
千葉県産業振興センター登録専門家

マンツーマン + 動画付き

マンツーマンでじっくり4時間、あなたの事業内容に合わせてワードプレスの基本操作を学び、ホームページを専門家と一緒に作りましょう。

受講後も家で学べる動画付きですので、引き続き自分でホームページを作って行くことができます。

自宅で学ぶオンライン講座

千葉まで受講しにいけない!と言う方のための動画講座です。

動画40本(全4時間)を見ながら、自分のホームページを作っていくことができます。
わからない時はチャットで質問ができます。