ConoHa WINGコラボ記念!特別割引中

表やボタン、リストなどパーツデザイン一覧|自由に設定が可能

3 min 4,563 views

重要なポイントを目立たせるのが、ボックスデザインやマーカーデザインです。

THE SONICは100種類以上のデザインを用意しています。

ファーストビューのデザイン

第一印象を決定付ける記事のファーストビューデザイン。

デザインは3パターン用意しています。

デフォルト
バイラル風
ブラー

投稿画面の投稿の属性から、記事ごとに変更できます。

見出しのデザイン

文章を段落付け、わかりやすくする「見出し」

デザインはそれぞれ6パターン用意しています。h2・h3・h4の見出しをそれぞれワンクリックで選択できます。組み合わせは200通り以上です。

目次のデザイン

ユーザビリティを高め、求める答えをすぐに案内する「目次」

デザインは5種類用意しています。

THE SONIC目次デザイン
THE SONIC目次デザイン
THE SONIC目次デザイン
THE SONIC目次デザイン
THE SONIC目次デザイン

THE SONICは、はじめから目次の機能を用意しています。

シェアボタンのデザイン

記事を拡散して露出を高める「シェアボタン」

デザインは5パターン用意しています。

THE SONICのシェアボタンデザイン
THE SONICのシェアボタンデザイン
THE SONICのシェアボタンデザイン
THE SONICのシェアボタンデザイン
THE SONICのシェアボタンデザイン

記事を書いた人のデザイン

記事を書いた人を紹介する項目です。記事の上部と下部に入れられます。

デザインは4パターンです。

ロゴ画像を使ったサンプル

THE SONIC記事を書いた人のデザイン
THE SONIC記事を書いた人のデザイン
THE SONIC記事を書いた人のデザイン
THE SONIC記事を書いた人のデザイン

バストアップ画像を使ったサンプル

書いた人のデザインTHE SONIC
書いた人のデザインTHE SONIC
書いた人のデザインTHE SONIC

マーカーのデザイン

記事を強調する「マーカー」

THE SONICはオリジナルマーカーデザインを5種類用意しています。

太字マーカーです

赤太字マーカーです

黄色い下線マーカーです

ラベルマーカー(メインカラー)です

ラベルマーカー(アクセントカラー)です

マーカーは今後のアップデートで、好みのデザインに変更する機能を実装する予定です。

段落のデザイン

記事のワンポイント、記事のまとめにも使える汎用性の高いデザインを12種用意しました。

para-mark1

para-mark2

para-mark3

para-mark4

para-mark5

para-mark6

para-icon-mark1

para-icon-mark2

para-icon-mark3

para-icon-mark4

para-icon-mark5

para-icon-mark6

ボタンのデザイン

リンク先へと誘導する「ボタン」

ボタンデザインはボタンの動き4×アイコン4種の16パターンあり、色や形を自由に変更できます。

前後にアイコンをつけ、形を変えてみました。

表(テーブル)のデザイン

情報をまとめてわかりやすく伝える「表(テーブル)」

デザインは4パターン用意しています。

左側中央右側
セルセルセル
セルセルセル
左側中央右側
セルセルセル
セルセルセル
左側中央右側
セルセルセル
セルセルセル
左側中央右側
セルセルセル
セルセルセル

リストのデザイン

リストのデザインは7パターン用意しています。

  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
  • リスト

グループのデザイン

文章背景のデザインを変える「グループ」

デザインを16種類用意しました。

グループのスタイル

Mark1

グループのスタイル

Mark2

グループのスタイル

Mark3

グループのスタイル

Mark4

グループのスタイル

Mark5

グループのスタイル

Mark6

グループのスタイル

Mark7

グループのスタイル

Mark8

グループのスタイル

Mark9

グループのスタイル

Mark10

グループのスタイル

Mark11

グループのスタイル

Mark12

グループのスタイル

Mark13

グループのスタイル

Mark14

グループのスタイル

Mark15

グループのスタイル

Mark16

グループには画像や表が挿入でき、自由に使えます。

グループとリストを組み合わせると、様々なデザインを作ることができます。

組み合わせサンプル

この商品のおすすめポイント

  • リスト
  • リスト
  • リスト

買うものメモ

  • リスト
  • リスト
  • リスト

本日のおさらいポイント

  • リスト
  • リスト
  • リスト

明日持っていくもの

  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
  • リスト

画像のデザイン

画像のデザインは追加で4パターンです。

THE SONIC
デフォルトデザイン
THE SONIC
丸型マスク
THE SONIC
フォトフレーム
THE SONIC
影(小)

さらにたくさんのオリジナルブロック

THE SONICでは、今回紹介したものの他にたくさんのオリジナルブロックを用意しています。

ライティングはよりスムーズに。表現力はより豊かに。

こだわりのTHE SONICオリジナルブロックをご覧ください。

はるしか

はるしか

関連記事