Fancie NOTE - Business Edition

Highly Flexible WordPress Theme

コメントテスト

4910 views

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 )

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

ブログ形式

ポートフォリオ形式 : 2カラム、キーカラーオーバーレイ

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

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

マガジン形式2

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

コメントが付いた投稿。

Widget Area For PC
( Free space )

Comments & Trackbacks

  • Comments ( 18 )
  • Trackbacks ( 2 )
  1. 見出し壱

    見出し弐

    見出し参

    見出し四

    見出し五
    見出し六

    引用 (Blockquote) テスト

    引用:

    一行だけの引用。

    この行は引用ではありません。以下は長い引用:

    これは言語みたいなものだ。アルファベットすなわち音階を学び、文すなわちコードを学ぶ。そしてやがてホーンと即興で会話するようになる。即興で話すのはすばらしいことだと思うが、私には決して会得できないだろう。しかし音楽ともなれば、私は即座によろこんで会話する。そう、それがジャズ音楽のすべてだ。

    スタン・ゲッツ

    そしてこれはその後に続くテキスト。

    テーブルレイアウトのテスト

    タイトル 閲覧数
    テストユーザーについて 1 以上
    260 1 以上
    アーカイブ 1 以上
    235 1 以上

    リストタイプのテスト

    定義リスト

    定義リストタイトル
    これは定義リストです。
    定義
    物事、領域、何かについての意味の正確な文章や説明: 詩を構成するものの定義。
    ギャラリー
    WordPress 2.5 から導入された、投稿に添付された画像を展示するための機能です。同じように、投稿を編集中にアップロードすると、そのファイルは「投稿に添付」されます。
    Gravatarグラバター
    グラバターとはグローバルに認識されるアバター(あるユーザーを表すグラフィックイメージや写真)です。グラバターはメールアドレスと紐づいていて、Gravatar.com サービスによって管理されています。このサービスを利用すると、ブログ所有者は自分のブログを設定することによりコメント欄にユーザーのグラバターを表示させることができます。

    非順序リスト(ネスト化)

    • リストアイテム1
      • リストアイテム1
        • リストアイテム1
        • リストアイテム2
        • リストアイテム3
        • リストアイテム4
      • リストアイテム2
      • リストアイテム3
      • リストアイテム4
    • リストアイテム2
    • リストアイテム3
    • リストアイテム4

    順序リスト

    1. リストアイテム1
      1. リストアイテム1
        1. リストアイテム1
        2. リストアイテム2
        3. リストアイテム3
        4. リストアイテム4
      2. リストアイテム2
      3. リストアイテム3
      4. リストアイテム4
    2. リストアイテム2
    3. リストアイテム3
    4. リストアイテム4

    HTML 要素タグテスト

    他の HTML タグは FAQ をご覧ください:

    以下は住所のサンプルです。<address> タグを使用しています:

    〒530-0001
    大阪市北区梅田3丁目1-1
    大阪ステーションシティ
    日本

    これは <anchor> (もしくはリンクとも呼ばれます) の例です。この abbr. はセンテンスの中にある <abbr> タグの例です。

    これは <acronym> タグを使用した TLA です。
    <big> タグを使用した some大きめのサイズのテキスト をご覧になりたいですか? <cite> タグを使って、そのリファレンス引用したいですか?
    タグ名はすべて <code> タグを使用した コード形式 で表示されていることにお気づきになりましたか?
    同じように、<kbd> タグを使用してキーボードテキストをエミュレートしたり、<tt> タグを使用してテレタイプ(等幅)テキストをエミュレートできます。

    おっと、いけない!間違って書いてしまいました。<del>タグを使用して消したほうがよさそうです。もしくは <strike> タグを使用して線を引いて消したり、あるいは <s> タグで線を引いて消したりすることもできます。これは挿入されたテキストで、明確にするために <ins> タグを使用してハイライトしています。

    コードのカタマリのような完全にフォーマットされないテキストを表示する必要がありますか?<pre> タグを使用すると次のように表示されます:

    #container {
    	float: left;
    	margin: 0 -240px 0 0;
    	width: 100%;
    }

    WordPress のキャッチフレーズ Code is Poetry を引用したいですか?<q> タグで囲むと引用符が追加されます。これは <strong>タグを使用した強調テキストです。(もしくはボールドとも呼ばれます)

    H2O もしくは E = MC2? と書く必要がありますか?<sub> タグを使った サブスクリプティング テキストや <sup> タグを使った サブスクリプティング テキストがお役に立つでしょう。引数や変数であることを示すには <var> タグをつかいます。

    Div と Span のテスト。

    何も顔のまずい例に特に吾輩を出さなくっても、よさそうなものだ。

    これは <div> を使った別の div の中にある “myclass” クラスを持った div です。

    吾輩だって喜多床へ行って顔さえ剃って貰やあ、そんなに人間と異ったところはありゃしない。

    何も顔のまずい例に特に吾輩を出さなくっても、よさそうなものだ。 これは <span> タグを使用したパラグラフ内の span です。吾輩だって喜多床へ行って顔さえ剃って貰やあ、そんなに人間と異ったところはありゃしない。

  2. 投稿者のコメントではない。

  3. ログインしてません。

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

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

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

  4. マットになりすました匿名さん。

  5. もうひとつのテスト。

  6. ログインしているが、ブログはない。

  7. 私はこのブログの寄稿者です。

  8. 何をテストしているかというと

  9. やあ、こんにちは !

  10. By テスト投稿者

    別の投稿者のコメント。

  11. By テスト寄稿者

    寄稿者のコメント。

  1. ピングテスト 2

    もう一度やってみよう。力づくでやらないといけないのかもしれない。

Leave A Reply

*
*
* (公開されません)

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