有料テーマを無料公開した理由

Echoオリジナルブロックのデザイン

5 min 17,377 views

Echo は、Gutenberg(グーテンベルク)エディタ標準対応のWordPressテーマです。

グーテンベルクエディタは、記事を書くためにたくさんの「ブロック」が用意されています。 Echoはそれに加えて12種類のオリジナルブロックを用意しました。

このページでは、 Echoが用意したオリジナルブロックのデザインを紹介します。

ヨメ

ヨメ

ふきだし4種

解説や記事のアクセントになる「ふきだし」

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

マサオカ

マサオカ

ふきだしはマイセットを保存できます。

中の色は自由に変更できます。

ヨメ

ヨメ

マサオカ

マサオカ

枠線がないパターンです。

テキストカラーも自由に変更できます。

ヨメ

ヨメ

コメントボックス5種

商品の口コミに使える「コメントボックス」

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

https://oldno07.com/echo/wp-content/uploads/2023/04/works_img03.png

使いやすいコメントボックス

コメントボックスのデザインは5パターンです

https://oldno07.com/echo/wp-content/uploads/2023/04/works_img03.png

使いやすいコメントボックス

コメントボックスのデザインは5パターンです

https://oldno07.com/echo/wp-content/uploads/2023/04/works_img03.png

使いやすいコメントボックス

コメントボックスのデザインは5パターンです

https://oldno07.com/echo/wp-content/uploads/2023/04/works_img03.png

使いやすいコメントボックス

コメントボックスのデザインは5パターンです

https://oldno07.com/echo/wp-content/uploads/2023/04/works_img03.png

使いやすいコメントボックス

コメントボックスのデザインは5パターンです

メリットデメリットボックス6種

商品の比較に使えるメリットデメリットボックスを追加しました。メリットとデメリットの位置やデザインは自由に変更できます。

デメリット
  • デメリットのリスト
メリット
  • メリットのリスト
デメリット
  • メリットのリスト
メリット
  • デメリットのリスト

タイトルボックス11種

記事のまとめや注釈に使える「タイトルボックス」

デザインは11パターンです。色は自由に変更できます。

タイトルボックス

タイトルボックスの本文テキストタイトルボックスの本文テキスト

タイトルボックス

タイトルボックスの本文テキストタイトルボックスの本文テキスト

タイトルボックス
  • リストと組み合わせてもOK
  • タイトルボックスの本文テキスト
  • タイトルボックスの本文テキスト
  • タイトルボックスの本文テキスト
タイトルボックス

タイトルボックスの本文テキストタイトルボックスの本文テキスト

タイトルボックス

タイトルボックスの本文テキストタイトルボックスの本文テキストタイトルボックスの本文テキスト

タイトルボックス

タイトルボックスの本文テキストタイトルボックスの本文テキストタイトルボックスの本文テキスト

タイトルボックス

タイトルボックスの本文テキスト

タイトルボックス

タイトルボックスの本文テキスト

タイトルボックス

タイトルボックスの本文テキスト

タイトルボックス

タイトルボックスの本文テキスト

タイトルボックス

タイトルボックスの本文テキスト

タイムライン2種

フローやステップ解説に使える「タイムライン」

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

  1. STEP

    タイムラインのタイトル

    タイムラインの本文テキスト

  2. STEP

    タイムラインのタイトル

    タイムラインの本文テキスト

  3. STEP

    タイムラインのタイトル

    タイムラインの本文テキスト

  1. STEP

    タイムラインのタイトル

    タイムラインの本文テキスト

  2. STEP

    タイムラインのタイトル

    タイムラインの本文テキスト

  3. STEP

    タイムラインのタイトル

    タイムラインの本文テキスト

ASP広告ボタン48種

ASPが発行するコードをコピペするだけでボタンが作れる「ASP広告ボタン」

ボタンデザイン6パターン×ボタンアイコン8パターン、合計48パターンあります。色は自由に選べます。

デザインのパターン

アイコンのパターン

ボタンアイコンは前後に挿入できます。

ダブルボタン48種

商品のクリック率をあげる「ダブルボタン」

ボタンデザイン4パターン、ボタンアイコンが6パターンの合計48種。色やアイコンをつけることもできます。スマホでは縦表示になります。

ABテスト1種

広告のクリック率を分析し、効果の高いものを抽出する「ABテスト」

事前に登録したテキストやボタンリンクを設置して比較することで、クリック率の高いセールスライティングを可能にします。

Q&A 5種

質問と回答をわかりやすく伝える「Q&A」

デザインは5パターンです。形や色は自由に変更できます。

Q

Q&Aブロック

A

Q&Aのデザインは5パターンです。自由に変更もできます。

Q

Q&Aブロック

A

Q&Aのデザインは5パターンです。自由に変更もできます。

Q

Q&Aブロック

A

Q&Aのデザインは5パターンです。自由に変更もできます。

Q

Q&Aブロック

A

Q&Aのデザインは5パターンです。自由に変更もできます。

Q

Q&Aブロック

A

Q&Aのデザインは5パターンです。自由に変更もできます。

内部外部リンク3種

簡単に関連記事の内部リンクを作ったり、外部リンクを貼ったりできる「内部外部リンク」

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

内部リンク

外部リンク

外部リンクはサムネ画像も取得できます。

アコーディオン1種

本文には不要だけど解説したい時に使う「アコーディオン」

デザインは1種類です。

アコーディオンブロックはテキストを隠すブロックです。

ランキング2種

商品を順位づけして購買を促す「ランキング」

デザインは数字or王冠の2種類です。

ランキングタイトル(王冠)

ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文

ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文

ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文

ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文

ランキングタイトル

ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文

ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文

ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文

WordPressテーマEcho

ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文ランキング説明文

ライティングしやすい仕組みがたくさん

Echoは、ライティングのしやすさを極限まで高める仕掛けがたくさん用意されています。

今回は、オリジナルブロックのデザインを解説しました。他にも Echoの特長をご覧下さい。

Echo

Echo

個人開発 / WordPressテーマ開発

WordPressを使って情報を発信する人が、もっと自由に、もっと長くサイトを育てられるように。

Echoは、サポート終了した「THE SONIC」で私たちが作り上げた思想を軸に、これからも発信する人のためのテーマとして維持しています。

サイトは、ただ情報を置く場所ではなく、
想いや価値を届け、成長していく場所。

そんな場所作りを支えるために、Echoを無料公開しました。

FOLLOW

カテゴリー:
タグ:
CTAエリア
関連記事