![](https://digipress.info/_wp/wp-content/uploads/2018/11/macchiato-main.jpg)
PRECIOUS TIME
スクロールに合わせて流れるようなアニメーションでコンテンツを表示し、あなたのサイトをインタラクティブに演出。
「Macchiato」はスクロールによる視差効果を最大限に利用した高度なパララックスコンテンツを表現できるWordPressテーマです。
Demoデモサイト
Buy This Themeご購入
自由自在のパララックススクロールコンテンツを誰でも簡単に作成
![](https://digipress.info/_wp/wp-content/uploads/2015/11/capture-2015-11-24-20.11.04-copy.png)
パララックススクロールコンテンツは、専用のウィジェットで設定項目を順番に調整していくだけで、どのページにも、どこにでも、いくつでも個別のアニメーションを施して表示できます。
HTMLやCSS、その他パララックススクロールのための技術的な専門知識などは一切不要です。
フォントサイズ、フォントカラー、ボタンカラー、ボタンサイズ、背景カラーなど、各要素ごとで細かな設定もマウス操作のみで実現します。
決められたページ内に決められた数とアニメーションでしかパララックスオブジェクトを作成できない同類のテンプレートよりも、遥かに自由度と完成度が高いパララックススクロールページを作成できます。
背景画像付きのパララックススクロールコンテンツを表示
![](https://digipress.info/_wp/wp-content/uploads/2015/11/capture-2015-11-24-20.25.15-copy.png)
テキストや画像のみならず、パララックスコンテンツエリアの背景カラーや背景画像もカラーパレットで色を選択したり、背景画像のURLを指定するのみでパララックスアニメーションを施すことができます。
画像によってはその上に表示されるテキストが背景の画像と同化して見づらい場合は、ウィジェットの設定画面から背景画像の明暗レベルをパーセンテージで指定するだけで、画像を暗く(または明るく)してその上のテキストをくっきりと表示させることができるため、どんな画像でもパララックスコンテンツの背景として表示できます。
さらに、パララックスコンテンツ内のテキストにシャドウカラーをカラーピッカーで指定することも可能です。
完全オリジナルのパララックスコンテンツで、さらに差別化を
![](https://digipress.info/_wp/wp-content/uploads/2015/11/capture-2015-11-24-20.39.55-copy.png)
専用ウィジェットでは、予め用意されている「タイトル」、「説明文」、「画像」、「ボタン」のパララックスオブジェクト以外に、独自のパララックスコンテンツを作成・表示するためのHTMLエディタが組み込まれています。
玄人向けのこのエディタでは、HTMLタグに決められた書式の属性を定義することで、完全にあなたオリジナルのパララックスコンテンツを作成できます。
ショートコードのコンテンツもパララックス化させて統一感のある美しいサイトに
![](https://digipress.info/_wp/wp-content/uploads/2015/11/capture-2015-11-24-22.39.31-copy.png)
パララックス専用ウィジェットにて提供されているオリジナルパララックスコンテンツエディタは、HTMLだけでなくショートコードも利用することができます。
DigiPressテーマ専用に提供されている「DigiPress Ex – Shortcodes」プラグインで利用できる「プロモーションボックスショートコード」と「プロフィールショートコード」には、本テーマでパララックススクロールアニメーションを表現するためのパラメータが用意されています。
これにより、ショートコードで簡単に作成できるプロモーションコンテンツやプロフィール情報までもパララックススクロールに対応させることができます。
ヘッダーバーにお好みでSNSアイコン、または発信可能な電話番号を表示
![](https://digipress.info/_wp/wp-content/uploads/2015/11/capture-2015-11-24-21.00.38-copy.png)
ページ最上部に表示されるフローティングヘッダーバーには、左端にサイトタイトル、その右側にはグローバルメニューを表示できます。
さらに本テーマでは用途に合わせてグローバルメニューの右側に隣接する形でSNSアイコンリンク、検索フォーム、またはスマートフォン等から直接発信できる電話番号を表示することができます。
ウェブをメインに展開するサービスやオンラインショップではそのサイト公式のSNSアカウントページへのリンクを表示して、飲食店など実店舗への集客やお問い合わせを目的とする場合は電話番号を表示して、スマートフォンから訪問者が直接電話をかけてもらうための仕掛けを簡単に設置できます。
- SNSリンク(Facebook, X(旧Twitter), Instagram)
- サイト内検索フォーム
- RSSまたはFeedlyへのリダイレクトリンク
- 電話番号 (直接発信可能)
迫力のトップページフルスクリーンメディア表示
![](https://digipress.info/_wp/wp-content/uploads/2015/11/full.jpg)
ップページでは、画面いっぱいに画像を表示したり動画を再生させることができます。
フルスクリーンで表示するため、サイトの顔ともいえるトップページの印象を訪問者に強烈に残すことができます。
トップページに表示できるヘッダーコンテンツの種類は以下から選択できます。
- 表示なし
-
フルスクリーンヘッダーコンテンツを表示しません。
- ヘッダー画像の静止画表示
-
アップロードされたヘッダー用画像を指定またはランダムにフルスクリーンで表示します。
- スライドショー
-
アップロードされたヘッダー用画像、または指定した記事もしくは固定ページのアイキャッチ画像を利用したスライドショーを表示します。
- ビデオ表示
-
YouTubeまたはVimeoの動画URLかIDを指定するだけでフルスクリーンでビデオ再生をします。再生開始位置の指定も可能です。
スマートフォンは別途専用ヘッダーコンテンツを指定することでより最適化
![](https://digipress.info/_wp/wp-content/uploads/2015/11/capture-2015-11-24-21.23.55-copy.png)
PCテーマとは別にモバイルテーマ専用のヘッダーコンテンツ(ヘッダー画像、スライドショー、非表示)を設定できるため、モバイル用に軽量化した画像を用意することでモバイル環境により特化したコンテンツを表示できます。
アーカイブページのサムネイルエリアにYouTubeなどの埋め込みプレイヤーを自動表示
![](https://digipress.info/_wp/wp-content/uploads/2015/11/capture-2015-11-24-21.39.57-copy.png)
本テーマでは、記事の「投稿オプション」にストリーミングサービス(YouTubeまたはVimeo)とその動画IDを指定するオプションがあります。
ここにIDを指定して投稿することで、トップページやカテゴリーページなどのアーカイブページで表示される記事一覧のサムネイルエリアに対象サービスの埋め込みプレイヤーをサムネイルの代わりに表示させることができます。
これによって、動画がメインコンテンツのシングルページでは、訪問者にページを遷移させることなくアーカイブページから直接動画を再生して閲覧してもらうことができます。
どこにでも好きなアーカイブ形式で表示できる高度なフリーレイアウトウィジェット
![](https://digipress.info/_wp/wp-content/uploads/2015/11/capture-2015-11-24-21.57.30.jpg)
DigiPressでは、トップページの記事一覧の対象を、一般的なテンプレートのような最新記事以外にも指定カテゴリー内の新着記事一覧に絞って表示することはできますが、本テーマでは「トップページ(またはアーカイブページ)は最新記事の一覧を表示する」という概念自体を取り払い、専用に開発した記事一覧表示ウィジェットによりページ内の「任意の位置」に「必要な数」だけ「好みのレイアウト」で特定のカテゴリー内の記事を新着順やコメント数順、閲覧数順、ランダムといった順序で表示できます。
![](https://digipress.info/_wp/wp-content/uploads/2015/08/capture-2015-08-11-14.34.06-copy.png)
アーカイブ表示専用のウィジェットでは、「スライダー表示」を含む5種類のアーカイブレイアウトを用意しています。
- ノーマル(ブログ)形式
- ポートフォリオ1形式
- ポートフォリオ2形式
- マガジン形式
- スライダー(※フェード、平行/垂直スライダー、カルーセル)
和にも洋にもマッチするタイポグラフィ設定
![](https://digipress.info/_wp/wp-content/uploads/2018/05/typography-2.png)
DigiPressテーマは、ジャンルにとらわれない豊富なテーマオプションにより、例えば旅館や料亭といった和風テイストに仕上げたいウェブサイトにも親和性が高いのが特徴です。
ヘッダー画像上のタイトルやパララックススクロールコンテンツ専用ウィジェットのテキスト設定にて縦書きモードを有効にし、タイポグラフィー設定にて用意されているフォントからセリフ体(明朝体)のフォントを選ぶだけで、瞬時に和風テイストに仕上げることができます。
選択可能な日本語フォントは、デフォルトフォントとWebフォントを含め39種類、英数字用のWebフォントは19種類から選ぶことができます。
選択可能なWebフォントは随時追加されます。
![](https://digipress.info/_wp/wp-content/uploads/2022/06/japanese-fonts.png)
その他、DigiPressテーマに任意のWebフォントを組み込む方法は、以下にて公開しています。
モバイルは専用テーマ。レスポンシブ表示よりも速く、美しく。
![](https://digipress.info/_wp/wp-content/uploads/2015/11/capture-2015-11-24-22.03.37-copy.png)
スマートフォンの普及により、現在はPCだけではなくモバイル環境からのアクセスも急激に増えています。
モバイルからのアクセスを考慮した場合、読み込むHTML、画像、Javascript等のソースはPCと全く同じで、ただレスポンシブ化してスマートフォン表示のレイアウトを整えるだけでは「モバイル対応」とはとてもいえません。
他の多くの国内有料テーマはようやくレスポンシブ表示に対応しだしたのが現状ですが、レスポンシブ表示もいち早く取り入れたDigiPressではモバイルからのアクセスをより重視し、さらに進化してスマートフォンからのアクセスはそれに最適化された軽量なモバイル専用テーマで自動的に表示します。
専用テーマといっても、モバイル用にコンテンツや設定を分ける必要は一切ありません。レイアウトやデザインなど全てはDigiPressがPCとモバイルで統一感を保ったまま最適化します。
また、モバイルテーマでは別途専用のウィジェットエリアが用意されているため、広告やバナーなどのコンテンツをモバイルとPCで予め分離しておくことができます。
出力ソースはPCテーマそのもののレスポンシブデザイン対応の他の多くのテンプレートとは全く異なる次元でモバイル環境に最適化させています。
フォトログにもビジネスサイトにも有効な、訪問者を惹きつける自動アイキャッチ表示
![](https://digipress.info/_wp/wp-content/uploads/2015/11/capture-2015-11-24-22.14.50-copy.png)
すべてのDigiPressテーマには記事に指定したアイキャッチ画像を記事の先頭に自動表示の有無をサイト全体の設定として指定するオプションがあります(※固定ページは対象外)。
これとは別に、記事と固定ページ単位で「投稿オプション」にアイキャッチの自動表示を指定することが可能です。
これにより、任意のシングルページのみに投稿タイトルと本文の間に記事を印象付ける美しいアイキャッチ画像を表示させることができます。
さらに、この投稿オプションではアイキャッチ画像を「投稿タイトルよりも上に表示」することができ、これを有効にすることで、たとえば商用サイトで固定ページを使ってサービスや商品紹介ページの記事エリアよりも上のサイトヘッダー部分に固定ページ専用のヘッダー画像としてアイキャッチ画像を表示するなどの使い方ができます。
カテゴリーページでは背景カラーと説明付きでヘッダーエリアを演出
![](https://digipress.info/_wp/wp-content/uploads/2015/11/capture-2015-11-24-22.35.56-copy.png)
本テーマには、カテゴリーごとでイメージカラーを設定しておくことができます。
また、WordPressにはカテゴリーに「説明」を登録しておくことができるため、カテゴリーページでは大きくカテゴリー名がパララックスアニメーションで表示されるヘッダーエリアに、カテゴリーの背景カラーと説明文を自動的に表示させることができます。
記事にラベルを設定して訪問者にわかりやすく自然にアピール
![](https://digipress.info/_wp/wp-content/uploads/2015/11/capture-2015-11-24-22.20.41-copy.png)
投稿オプションにて「注目タグ」を指定すると、アーカイブページにてそのラベルが視覚的なアピールとなって表示されるため、特に注目させたい記事を閲覧者に確実に誘導することができます。
サイト単位でも記事単位でも指定できる豊富で柔軟な投稿オプション
![](https://digipress.info/_wp/wp-content/uploads/2015/08/capture-2015-08-11-14.24.13-copy.png)
DigiPressには記事単位でも設定できる様々な投稿オプションが用意されています。
例えば、WordPressには投稿画面で改行をすると改行タグ(br)に変換し、2回以上連続で改行すると段落タグ(P)で自動的に括られてしまいますが、商用ページなどではこの自動変換機能が不要な場合が多々あります。
このような場合でも、DigiPressでは投稿オプションでこのWordPressのパラグラフ自動変換機能を記事単位で無効化できます。
その他、headタグに “No Index“, “No Follow“, “No Archive” のメタタグやメタキーワードを記事単位でセットするなど、必要十分な機能が備わっています。
豊富なウィジェットエリアを活かしてページ単位で固定コンテンツを表示
![](https://digipress.info/_wp/wp-content/uploads/2015/11/macchiato-widget-area.png)
本テーマにはサイドバーを含め合計で17箇所(PCテーマ:12箇所、モバイルテーマ:3箇所)のウィジェットエリアが用意されています。
プラグインを利用することで、任意のページのみに指定したウィジェットを表示できるため、HTMLコンテンツを表示できるテキストウィジェットを用いて様々なページコンテンツのあらゆる表示要件に対応させることができます。
例えば、トップページにはテーマオプションによって新着記事などを一切表示させずにウィジェットエリアのみにすることもできるため、企業のポータルサイトやランディングページなど用途に応じて常に固定コンテンツのみをトップページに表示させることも簡単です。
- サイドバー
- トップページヘッダー画像上
- コンテナエリア上部
- メインコンテンツ上部
- メインコンテンツ下部
- コンテナエリア下部
- 記事タイトル直下
- 記事の最後
- フッターエリア(1〜4カラム)
- コンテナエリア上部
- コンテナエリア下部
- 記事タイトル直下
- 記事の最後
- フッターエリア