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

この記事を書いた人

佐々木亜紀
佐々木亜紀

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

2009年9月開業。ウェブ制作業務を開始。
WordPressを使った制作を行い、中小企業、個人事業主、女性起業家のサイトを制作する傍ら、SNSなどウェブを使った集客全般のサポートを行う。
2013年よりコワーキングスペースを運営。

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

「失敗しない初めてのワードプレスのコツ」のメルマガ

「失敗しない初めてのワードプレスのコツ」のメルマガに興味を持っていただきありがとうございます。

【こんな方のためのメールマガジンです】
・ワードプレスを使いこなして集客したい
・ワードプレスでブログを始めたいけど何からやればいいかわからない
・継続的で安全にワードプレスの運営をしたい

そんな方に役立つメルマガです。