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

表示例

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

中の項目を追加する場合

最終末の直前に下記のHTMLを追加する

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

1日で作るワードプレス講座

ホームページを制作しながら、ワードプレスの操作方法を学んでいく講座です。

HTMLやCSS、PHPなどの専門的な知識は一切必要なく見やすいサイトが出来上がります。

マンツーマンのワークショップでノートパソコンを持ち込んで作業します。
基本的なワードプレスの操作を学び、これからのサイト運営にお役立てください。