タグ: ブロックエディター

  • 実用的で強力なエディター機能(標準ブロックの拡張)

    専用プラグイン「DigiPress Ex – BLocks Free」、または「DigiPress Ex – Blocks」とセットで利用すると、WordPress の標準ブロックを大幅に拡張して使い勝手を向上させます。

    さらにオリジナルブロックによって、HTML や CSS を一切記述せずにデザイン性の高い高度なビジュアルコンテンツを実際に表示されるページと同じデザインで確認しながら編集作業が行えます。

    [dp_toc]


    リッチテキスト対応ブロックの拡張

    リッチテキストとは、標準ブロックの「見出し」や「段落」、テーブルのセルなど、基本的な文字装飾をサポートするブロック内のコンテンツ要素を指します。

    リッチテキスト対応ブロックの拡張編集機能

    「DigiPress Ex – Blocks」プラグインを利用することで、ブロック内のリッチテキスト部分の編集機能を強化します。

    表示例選択範囲をグラデーションテキストにする

    あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波

    「見出し」標準ブロックの拡張

    標準の「見出し」ブロックによる h1〜h6 タグを、様々なパターンのデザインで表示したり、先頭にアイコンを表示できます。

    見出しブロックの拡張機能

    「段落」標準ブロックの拡張

    段落ブロックでは、プリセットの様々なスタイルから目的にあったものを選ぶだけで装飾を変更できます。

    段落ブロックのスタイル変更

    「テーブル」標準ブロックの拡張

    標準の「テーブル」ブロックによるHTMLテーブルを、列数が多く横に長い場合は自動的に横スクロール可能にし、様々なデザインスタイルやセルにアイコンを表示できる機能などを拡張します。

    テーブルブロックの拡張機能

    「リスト」標準ブロックの拡張

    標準の「リスト」ブロックに、3カラムまで自動で分割する機能や各リストに下線を表示する機能などを追加します。

    リストブロックの拡張機能

    「カラム」標準ブロックの拡張

    標準の「カラム」ブロックに、等間隔以外のカラム比率を選択する機能や、マウスオーバー時にボックスシャドウを表示するオプションなどが拡張されます。

    カラムブロックの拡張機能

    「画像」標準ブロックの拡張

    標準の「画像」ブロックで表示する画像にボックスシャドウを表示したり、画像の周囲に好みのカラーフレームを表示する機能などが拡張されます。

     画像ブロックの拡張機能

    「メディアと文章」標準ブロックの拡張

    標準の「メディアと文章」ブロックで表示される画像や動画などのメディアを余白なく表示するオプションや、文章エリアをメディアに重ね合わせるデザインにするなどの機能が拡張されます。

    メディアと文章ブロックの拡張機能

  • 実用的で強力なエディター機能(オリジナルブロック)

    専用プラグイン「DigiPress Ex – BLocks Free」、または「DigiPress Ex – Blocks」とセットで利用すると、WordPress の標準ブロックを大幅に拡張して使い勝手を向上させます。

    さらにオリジナルブロックによって、HTML や CSS を一切記述せずにデザイン性の高い高度なビジュアルコンテンツを実際に表示されるページと同じデザインで確認しながら編集作業が行えます。

    [dp_toc]


    オリジナルブロック「吹き出し」

    アバター画像、名前、吹き出し文章ブロック内に直接入力するだけで完成する会話風の吹き出しコンテンツを表示します。

    オリジナルブロック「吹き出し」
    表示例
    アバター
    デジ太郎
    やあ!
    これは独自ブロックの「吹き出し」だよ!
    アバター
    デジ子
    なによこれ!
    とっても簡単じゃないの!
    よく使い回す吹き出しは、再利用ブロックに追加しておくと便利よね!

    オリジナルブロック「ブログカード」

    サイト内のページだけでなく、外部URLにも対応した、Webページの情報をリッチコンテンツ化する「ブログカード」を表示します。

    オリジナルブロック「ブログカード」
    表示例

    オリジナルブロック「ボタン」

    テーマにプリセットのCSSボタン装飾を利用したボタンリンク、またはWordPress 標準の「ボタン」ブロックよりも自由度が高いカスタムボタンリンクを作成できるオリジナルブロックです。

    オリジナルブロック「ボタン」
    表示例

    オリジナルブロック「ラベル」

    テーマにプリセットのCSS装飾を利用したテキストラベルを表示するオリジナルブロックです。

    オリジナルブロック「ラベル」
    ラベル最もベーシックな表示

    基本のラベルカラーは、テーマのキーカラーに依存します。

    ラベルアイコンを表示した場合
    ラベルブルーラベル
    ラベルライトブルーラベル
    ラベルグリーンラベル
    ラベルパステルグリーンラベル
    ラベルレッドラベル
    ラベルピンクラベル
    ラベルオレンジラベル
    ラベルブラックラベル
    ラベルグラデーションラベル

    オリジナルブロック「カラーボックス」

    テーマにプリセットのCSS装飾を利用したカラーボックスを表示するオリジナルブロックです。
    カラーボックスでは、CTAとして利用したり、独立したコンテンツとして他のコンテンツとは区別したい場合に活用できます。

    このブロックでは、ボックス内にさらに様々なブロックを追加することができます。

    オリジナルブロック「カラーボックス」
    表示例

    カラーボックスブロック

    カラーボックス内にはさらに様々なブロックを自由に追加して独立したコンテンツを表示できます。

    あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。

    オリジナルブロック「説明リスト」

    タイトルとその内容をまとめた HTML の定義リストタグ(dl, dt, dd)を表示するためのオリジナルブロックです。

    説明(定義)リスト表示用ブロック
    表示例
    Step 1 : WordPress のインストール

    詳細についてここに表示します。ここのコンテンツは新たに様々なブロックを追加して自由に構成できます。

    まずは WordPress をサーバー上にインストールします。

    Step 2 : テーマのインストール

    WordPress用のテーマである DigiPress をインストールします。

    オリジナルブロック「再利用コンテンツ」

    再利用コンテンツ機能の詳細については以下をご覧ください。

    オリジナルブロック「アイコンリスト」

    このブロックは有料版の機能です。

    リストの先頭に好みのアイコンを指定したり、カラーボックスでリストを括ることができるオリジナルブロックです。
    アイコンの大きさやボックス背景、ボーダーなどの配色、形状をカスタムでき、リストは最大3カラムまで設定できます。

    オリジナルブロック「アイコンリスト」
    シンプルな表示例
    • アイコンリストです。
    • アイコンリストです。
    • アイコンリストです。
    • アイコンリストです。
    2カラム表示例1〜3カラム指定可
    • アイコンリストです。
    • アイコンリストです。
    • アイコンリストです。
    • アイコンリストです。
    3カラム表示例ストライプ背景
    • アイコンリストです。
    • アイコンリストです。
    • アイコンリストです。
    • アイコンリストです。
    • アイコンリストです。
    • アイコンリストです。
    破線表示例
    • アイコンリストです。
    • アイコンリストです。
    • アイコンリストです。
    • アイコンリストです。
    • アイコンリストです。
    • アイコンリストです。
    二重線表示例
    • アイコンリストです。
    • アイコンリストです。
    • アイコンリストです。
    • アイコンリストです。
    • アイコンリストです。
    • アイコンリストです。

    オリジナルブロック「アコーディオンパネル」

    このブロックは有料版の機能です。

    タイトルをクリックすると、その内容が開閉表示されるアコーディオンパネルコンテンツを表示するオリジナルブロックです。

    オリジナルブロック「アコーディオンパネル」
    表示例
    アコーディオンパネル1

    このパネルは最初から開いたままにするよう指定しています(初期値は閉じた状態)。

    アコーディオンパネルのコンテンツ内には、別のブロックを追加できます。

    アコーディオンパネル2

    カラムブロックを追加し、各カラムに画像ブロックを追加した表示例。

    これは→
    カラムブロック内に→
    画像を表示
    アコーディオンパネル3

    DigiPress Ex – Blocks のブロックももちろん追加できます。

    オリジナルブロック「ショーケース」

    このブロックは有料版の機能です。

    このブロックでは、商品やサービス、メンバーなどの一覧を画像付きのリンクで並べて表示したい場合に活用できます。

    オリジナルブロック「ショーケース」
    表示例

    オリジナルブロック「プロセスステップ」

    このブロックは有料版の機能です。

    このブロックでは、物事の順序、工程、手続き方法などの説明を順番に表示できるプロセスステップ(工程)コンテンツを表示します。

    オリジナルブロック「プロセスステップ」
    表示例
    1
    2
    3
    4

    オンラインでのご注文

    あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。

    では、わたくしはいつかの小さなみだしをつけながら、しずかにあの年のイーハトーヴォの五月から十月までを書きつけましょう。

    ご決済の確認

    あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。

    では、わたくしはいつかの小さなみだしをつけながら、しずかにあの年のイーハトーヴォの五月から十月までを書きつけましょう。

    商品の梱包

    あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。

    では、わたくしはいつかの小さなみだしをつけながら、しずかにあの年のイーハトーヴォの五月から十月までを書きつけましょう。

    商品の発送

    あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。

    では、わたくしはいつかの小さなみだしをつけながら、しずかにあの年のイーハトーヴォの五月から十月までを書きつけましょう。

    オリジナルブロック「メニュー表」

    このブロックは有料版の機能です。

    このブロックでは、飲食店などでよく見かけるメニューをWebページ上のコンテンツとして表示したい場合に活用できます。

    オリジナルブロック「メニュー表」
    表示例1横書き
    • あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。
    • あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。
    • あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。
    表示例2縦書き
    • あのイーハトーヴォのすきとおった風、
      夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、
      郊外のぎらぎらひかる草の波。
    • あのイーハトーヴォのすきとおった風、
      夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、
      郊外のぎらぎらひかる草の波。
    • あのイーハトーヴォのすきとおった風、
      夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、
      郊外のぎらぎらひかる草の波。
  • 実用的で強力なエディター機能(オリジナルブロック)

    専用プラグイン「DigiPress Ex – BLocks Free」、または「DigiPress Ex – Blocks」とセットで利用すると、WordPress の標準ブロックを大幅に拡張して使い勝手を向上させます。

    さらにオリジナルブロックによって、HTML や CSS を一切記述せずにデザイン性の高い高度なビジュアルコンテンツを実際に表示されるページと同じデザインで確認しながら編集作業が行えます。

    [dp_toc]


    オリジナルブロック「吹き出し」

    アバター画像、名前、吹き出し文章ブロック内に直接入力するだけで完成する会話風の吹き出しコンテンツを表示します。

    オリジナルブロック「吹き出し」
    表示例
    アバター
    デジ太郎
    やあ!
    これは独自ブロックの「吹き出し」だよ!
    アバター
    デジ子
    なによこれ!
    とっても簡単じゃないの!
    よく使い回す吹き出しは、再利用ブロックに追加しておくと便利よね!

    オリジナルブロック「ブログカード」

    サイト内のページだけでなく、外部URLにも対応した、Webページの情報をリッチコンテンツ化する「ブログカード」を表示します。

    オリジナルブロック「ブログカード」
    表示例

    オリジナルブロック「ボタン」

    テーマにプリセットのCSSボタン装飾を利用したボタンリンク、またはWordPress 標準の「ボタン」ブロックよりも自由度が高いカスタムボタンリンクを作成できるオリジナルブロックです。

    オリジナルブロック「ボタン」
    表示例

    オリジナルブロック「ラベル」

    テーマにプリセットのCSS装飾を利用したテキストラベルを表示するオリジナルブロックです。

    オリジナルブロック「ラベル」
    ラベル最もベーシックな表示

    基本のラベルカラーは、テーマのキーカラーに依存します。

    ラベルアイコンを表示した場合
    ラベルブルーラベル
    ラベルライトブルーラベル
    ラベルグリーンラベル
    ラベルパステルグリーンラベル
    ラベルレッドラベル
    ラベルピンクラベル
    ラベルオレンジラベル
    ラベルブラックラベル
    ラベルグラデーションラベル

    オリジナルブロック「カラーボックス」

    テーマにプリセットのCSS装飾を利用したカラーボックスを表示するオリジナルブロックです。
    カラーボックスでは、CTAとして利用したり、独立したコンテンツとして他のコンテンツとは区別したい場合に活用できます。

    このブロックでは、ボックス内にさらに様々なブロックを追加することができます。

    オリジナルブロック「カラーボックス」
    表示例

    カラーボックスブロック

    カラーボックス内にはさらに様々なブロックを自由に追加して独立したコンテンツを表示できます。

    あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。

    オリジナルブロック「説明リスト」

    タイトルとその内容をまとめた HTML の定義リストタグ(dl, dt, dd)を表示するためのオリジナルブロックです。

    説明(定義)リスト表示用ブロック
    表示例
    Step 1 : WordPress のインストール

    詳細についてここに表示します。ここのコンテンツは新たに様々なブロックを追加して自由に構成できます。

    まずは WordPress をサーバー上にインストールします。

    Step 2 : テーマのインストール

    WordPress用のテーマである DigiPress をインストールします。

    オリジナルブロック「再利用コンテンツ」

    再利用コンテンツ機能の詳細については以下をご覧ください。

    オリジナルブロック「アイコンリスト」

    このブロックは有料版の機能です。

    リストの先頭に好みのアイコンを指定したり、カラーボックスでリストを括ることができるオリジナルブロックです。
    アイコンの大きさやボックス背景、ボーダーなどの配色、形状をカスタムでき、リストは最大3カラムまで設定できます。

    オリジナルブロック「アイコンリスト」
    シンプルな表示例
    • アイコンリストです。
    • アイコンリストです。
    • アイコンリストです。
    • アイコンリストです。
    2カラム表示例1〜3カラム指定可
    • アイコンリストです。
    • アイコンリストです。
    • アイコンリストです。
    • アイコンリストです。
    3カラム表示例ストライプ背景
    • アイコンリストです。
    • アイコンリストです。
    • アイコンリストです。
    • アイコンリストです。
    • アイコンリストです。
    • アイコンリストです。
    破線表示例
    • アイコンリストです。
    • アイコンリストです。
    • アイコンリストです。
    • アイコンリストです。
    • アイコンリストです。
    • アイコンリストです。
    二重線表示例
    • アイコンリストです。
    • アイコンリストです。
    • アイコンリストです。
    • アイコンリストです。
    • アイコンリストです。
    • アイコンリストです。

    オリジナルブロック「アコーディオンパネル」

    このブロックは有料版の機能です。

    タイトルをクリックすると、その内容が開閉表示されるアコーディオンパネルコンテンツを表示するオリジナルブロックです。

    オリジナルブロック「アコーディオンパネル」
    表示例
    アコーディオンパネル1

    このパネルは最初から開いたままにするよう指定しています(初期値は閉じた状態)。

    アコーディオンパネルのコンテンツ内には、別のブロックを追加できます。

    アコーディオンパネル2

    カラムブロックを追加し、各カラムに画像ブロックを追加した表示例。

    これは→
    カラムブロック内に→
    画像を表示
    アコーディオンパネル3

    DigiPress Ex – Blocks のブロックももちろん追加できます。

    オリジナルブロック「ショーケース」

    このブロックは有料版の機能です。

    このブロックでは、商品やサービス、メンバーなどの一覧を画像付きのリンクで並べて表示したい場合に活用できます。

    オリジナルブロック「ショーケース」
    表示例

    オリジナルブロック「プロセスステップ」

    このブロックは有料版の機能です。

    このブロックでは、物事の順序、工程、手続き方法などの説明を順番に表示できるプロセスステップ(工程)コンテンツを表示します。

    オリジナルブロック「プロセスステップ」
    表示例
    1
    2
    3
    4

    オンラインでのご注文

    あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。

    では、わたくしはいつかの小さなみだしをつけながら、しずかにあの年のイーハトーヴォの五月から十月までを書きつけましょう。

    ご決済の確認

    あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。

    では、わたくしはいつかの小さなみだしをつけながら、しずかにあの年のイーハトーヴォの五月から十月までを書きつけましょう。

    商品の梱包

    あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。

    では、わたくしはいつかの小さなみだしをつけながら、しずかにあの年のイーハトーヴォの五月から十月までを書きつけましょう。

    商品の発送

    あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。

    では、わたくしはいつかの小さなみだしをつけながら、しずかにあの年のイーハトーヴォの五月から十月までを書きつけましょう。

    オリジナルブロック「メニュー表」

    このブロックは有料版の機能です。

    このブロックでは、飲食店などでよく見かけるメニューをWebページ上のコンテンツとして表示したい場合に活用できます。

    オリジナルブロック「メニュー表」
    表示例1横書き
    • あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。
    • あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。
    • あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。
    表示例2縦書き
    • あのイーハトーヴォのすきとおった風、
      夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、
      郊外のぎらぎらひかる草の波。
    • あのイーハトーヴォのすきとおった風、
      夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、
      郊外のぎらぎらひかる草の波。
    • あのイーハトーヴォのすきとおった風、
      夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、
      郊外のぎらぎらひかる草の波。