Smart Tiles
SharePoint サイト内に視覚的に魅力的で直感的なナビゲーション メニューを作成できる、強力なナビゲーション Web パーツです。
Smart Tiles Web パーツは、SharePoint サイト内に視覚的に魅力的で直感的なナビゲーション メニューを作成できる強力なツールです。カスタマイズ可能なタイルをレスポンシブ グリッドに配置し、企業ブランドに合わせることができます。
- レスポンシブ デザイン
- タイル、アイコン、フォントのサイズをカスタマイズ可能
- 豊富なカラー パレット
- 1,800 以上の公式 Microsoft 365 アイコン
- 全幅セクションのサポート
概要
Smart Tiles Web パーツは、SharePoint Online サイト内に視覚的に魅力的で直感的なナビゲーション メニューを作成できる強力なツールです。
この Web パーツを使うと、サイトの各ページやセクションを表すタイルを簡単に追加してカスタマイズし、レスポンシブ グリッドに配置できます。
この Web パーツにより、ユーザーはサイト内を効率的にスムーズに移動できるようになり、全体的なユーザー エクスペリエンスが向上して、重要な情報を見つけてアクセスしやすくなります。柔軟なデザイン オプションと使いやすいインターフェイスを備えた Smart Tiles Web パーツは、サイトのナビゲーションを強化し、生産性を高めるために欠かせないツールです。
カスタマイズ可能なタイル
使いやすい構成ツールで、タイルを作成してカスタマイズできます。Smart Tiles Web パーツは 公式の Microsoft 365 アイコン に対応しており、1,800 以上の Fluent UI アイコンから選択できるため、必要なタイルをそのとおりに作成できます。タイルのサイズ、アイコンのサイズ、フォントのサイズはすべて調整可能です。

レスポンシブ デザイン
Smart Tiles は、強力な flexbox グリッドをサポートしており、タイルのカスタム レイアウトを構築できます。12 列システム、カスタマイズ可能な内部余白、タイル間のインデントにより、企業ブランドに合わせられます。
この Web パーツは SharePoint モダン ページの全幅セクションにも対応しているため、デザイン上必要な場合は、ナビゲーションをページ全体に広げることができます。

豊富なカラー パレット
豊富なカラー パレットで、タイルをイントラネットのデザインに合わせられます。33 色の定義済みの色と 6 色のアクセント カラーが、導入直後から利用できます。柔軟なレイアウト オプションと組み合わせることで、企業デザインの一部のように感じられるナビゲーション パネルを簡単に作成できます。

