THE SONICデモページ

5 min 207 views

ワードプレステーマ「THE SONIC」でサンプルページを作成してみます。

記事中
クリックするとGoogleへ移動

見出し2

段落にはさまざまなスタイルを付けられます。

段落のサンプルです。

段落のサンプルです。

段落のサンプルです。

段落のサンプルです。

段落のサンプルです。

段落のサンプルです。

段落のサンプルです。

段落のサンプルです。

段落のサンプルです。

段落のサンプルです。

段落のサンプルです。

段落のサンプルです。

段落のサンプルです。

段落のサンプルです。

段落のサンプルです。

段落のサンプルです。

段落のサンプルです。

段落のサンプルです。

段落のサンプルです。

段落のサンプルです。

段落のサンプルです。

段落のサンプルです。

段落のサンプルです。

段落のサンプルです。

見出しのサンプル

見出し3のサンプル

見出し4のサンプル

見出し5のサンプル
見出し6のサンプル

基本的には見出し4くらいまでの利用にして、見出し5まで使うのならば構成を見直した方がいいです。

基本ブロックのサンプル

ここからはワードプレスにデフォルトで登録されているブロックを紹介します。

  • りんご
  • ばなな
  • みかん

吾輩わがはいは猫である。名前はまだ無い。

https://www.aozora.gr.jp/cards/000148/files/789_14547.html
123
456
789
デフォルト
123
456
789
シンプル
123
456
789
ポップ

THE SONIC独自ブロック

ここからはTHE SONIC独自のブロックを紹介します。

タイムライン

  1. STEP

    タイムライン

    タイムラインのブロックです。

    • りんご
    • ばなな
    • みかん

    タイムラインの中にブロックを挿入できます。

コメントボックス

コメントボックスのブロックです

コメントボックスのブロックの中にさらにブロックを挿入できます。

評価を伝えたい時に便利なブロックですね。

ふきだし

さんぷる

さんぷる

よくあるふきだしボックスです。

  • りんご
  • ばなな
  • みかん

ふきだしの中にブロックを挿入できます。アイコン画像はあらかじめ登録しなくても変更可能です。

Q&A

Q

ばななはおやつに入りますか?

A

入りません!

Q&Aブロックの中にブロックを挿入できます。

  • りんご
  • ばなな
  • みかん

タイトルボックス

タイトルボックスサンプル

用語集や補足などによく使われる、タイトルボックスです。さらにボックスを追加できます。

  • りんご
  • ばなな
  • みかん
タイトルボックスサンプル

用語集や補足などによく使われる、タイトルボックスです。さらにボックスを追加できます。

  • りんご
  • ばなな
  • みかん
タイトルボックスサンプル

用語集や補足などによく使われる、タイトルボックスです。さらにボックスを追加できます。

  • りんご
  • ばなな
  • みかん
タイトルボックスサンプル

用語集や補足などによく使われる、タイトルボックスです。さらにボックスを追加できます。

  • りんご
  • ばなな
  • みかん
タイトルボックスサンプル

用語集や補足などによく使われる、タイトルボックスです。さらにボックスを追加できます。

  • りんご
  • ばなな
  • みかん
タイトルボックスサンプル

用語集や補足などによく使われる、タイトルボックスです。さらにボックスを追加できます。

  • りんご
  • ばなな
  • みかん
タイトルボックスサンプル

用語集や補足などによく使われる、タイトルボックスです。さらにボックスを追加できます。

  • りんご
  • ばなな
  • みかん
タイトルボックスサンプル

用語集や補足などによく使われる、タイトルボックスです。さらにボックスを追加できます。

  • りんご
  • ばなな
  • みかん
タイトルボックスサンプル

用語集や補足などによく使われる、タイトルボックスです。さらにボックスを追加できます。

  • りんご
  • ばなな
  • みかん
タイトルボックスサンプル

用語集や補足などによく使われる、タイトルボックスです。さらにボックスを追加できます。

  • りんご
  • ばなな
  • みかん
