スタイルガイド｜入稿マニュアル

このサイトはブロックエディターで入稿をお願いします。

見出し（H2）

見出し（H3）

見出し（H4）

文字の装飾パターン

これは太文字です。

これは黄色下線です。

これは赤色下線です。

これは赤文字です。

※これは注釈です。

リスト

リストにもさまざまなスタイルがあります。

場面場面で使い分けをお願いします。

• これはリスト
• これはリスト
• これはリスト

• これは丸のリスト
• これは丸のリスト
• これは丸のリスト

• これはバツのリスト
• これはバツのリスト
• これはバツのリスト

• これは数字のリスト
• これは数字のリスト
• これは数字のリスト

また背景を設定するとより視覚的にわかりやすくなります。

• これは丸のリスト
• これは丸のリスト
• これは丸のリスト

• これはバツのリスト
• これはバツのリスト
• これはバツのリスト

うまく機能を使って見やすいリストにしてください。

画像について

画像には参照・引用元のリンクを記載すること。

ボタン

ボタンはSWELLボタンを使用すること。

誘導ボタンの色は基本的にサイトカラーとは別に赤色を使用し、右に矢印アイコンや左にショップのアイコンつける。

ただしフロートリンクや関連記事へのボタンなどは赤色とは分けて使用する。

＼ マイクロコピー付きのボタン ／

誘導ボタンについて

誘導ボタンの下には関連する商標評判記事、公式サイトへのリンクを必須で設けること。

ドコモ光の公式サイトはこちら＞

テーブル

テーブルは基本的にブロックエディターで使用する。（SWELL独自の機能が使用できるため）

原稿やスプレッドシートからの挿入は、シートからのコピー＆ペーストでテーブルにできます。

見出し	見出し	見出し	見出し	見出し
小見出し	内容	内容	内容	内容
小見出し	内容	内容	内容	内容
小見出し	内容	内容	内容	内容
小見出し	内容	内容	内容	内容
小見出し	内容	内容	内容	内容

• ヘッダーセクションの設置
• 必要に応じて表のセル幅を固定
• 縦1列目を強調する
• 表列が多い場合は横スクロール設定を行う
• 横スクロールにする場合は必要に応じて1列目を固定する（固定することで見にくくないかを意識）
• ヘッダーテキストを中央揃えにする
• その他必要に応じて機能を使用する

装飾について

	ネットのミカタ	ネットのミカタ	ネットのミカタ	ネットのミカタ
ネットのミカタ
ネットのミカタ
ネットのミカタ
ネットのミカタ
ネットのミカタ

• セル上のメニューから「セル背景＞アイコン」を選択するとアイコンの挿入が可能
• 見出し部分などに商材名を記載する場合はリンクを設定すること
• 画像を入れる際は、インライン画像を選択して入れる

ボックス

ボックスの種類

ボックスにはアイコンを設定することが可能です。適切なアイコンを使用してください。

CTAボックス（基本形）

以下はCTAボックスの基本形となります。

必要に応じて、カスタマイズ（ロゴ、配置、色変更）を行うことは許可します。

吹き出し

ふきだしはミカタロウを使用する。

変更してよいのは、吹き出しのスタイルのみ（発言、心の声）

ミカタロウの性格などは以下を参照する。

https://net-mikata.jp/

口コミ・評判

ボックスやリストで表示するのもよいですが、必要に応じて以下のようにすることで視覚的にもわかりやすく場所を取らず挿入することが可能。

FAQスニペット

SWELLには、FAQ用のスタイルが用意されています。

また構造化マークアップに出力することも可能です。

記事中で使用することもOKなので、その場合は「出力なし」、いつも通り記事下で使用する場合は「出力あり」に設定をして、検索画面上で表示されるようにしてください。

ここに質問内容

ここに回答

ここに質問内容

ここに回答

基本的に、ストライプ、丸型、質問は赤、回答は青でお願いします。

その他の枠などのスタイルは調整していただいてもかまいません。

その他

疑問点、スタイルガイドに加えてほしい点があればご連絡ください。