Smart Tiles でタイルを追加および編集する方法
Vitextra Smart Tiles Web パーツで個々のタイルを操作する方法を説明します。タイルの追加、タイトル、説明、リンク、新しいタブで開く、対象ユーザーを設定する [プロパティ] ダイアログ、コンテキスト メニュー、使用できるリンク形式、ドラッグ アンド ドロップによるタイルの並べ替え、タイルの削除について紹介します。
すべての記事
すべてのナレッジ ベース記事を参照し、製品またはカテゴリでフィルターします。
Smart Tiles のタイル サイズとレイアウト
Vitextra Smart Tiles Web パーツでタイルがどのように配置されるかを説明します。Extra Small から Full Width までの 6 つのタイル サイズと各サイズが行に占める割合、タイルの折り返しと行を埋めるための拡大、Internal Indent・Icon Indent・External Indent の設定、タイルの高さ、そしてセクション、列、全幅パネルのレイアウト例を紹介します。
Smart Tiles: ソリューションの概要
Vitextra Smart Tiles Web パーツの概要と機能を説明します。6 種類のアイコン ソース、テーマ カラーと定義済みカラー、背景画像、説明、ホバー効果、対象ユーザーの指定、タイルのインポートとエクスポート、44 言語への対応を備えた、SharePoint Online ページ向けのタイル型ナビゲーションです。
タイルのアイコンを選ぶ: 標準、ファイルの種類、アプリ、Azure、Vitextra のアイコン セット
Vitextra Smart Tiles Web パーツの 5 つのアイコン セット (Fluent UI 標準アイコン、ファイルの種類のアイコン、Microsoft 365 アプリのアイコン、Azure サービスのアイコン、Vitextra 製品のアイコン) と、アイコン パネルでのアイコンの選び方、アイコンの色・サイズ・インデント・影の仕組み、独自の画像を使用する場面について説明します。
タイルのホバー効果を構成する
Vitextra Smart Tiles Web パーツでホバー効果を有効にして調整する方法を説明します。ぼかし、明るさ、コントラスト、グレースケール、色相の回転、色の反転、不透明度、彩度、セピアの 9 種類の効果、強さの単位、Duration の設定、キーボード フォーカス時と視覚効果を減らす設定での動作、推奨設定を解説します。
タイルの背景画像を設定する
Vitextra Smart Tiles Web パーツで、画像をタイルの背景として使用する方法を説明します。背景画像オプション、URL の入力またはサイト ライブラリからの画像の選択、画像のトリミングと拡大縮小、タイトルの視認性の確保、代替の背景色、YouTube のサムネイル、画像の削除について解説します。
タイルへのタイトルと説明の表示
Vitextra Smart Tiles Web パーツでタイルのテキストがどのように機能するかを説明します。タイトルと説明、Show Titles と Show Descriptions の設定、Font Size の段階、1 行表示と省略記号による切り詰め、ツールヒント、アイコンのみのタイル、Web パーツのタイトル、収まりのよいテキストの書き方について解説します。
How to Add and Configure the Smart Tiles Web Part
Step-by-step guide to adding the Vitextra Smart Tiles web part to a SharePoint Online page: deploying the package, finding the web part in the toolbox, the sample tiles, the web part title, every setting of the Appearance group, the About group and placing the panel in a full-width section.
Tile Colors in Smart Tiles: Theme Accent and Predefined Colors
The background and font colors available for tiles in the Vitextra Smart Tiles web part: the six accent colors that follow the site theme, the palette of 31 predefined Fluent UI colors, black and white — with the exact values, how accent colors behave on sites whose theme does not define them, and advice on combining colors.