サポート情報
Smart Tilesに関連する記事を読む
タイルの背景画像を設定する
Vitextra Smart Tiles Web パーツで、画像をタイルの背景として使用する方法を説明します。背景画像オプション、URL の入力またはサイト ライブラリからの画像の選択、画像のトリミングと拡大縮小、タイトルの視認性の確保、代替の背景色、YouTube のサムネイル、画像の削除について解説します。
タイルのホバー効果を構成する
Vitextra Smart Tiles Web パーツでホバー効果を有効にして調整する方法を説明します。ぼかし、明るさ、コントラスト、グレースケール、色相の回転、色の反転、不透明度、彩度、セピアの 9 種類の効果、強さの単位、Duration の設定、キーボード フォーカス時と視覚効果を減らす設定での動作、推奨設定を解説します。
Smart Tiles のタイル サイズとレイアウト
Vitextra Smart Tiles Web パーツでタイルがどのように配置されるかを説明します。Extra Small から Full Width までの 6 つのタイル サイズと各サイズが行に占める割合、タイルの折り返しと行を埋めるための拡大、Internal Indent・Icon Indent・External Indent の設定、タイルの高さ、そしてセクション、列、全幅パネルのレイアウト例を紹介します。
タイルのアイコンを選ぶ: 標準、ファイルの種類、アプリ、Azure、Vitextra のアイコン セット
Vitextra Smart Tiles Web パーツの 5 つのアイコン セット (Fluent UI 標準アイコン、ファイルの種類のアイコン、Microsoft 365 アプリのアイコン、Azure サービスのアイコン、Vitextra 製品のアイコン) と、アイコン パネルでのアイコンの選び方、アイコンの色・サイズ・インデント・影の仕組み、独自の画像を使用する場面について説明します。
Smart Tiles: ソリューションの概要
Vitextra Smart Tiles Web パーツの概要と機能を説明します。6 種類のアイコン ソース、テーマ カラーと定義済みカラー、背景画像、説明、ホバー効果、対象ユーザーの指定、タイルのインポートとエクスポート、44 言語への対応を備えた、SharePoint Online ページ向けのタイル型ナビゲーションです。
Smart Tiles でタイルを追加および編集する方法
Vitextra Smart Tiles Web パーツで個々のタイルを操作する方法を説明します。タイルの追加、タイトル、説明、リンク、新しいタブで開く、対象ユーザーを設定する [プロパティ] ダイアログ、コンテキスト メニュー、使用できるリンク形式、ドラッグ アンド ドロップによるタイルの並べ替え、タイルの削除について紹介します。
お客様からの質問
Smart Tiles に関するよくある質問
Smart Tiles とは何ですか?
Smart Tiles は、モダン SharePoint Online ページ向けのタイル ベースのナビゲーション Web パーツです。サイト所有者は、アイコン、色、背景画像、対象ユーザーの設定を使用して、視覚的に魅力的でレスポンシブなナビゲーション メニュー (クイック リンク バー、部署パネル、モザイク レイアウトなど) をコードなしでページ上に直接構築できます。まずはソリューションの概要および Smart Tiles Web パーツの追加と設定方法をご覧ください。
どのようなタイル サイズとレイアウトが利用できますか?
タイル サイズは 6 種類あります。特小 (行の 15%)、小 (30%)、中 (45%)、大 (65%)、特大 (80%)、全幅 (100%) です。タイルは自動的に折り返して行を形成し、利用可能な幅いっぱいに広がります。また、Web パーツは全幅セクションに配置できます。フォント サイズ、アイコン サイズ、インデントは調整可能です。詳細は Smart Tiles のタイル サイズとレイアウトをご覧ください。
タイルにはどのようなアイコンや画像を使用できますか?
5 つのアイコン セット (標準 (1,800 を超える Fluent UI アイコン)、ファイルの種類、アプリ (Microsoft 365 アプリのロゴ)、Azure サービス、Vitextra) から選択するか、カスタムの SVG/PNG 画像をアップロードできます。各タイルには、URL またはサイト ライブラリの背景画像を設定することもできます。YouTube リンクには自動的にサムネイルと再生ボタンが表示されます。タイルのアイコンの選択、タイルのアイコンとしてカスタム画像を使用する、タイルの背景画像を設定するをご覧ください。
ユーザーごとに異なるタイルを表示できますか?
はい。各タイルは SharePoint サイト グループまたは Microsoft Entra ID グループによる対象ユーザーの設定をサポートしているため、選択したグループのメンバーにのみタイルが表示されます。タイルは Web URL、テナント相対パス、ページ アンカー、mailto:、tel:、sms:、Microsoft Teams のリンクにリンクでき、オプションで新しいタブで開くことができます。
色とホバー効果はどのように機能しますか?
背景色とフォントの色は、6 つのテーマ アクセント カラー (サイトのテーマに従います) に加えて、31 の定義済み Fluent UI カラー、黒、白の中から個別に選択できます。9 種類のホバー効果 (明るさ、ぼかし、色相回転など) は強度と継続時間を調整でき、キーボード フォーカスと視覚効果を減らす設定に対応しています。Smart Tiles のタイルの色およびタイルのホバー効果の設定をご覧ください。
要件と制限事項は何ですか?
Smart Tiles はモダン SharePoint Online ページでのみ動作し、SharePoint Server 2016 および 2019 はサポートされていません。Web パーツの追加には編集アクセス許可レベルが必要であり、閲覧者には背景画像やカスタム画像への読み取りアクセスが必要です。変更はページを再発行した後に表示されます。タイルには背景画像または色のいずれかを設定でき、タイルの高さを直接設定することはできません。サブスクリプションはテナント全体を対象とし、ユーザー数の制限はありません。管理者ガイドおよびクイック スタート ガイドをご覧ください。
レビュー
レビューなし
サポートされている言語
プラットフォーム
最近の変更内容
- v26.11.0 #
🐛 不具合修正
- ローカライズの誤りを修正しました。
バンドルで利用可能
この製品を他の製品と一緒に入手して節約できます。
Intranet Communications Pack
Vitextra 365 All Access
更にアプリを見つける
おすすめのアプリ
共有
フィードバックの送信
ご意見をお聞かせください。体験談をぜひお寄せください。





