Grazioso:使い方ガイド

各ウィジェットの機能

ウィジェットPosted 2014.09.16

 

 

「Grazioso」の専用ウィジェットは14種類あり、それぞれの専用ウィジェットには、頭に[Grazioso]の記載がされています。

ここではそれぞれのウィジェットの機能を紹介します。

※頭に[Grazioso]の記載がされているGraziosoテーマ専用ウィジェットはトップページのみで動作するよう設計されているため、ページビルダープラグインの機能を利用して、投稿記事ページや固定ページ内に埋め込むことは基本的にはできません。

 

テキストタイパー

任意のテキストを、まるでタイプライターで文字を打ち込むような効果で表示してくれます。

※画像はGIFのイメージです。 実際の表示は1文字1文字タイピング表示されます。

typing_anigif

 

ギャラリーポップアップ

ギャラリー風に画像を展示するレイアウトで、1列(4枚) 2列(8枚)が選択できます。 また、画像をクリックするとポップアップして拡大表示されます。

※画像は表示例のイメージです。

 

bandicam 2014-09-16 22-00-04-995

 

チームメンバーズ

基本的にはスタッフや社員の紹介用ですが、商品の展示やお客様の声、記事のカテゴリー表示などに応用することができます。 画像のほかにソーシャルメディアへのリンクやWEBサイトへのリンクなどが挿入できます。

※画像はGIFアニメを使った表示例のイメージです。

teammember_anigif

 

YouTubeプレイヤー

表示したいYouTube動画の ID を入力するだけで、サイズが最適化された動画プレイヤーが表示されます。 さらにYouTubeのアカウント名を入力することで、右側にYouTubeチャンネルのフィードが表示される仕組みになっています。

※画像は表示例のイメージです。

bandicam 2014-09-16 21-59-51-037

 

インフォメーション

右側に画像、左側にはテキストという配置でアニメーション表示させ、効果的な告知を実現します。レスポンシブ表示にも自動で対応します。

※画像は表示例のイメージです。

bandicam 2014-09-16 22-00-37-025

 

インフォメーション2

インフォメーション2は右側に画像、左側にテキストがアニメーション表示されます。 設定方法などはインフォメーションと同じですが、テーマオプヨンの外観設定から背景色や文字色などの設定が独立して行えます。

bandicam 2014-09-22 18-31-16-451

 

テキストグリッド

テキストと組み合わせて、FontAwesomeから提供されているショートコードを使用して数百種類のアイコン画像を使用することができます。

※画像は表示例のイメージです。

bandicam 2014-09-16 22-07-08-477

 

ブログ記事

最新の投稿記事をアイキャッチ画像と抜粋記事と共に表示させることができます。表示する記事数は、管理画面の設定から設定することができます。

※画像は表示例のイメージです。

bandicam 2014-09-16 22-00-20-575

 

アクションフォーム

Contact Form 7のショートコードを使用して、カスタマイズされたフォームを表示できます。フォームの上部には、任意のテキストも挿入可能です。

※画像は表示例のイメージです。

bandicam 2014-09-16 22-01-41-804

 

プライシングテーブル

ボタンリンクを設定できるプライシングテーブル(価格表)を表示させることができます。複数の商品や価格差のあるサービスをアピールする場合に便利です。

※画像は表示例のイメージです。

bandicam 2014-09-16 22-01-05-630

 

カスタムコード1,2,3

HTML入力形式のコンテンツブロックを3つまで配置することができます。 それぞれの文字色や背景色は、テーマオプションの「外観設定」から行うことができます。

 

ソーシャルメディア

テーマオプションでAPI設定をすることにより、Facebookページの「いいね!」の数と、Twitterのフォロワー数を表示させることができます。

※…Facebook APIの仕様変更により、Graziosoバージョン1.3.3まではFacebookページの「いいね!」数の取得が正常に動作しなくなっております。この点についてはGraziosoバージョン1.3.4以降で修正されておりますが、FacebookのAPI変更によりGraziosoバージョン1.3.4以降は「指定したページのシェア数」が取得できる値になります。

※画像は表示例のイメージです。

bandicam 2014-09-15 22-53-57-455

 

PAGE TOP