カテゴリー: Foo Parent

これは Foo Parent の説明文です。カテゴリーごとに説明文やカテゴリーカラー、イメージ画像などを指定できます。

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

    専用プラグイン「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縦書き
    • あのイーハトーヴォのすきとおった風、
      夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、
      郊外のぎらぎらひかる草の波。
    • あのイーハトーヴォのすきとおった風、
      夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、
      郊外のぎらぎらひかる草の波。
    • あのイーハトーヴォのすきとおった風、
      夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、
      郊外のぎらぎらひかる草の波。
  • 画像と自動再生する動画をスライドに含めたスライダーをヘッダーエリアに表示

    ファーストインプレッションとなるトップページのヘッダーエリアには、画像だけでなくMP4, YouTube, またはVimeoの動画もスライドに含めたスライダーを表示し、ビジターに最もインパクトを与えることができます。

    画像も動画も、設定画面から直接WordPressのアップロードフォルダに転送するだけで指定ができ、YouTubeまたはVimeoの動画の場合は、対象の動画IDを指定するだけでリアルタイムでプレビューすることができます。

    さらに、YouTubeとVimeoの動画は、再生開始を秒数で指定することも可能なため、不要な部分をスキップしてお好みの位置から再生させることができます。

    各スライド設定パネル

    指定可能なヘッダーエリアコンテンツ

    • ヘッダー画像(前面にタイトル、ウィジェット表示可)
    • スライダー(最大5枚までの画像または動画スライド)
    • スライダー(指定した投稿または固定ページのスライド)
    • 表示なし

    ヘッダー画像/スライダー設定方法

  • 豊富で実用的なショートコード

    DigiPressテーマには、いくつかの便利なショートコードが初めから用意されており、記事やウィジェットに用いることができます。

    ショートコードとは、例えば記事内に他サイトのスクリーンショットとそのリンクを表示したりGoogleマップを表示するのに、プログラムの知識やタグの知識は一切必要とせずに指定された簡単な書式のみで実現できる機能です。

    DigiPressによるショートコードの表示サンプルは以下をご覧ください。

    ショートコード一覧

  • AMP & スマートフォン表示例

    スマートフォンではモバイルに特化して無駄なコードや情報を省き、軽量化、最適化されたモバイル専用テーマにて表示します。

    他の一般的なレスポンシブデザインにしか対応していないテーマと違い、PCからのアクセスとはテーマ自体が異なるため、単純なレスポンシブ表示では到底実現できない究極のモバイル要件にも対応しています。

    さらに、Googleが推進しているモバイル環境でのウェブサイトの表示速度を高速化するための取り組みである、AMP(Accelerated Mobile Pages)の仕様に完全に準拠した動作環境でサイトを表示できる、AMPモード機能とAMPテーマもDigiPressでは標準機能として搭載しています。

    モバイルテーマ/AMPモード表示比較

    トップページ

    [flexbox flexchildren=1]
    [flexitem]

    AMP無効(モバイルテーマ)


    [/flexitem]
    [flexitem]

    AMP有効


    [/flexitem]
    [/flexbox]

    サイドメニューオープン時

    [flexbox flexchildren=1]
    [flexitem]

    AMP無効(モバイルテーマ)


    [/flexitem]
    [flexitem]

    AMP有効


    [/flexitem]
    [/flexbox]

    シングルページ

    [flexbox flexchildren=1]
    [flexitem]

    AMP無効(モバイルテーマ)


    [/flexitem]
    [flexitem]

    AMP有効


    [/flexitem]
    [/flexbox]

    シングルページSNSシェアボタン

    [flexbox flexchildren=1]
    [flexitem]

    AMP無効(モバイルテーマ)


    [/flexitem]
    [flexitem]

    AMP有効


    [/flexitem]
    [/flexbox]

    寄稿者プロフィール

    [flexbox flexchildren=1]
    [flexitem]

    AMP無効(モバイルテーマ)


    [/flexitem]
    [flexitem]

    AMP有効


    [/flexitem]
    [/flexbox]

    サイトフッターエリア

    [flexbox flexchildren=1]
    [flexitem]

    AMP無効(モバイルテーマ)


    [/flexitem]
    [flexitem]

    AMP有効


    [/flexitem]
    [/flexbox]

  • 英数字と日本語のフォントを個別に選択できる柔軟なタイポグラフィ設定

    ウェブサイトにとってのタイポグラフィ(文字の見やすさ、読みやすさ)は非常に重要です。

    DigiPress のテーマオプションでは、フォントサイズやフォントカラーだけでなく、サイトの属性や雰囲気に合う英数字と日本語のフォントを、それぞれ用意されている中から選ぶだけで反映させることができます。

    [dp_toc]

    フォント設定画面

    デフォルト以外のフォントを選択した場合、サイト全体ではなくページタイトルや投稿タイトル、ウィジェットタイトルなどの主要タイトル部分のみに指定フォントを反映させることが可能です。

    日本語フォントの選択

    日本語フォントの表示比較

    デフォルト
    デフォルト(Mac : ヒラギノ角ゴ, Win : メイリオまたは游ゴシック体)
    游ゴシック
    游明朝
    Noto Sans JP
    M PLUS 1p
    M PLUS Rounded 1c
    Kosugi
    Kosugi Maru
    さわらびゴシック
    さわらび明朝
    はんなり明朝
    こころ明朝

    英数字優先フォントの選択

    英数字は指定した日本語フォントではなく、別のフォントを優先して反映したい場合は、以下のウェブフォントから選べます。

    英数字フォントの表示比較

    Roboto
    Lato
    Josefin Sans
    Raleway
    Quicksand
    Montserrat
    Montserrat Alternates
    Ubuntu
    Open Sans
    Didact Gothic
    Reem Kufi
    Playfair Display
    Josefin Slabnd
    Crimson Text
    Lora
  • 読みやすさのテスト

    吾輩は猫である。名前はまだ無い。
    どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。この書生というのは時々我々を捕えて煮て食うという話である。しかしその当時は何という考もなかったから別段恐しいとも思わなかった。ただ彼の掌に載せられてスーと持ち上げられた時何だかフワフワした感じがあったばかりである。

    (さらに…)

  • スマートフォン表示例

    スマートフォンではモバイルに特化して無駄なコードや情報を省き、軽量化、最適化されたモバイル専用テーマにて表示します。

    他の一般的なテーマと違いPCからのアクセスとはテーマ自体が異なるため、単純なレスポンシブ表示では到底実現できない究極のモバイル要件にも対応しています。

    テーマ管理画面からモバイルテーマを無効にして、レスポンシブ表示(PCテーマと共通)にすることも可能です。

    iphone1
    iphone2
    iphone3
    iphone6
    iphone5