よく「告知記事」ってどうやって書いたらいいですか？
という質問が多いので作り方の手順を簡単にまとめました。
告知文の作り方（手順）
1.商品・サービス名を書く
〇〇〇のご案内です。
※告知したい商品・サービスのイメージ図を貼ります。
2.説明文を書く
・誰に向けての商品なのか？
・「こんなお悩みないですか？」などどんなお悩みに対してのサービスなのか
・商品・サービスの具体的な内容
・自分の思いなど（お客様へのメッセージ）
3..商品・サービスの特徴やおすすめしたいポイントを書く
(例)
サービスの特徴
おすすめポイント
4..どんな方におすすめなのかを書く（ターゲット）
（例）
〇〇な方
〇〇で悩んでる方
〇〇で困っている方
5.サービス購入後どうなるのか？を書く（ビフォーアフター）
（例）
ビフォー
アフター
6.実績・お客様の声（なければ書かなくてもOK）
（例）
〇〇 〇〇様のご感想
〇〇 〇〇様のご感想
※画像あれば貼る
7.商品・サービス提供者の紹介
[st-mybox title=”” fontawesome=”fa-check-circle” color=”#FFD54F” bordercolor=”#FFD54F” bgcolor=”#FFFDE7″ borderwidth=”2″ borderradius=”5″ titleweight=”bold” fontsize=”” myclass=”st-mybox-class” margin=”25px 0 25px 0″]
・写真（顔出しNGの方はイラストやイメージ図）
・名前 〇〇 〇〇
・肩書き 〇〇〇〇
・自己紹介文 〇〇〇〇〇〇〇〇〇
[/st-mybox]
枠を使用する際の注意点
コードをコピーしての「記事を書く」→「HTML表示」
もしくは「ビジュアル」→「テキスト」に切り替えて貼り付けてください。
囲み枠サンプル
[st-mybox title=”” fontawesome=”” color=”#757575″ bordercolor=”#ccc” bgcolor=”#ffffff” borderwidth=”2″ borderradius=”2″ titleweight=”bold” fontsize=”” myclass=”st-mybox-class” margin=”25px 0 25px 0″]<div style=”margin: 5px; border: solid 1px #ffa3d1; background-color: #ffffff; padding: 10px; font-weight: bold; font-size: 100%; color: #000000;”>デザイン01</div>
[/st-mybox]
[st-mybox title=”” fontawesome=”” color=”#757575″ bordercolor=”#ccc” bgcolor=”#ffffff” borderwidth=”2″ borderradius=”2″ titleweight=”bold” fontsize=”” myclass=”st-mybox-class” margin=”25px 0 25px 0″]
[/st-mybox]
[st-mybox title=”” fontawesome=”” color=”#757575″ bordercolor=”#ccc” bgcolor=”#ffffff” borderwidth=”2″ borderradius=”2″ titleweight=”bold” fontsize=”” myclass=”st-mybox-class” margin=”25px 0 25px 0″]
[/st-mybox]
枠の色を変更したい場合は
下記の色見本から好きな色のコードをコピーして
赤色のコードの部分を変更することで色を変えることができます。