「注文の流れ」などの記載に便利に使える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オーナー

ウェブ制作8年、実店舗運営5年。
ワードプレス制作と実店舗運営の経験を生かして集客のためのワードプレスの基礎構築講座を主宰。

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

初回限定オンライン無料相談受付中

受講をする前にまずは相談したい!
そんなお声にお答えいたします。

こんなことでお悩みの方はどうぞご相談ください

・自分の事業でワードプレスが本当に必要?
・現状の集客方法にワードプレスをプラスしたほうがいいの?
・ 現状のホームページを生かせない?
・ワードプレスを取り入れたいけど今のブログはどうするの?
・今のホームページはどうしたらいいの?
・講座ってどんな内容なの?