Fancie NOTE - Business Edition

Highly Flexible WordPress Theme

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

, …

Dress You Up!

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

Dress You Up!

パララックス専用ウィジェット搭載

このテーマには他社のパララックス対応テーマよりも遥かに複雑なパララックスコンテンツを
誰でも簡単に作成できる専用ウィジェットが搭載されています。

トップページだけに決められた数、場所、アニメーションしか表現できない他のテンプレートよりも
圧倒的に自由度が高いパララックステーマです。

Why not? DigiPress!

Why not? DigiPress!

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

自由自在のパララックスコンテンツ

専用ウィジェットには「メインタイトル」、「任意テキスト(HTMLエディタ対応)」、「ボタン」、「画像」、
そして玄人向けに自由自在にパララックススクロールコンテンツを作成できる「フリーコンテンツ(HTMLエディタ対応)」の項目が用意されています。

このエリアは「任意テキスト」用のエディタにただ文章を入力し、各種パララックス用の設定を選んだだけですが、
以下は「フリーコンテンツ」による、オリジナルの定義をしたパララックスです。

[promobox column=3 iconhovershadow=1 iconhovershadowwhite=1 plx="enter bottom delay 1.0s" class="ft14px" style="margin:auto;max-width:1180px;"] [promo title="モバイル表示の最適化" url="//demo.dptheme.net/dp15-2/category1/category3/post-1534/" titlecolor=#fff titlesize=20 descsize=14 icon=icon-plane iconbgcolor=#ef9e9e iconbdcolor=#fff iconbdwidth=3 iconsize=55 iconstyle=circle iconrotate=3 bghovercolor="rgba(255,255,255,0.18)"] タブレット端末ではレスポンシブ表示、スマートフォンではモバイル専用テーマで軽量化と最適化を行っています。レスポンシブ対応だけではもう古い! [/promo] [promo title="豊富なCSS装飾とショートコード" url="//demo.dptheme.net/dp15-2/page-1688/" titlecolor="#fff" titlesize=20 descsize=14 icon=icon-cube4 iconbgcolor=#86d0d8 iconbdcolor=#fff iconbdwidth=3 iconsize=55 iconstyle=circle iconrotate=4 bghovercolor="rgba(255,255,255,0.18)"] ボタンやラベルなど標準であらゆるCSSセレクタとショートコードを用意。テーブル、Googleマップ、このPRボックスなども簡単に表示できます。 [/promo] [promo title="すべてのカスタマイズを管理画面で" url="//demo.dptheme.net/admin-sample/" titlecolor="#fff" titlesize=20 descsize=14 icon=icon-display iconbgcolor=#cbd886 iconbdcolor=#fff iconbdwidth=3 iconsize=55 iconstyle="circle" iconscale=1 bghovercolor="rgba(255,255,255,0.18)"] 日付有無、カラムやカラー変更、ウィジェット制御、オリジナルCSS追加などできないことがないくらいテーマオプションは他のテーマに比べて圧倒的に豊富です。ウィジェットも多数搭載。 [/promo] [/promobox] [countup class="pd40px-top" style="margin:auto;max-width:1180px;"] [counter to=2486 caption='Users' duration=3] [counter to=95.9 caption='Satisfied!' decimal=1 duration=2] [counter to=980 caption='Yen/Month' captionpos=right duration=3] [counter to=6485 tocolor=#fff caption='Installed!' captionsize=14 captioncolor=#fff bgcolor='#46B1D2' bdwidth=4 bdcolor='#50CEF6' bdradius=5 duration=3] [/countup]
[promobox column=2 plx="enter right" class="al-l" style="margin:auto;max-width:1180px;"] [promo title="Ms. Parallax" titlecolor="#fff" titlesize=24 imgurl="//demo.dptheme.net/dp14/wp-content/uploads/sites/16/2015/11/girl.jpg" iconsize=120 iconstyle="round" iconrotate=4 iconalign="left" url="//demo.dptheme.net/dp15-2/page-1688/"]これは専用のショートコードでどこにでも表示できるPRボックスコンテンツです。HTMLタグやショートコードも利用できます。アイコンか任意の画像を表示できます。 [/promo] [promo title="Mr. Parallax" titlesize=24 titlecolor="#fff" imgurl="//demo.dptheme.net/dp14/wp-content/uploads/sites/16/2015/11/man.jpg" iconsize=120 iconalign="left" iconstyle="circle" iconcolor="#fff" iconrotate=1 iconbgcolor="#aaa" url="//demo.dptheme.net/dp15-2/page-1688/"]これは専用のショートコードでどこにでも表示できるPRボックスコンテンツです。HTMLタグやショートコードも利用できます。アイコンか任意の画像を表示できます。 [/promo] [/promobox] [skillbars style="margin:auto;max-width:1180px;"] [sbar title='WordPress' ratebarcolor='#93EFFF' rate=82 ratetext='Good at!'] [sbar title='CSS' ratebarcolor=#75CCFF titlesize=14 rate=70 ratecolor=''] [sbar title='Javascript' ratebarcolor='#F4549A' rate=58] [/skillbars] [skillcircles style="margin:auto;max-width:1180px;"] [scircle rate=68 caption='WordPress' size=150 barcolor='#93EFFF'] [scircle rate=45 caption='Static Site' barcolor='#ff559f' size=150] [scircle rate=57 size=150 barcolor='#fff' caption='SEO Analytics' duration=2400] [scircle rate=84 ratesize=45 barcolor='#0681c4' barcolor2='#07c6c1' barwidth=24 size=200 caption='Daily Maintenance' captionsize=15 captionbold=1 duration=3200] [/skillcircles]
Widget Area For PC
( Free space )

スタンダード形式 : アイキャッチ交互表示可能

ブログ形式

ポートフォリオ形式 : 3カラム、ブラックオーバーレイ

マガジン形式1 : 2〜4カラム対応

読みやすさのテスト
Featured!
6231 views
吾輩は猫である。名前はまだ無い。 どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣...
レイアウトテスト
ピックアップ
17709 views
Digipressテーマの文字や各種標準的なHTMLタグの表示テストです。あなたがつくりたいサイトのイメージに照らし合わせながらご覧ください!

マガジン形式2

レイアウトテスト
ピックアップ
17709 views
Digipressテーマの文字や各種標準的なHTMLタグの表示テストです。あなたがつくりたいサイトのイメージに照らし合わせながらご覧ください!

スライダー形式 : カルーセルの場合

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

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


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

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

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

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

サイト内のページだけでなく、外部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

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

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

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

これは→
カラムブロック内に→
画像を表示

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

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

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

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

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

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

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

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

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

オンラインでのご注文

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

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

ご決済の確認

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

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

商品の梱包

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

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

商品の発送

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

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

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

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

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

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

Comment On Facebook

Widget Area For PC
( Free space )

Carousel Slider

Parallax with Panels

[flipcard colnum=5 hoverfx=2 txtshadow=1 boxshadow=1 separaterthick=3 bdradiuslevel=5] [flipcarditem title="Leah Figueroa" caption="Cum sociis natoque penatibus et magnis dis" frontimg="https://drive.google.com/uc?export=view&id=1vAgKifTCTMgN2MxrXGyjA478UZ2X5YtS" backbgcolor="#A37081" url="https://digipress.info/" newwindow=1 plx="enter bottom delay 0.3s"] Lorem ipsum dolor sit amet, consectetuer adipiscingelit. Aenean commodo ligula eget dolor. Aenean massa. [/flipcarditem] [flipcarditem title="Jacob Coleman" caption="Aenean commodo ligula eget dolor" frontimg="https://drive.google.com/uc?export=view&id=11i8uUg-Kn2MG3hkjNInEukIbmsldKuGI" backbgcolor="#F88E80" url="https://digipress.info/" plx="enter bottom delay 0.3s"] Lorem ipsum dolor sit amet, consectetuer adipiscingelit. Aenean commodo ligula eget dolor. Aenean massa. [/flipcarditem] [flipcarditem title="Emmett Cross" caption="Cum sociis natoque penatibus et magnis dis" frontimg="https://drive.google.com/uc?export=view&id=1m0qesHM_XUSaRDemTXI6c9hAHNNvB-7V" backbgcolor="#E9E090" url="https://digipress.info/" plx="enter bottom delay 0.3s"] Lorem ipsum dolor sit amet, consectetuer adipiscingelit. Aenean commodo ligula eget dolor. Aenean massa. [/flipcarditem] [flipcarditem title="Stanley Chandler" caption="Parturient montes nascetur ridiculus" frontimg="https://drive.google.com/uc?export=view&id=1hQOU5z2N2oGHf_Z3nq---6h2aSPgMSuV" backbgcolor="#F1A1CF" url="https://digipress.info/" plx="enter bottom delay 0.3s"] Lorem ipsum dolor sit amet, consectetuer adipiscingelit. Aenean commodo ligula eget dolor. Aenean massa. [/flipcarditem] [flipcarditem title="Sara Simmons" caption="Aenean commodo ligula eget dolor" frontimg="https://drive.google.com/uc?export=view&id=1t1rPEf90-6RXAVDSH9vq_D6EXmzeHe8D" url="https://digipress.info/" plx="enter bottom delay 0.3s"] Lorem ipsum dolor sit amet, consectetuer adipiscingelit. Aenean commodo ligula eget dolor. Aenean massa. [/flipcarditem] [/flipcard]

Access Map