タイトルボックスサンプル

用語集や補足などによく使われる、タイトルボックスです。さらにボックスを追加できます。

  • りんご
  • ばなな
  • みかん
タイトルボックスサンプル

用語集や補足などによく使われる、タイトルボックスです。さらにボックスを追加できます。

  • りんご
  • ばなな
  • みかん
タイトルボックスサンプル

用語集や補足などによく使われる、タイトルボックスです。さらにボックスを追加できます。

  • りんご
  • ばなな
  • みかん
タイトルボックスサンプル

用語集や補足などによく使われる、タイトルボックスです。さらにボックスを追加できます。

  • りんご
  • ばなな
  • みかん
タイトルボックスサンプル

用語集や補足などによく使われる、タイトルボックスです。さらにボックスを追加できます。

  • りんご
  • ばなな
  • みかん
タイトルボックスサンプル

用語集や補足などによく使われる、タイトルボックスです。さらにボックスを追加できます。

  • りんご
  • ばなな
  • みかん
タイトルボックスサンプル

用語集や補足などによく使われる、タイトルボックスです。さらにボックスを追加できます。

  • りんご
  • ばなな
  • みかん
タイトルボックスサンプル

用語集や補足などによく使われる、タイトルボックスです。さらにボックスを追加できます。

  • りんご
  • ばなな
  • みかん

ダブルボタン

PCブラウザ上でボタンを続けて表示できます。ボタンにはリンクを付けられます。このサンプルにはGoogleへリンクされています。

内部/外部リンク

埋め込みとは異なり、URL先が綺麗に整形された状態で表示されます。

ASPボタン

広告用ボタンを挿入できます。リンク先はGoogleです。

ランキング

ランキングブロックで設定できるのは余白、カラーのみです。

ランキングのタイトルを表示

ランキングしたい商品名などを記載

https://www.google.com/

リンク先はすべてGoogleです。

ブロックを挿入できます。

  • りんご
  • ばなな
  • みかん

アコーディオンブロック

ブロックの中にさらにブロックを挿入できます。

  • りんご
  • ばなな
  • みかん

メリットデメリットブロック

メリットデメリットブロックです。メリハリがついていて分かりやすいですね。段落スタイルなどと同じスタイルなので、何種類かにスタイルを変更できます。

デメリット
  • りんご
  • ばなな
  • みかん
  • すべてリスト表示です
メリット
  • りんご
  • ばなな
  • みかん

レビューボックス

コメントボックスと似ていますが、こちらはレビュー用のボックスです。項目名と評価のみ表示可能です。

○○○ポーチのレビュー
総合
使いやすさ
価格
素材

パターン管理

ブロック群をパターン化できます。あらかじめパターン管理画面で登録作業が必要です。

例えば以下の情報はパターンに登録されたものです。記事投稿画面内で情報を更新することもできます。

バージョン情報

以下のバージョンで投稿しています。

  • THE SONICバージョン: 2.1.2
  • THE SONIC Childバージョン: 1.0.0
  • THE SONIC Gutenberg Blocks:バージョン 2.2.0

THE SONICオリジナル機能

THE SONICのサブスクリプションを継続中の方が利用できるオリジナル機能がいくつかあります。

カウントダウン

始まりと終わりを設定してカウントダウンを作成できます。自動継続も可能です。作成したカウントダウンは所とコードで記事などにコピペが可能です。

2024年までカウントダウン!

時間
2024年までカウントダウン!
2024年に突入しました!

ABテスト

どちらの画像がよりクリックされているかを確認するためのテストブロックです。

あらかじめABテスト用に再利用ブロックへブロックを登録する必要があります。

まとめ

使いやすいボックスが多く操作もサクサク進みます。

装飾ブロックが多彩でストレスレスなテーマを望んでいる方におすすめ。

記事下
クリックするとGoogleへ移動
sample-user-sonic

sample-user-sonic

ブロガー

FOLLOW

カテゴリー:
CTA

クリックするとGoogleへ移動

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です