ページ用コンテンツデザイナーは、Classicページエディターに代わるものです。
ページ用Classicエディターは廃止され、コンテンツデザイナーに移行します。詳細については、Classicページエディターの廃止スケジュールを参照してください。今すぐページを移行するには、Classicエディターからコンテンツデザイナーへのアップグレードを参照してください。
Classicエディターのすべてのウィジェットと設定には、コンテンツデザイナーで同等の機能があります。多くの場合、名前または場所が変更されています。
使い慣れた機能が現在どこにあるのか、またページの作成方法がどのように変更されたのかを確認できます。
▶ Classicページエディターとコンテンツデザイナーの比較をご覧ください：
動画を新しいタブで開くこともできます。
各領域を展開すると、Classicエディターでの機能名とコンテンツデザイナーでの機能名を確認できます。
トップメニュー
コンテンツデザイナーのトップメニューから、ページの基本的な操作にアクセスできます。1か所でコンテンツの編集、設定の管理、公開の制御を行えます。
| Classicエディター | コンテンツデザイナー |
|---|---|
|
Classicエディターには、コンテンツデザイナーのような複数のオプションや、エディター、設定、プレビューを切り替える機能はありません。 |
コンテンツデザイナーは、広々としたモジュール式の構成になっています。柔軟なフレームワークでコンテンツブロックを整理し、編集時には動的に適応して、すぐに視覚的なフィードバックを提供します。必要に応じて切り替えられるタブがあります。 |
|
タイトルと説明 設定を選択して、タイトルと説明を更新します。 |
コンテンツデザイナーのトップメニューから設定を選択します。 |
|
言語を追加するプラス記号 プラス記号を選択して、新しい言語を追加します。 |
Classicエディターと同じ目的で使用しますが、言語ドロップダウンからアクセスできるようになりました。 |
|
コンテンツの追加方法を選択 言語を追加した後、そのコンテンツを入力する方法を選択します。 |
コンテンツの追加方法を選択 Classicエディターと同じ目的で使用します。ドロップダウンから言語を追加した後に表示されます。 |
|
エディタータブなし Classicでは、エディターと設定を別々のタブに分けず、ページ設定を1つの領域にまとめています。 |
エディタータブ このタブに切り替えて、ページのコンテンツを作成および編集します。 |
|
設定アイコン 表示設定やページ所有者など、ページレベルの設定を含むダイアログを開きます。 |
このタブに切り替えて、ページを離れずに、表示設定、所有者、スペースなどのページレベルの設定を行います。 |
|
保存 新しいページでは、ページを公開を選択します。すでに公開されているページでは、保存を選択します。いずれの場合も、変更はすぐに公開されます。 |
保存／公開／更新 変更を下書きとして保存します。下書きはまだ閲覧者には表示されません。新しいページでは、初めて公開するために公開を選択します。すでに公開されているページでは、変更を公開するために更新を選択します。 |
|
保存してライブプレビュー 保存してライブプレビューを選択し、表示するモードを選択します。 プレビューするデスクトップ、タブレット、またはモバイルを選択します。 |
プレビュー 公開または更新する前に、ページがデスクトップ、タブレット、モバイルでどのように表示されるかを確認できます。 |
|
追加のアクションメニューなし Classicエディターでは、ページ管理の操作は別のメニューにまとめられていません。 |
アクションメニュー（3つのドット） ページ管理の操作をまとめています。アプリでページを開く、ページテンプレートとして保存、公開または非公開、バージョン履歴の表示、チャンクの検索、ページリンクのコピー、ページコンテンツのコピー、スペース内でページを移動、ページの削除などを行えます。 |
|
バージョン履歴 ページの以前のバージョンを表示および復元できます。 |
アクションメニュー（3つのドット） > バージョン履歴 Classicエディターと同じ目的で使用しますが、現在はページのアクションメニュー内のオプションの1つになっています。 |
エディターツールバーとサイドパネル／コンテキストツールバー
エディターは、ブロックを使用してページを作成・構成するメインキャンバスです。真のWYSIWYG環境で編集できます。ページはセクション、コンテナ、列を使用して構成されます。
| Classicエディター | コンテンツデザイナー |
|---|---|
|
線形レイアウト Classicエディターは、ウィジェットを使用する線形ドキュメントです。コンテンツを横に並べるには、ツールバーの［セクション］ボタンを使用して、事前定義されたレイアウト領域を追加します。 |
WYSIWYGレイアウト コンテンツデザイナーでは、柔軟なレイアウト、ページテンプレート、使いやすさの向上を備えた、最新のWYSIWYG編集環境を利用できます。 |
|
ワークスペース上部のエディター キャンバスに直接段落を追加します。区切り線、表、メディア、ウィジェットは、上部のツールバーから利用できます。表示設定やスタイルなどの設定は要素を追加する前に定義し、変更内容は保存したときにのみ表示されます。 |
サイドパネルとコンテキストツールバー コンテンツ要素はブロックに置き換えられ、折りたたみ可能なサイドパネルから利用できます。テキストもブロックであり、キャンバスに直接配置されるわけではありません。ブロックを選択するとコンテキストツールバーが表示され、設定を変更しながら、真のWYSIWYG環境で結果をすぐに確認できます。 |
|
エディターツールバーの元に戻す／やり直す 元に戻す操作とやり直す操作は、上部ツールバーの先頭から利用できます。 |
サイドパネルの元に戻す／やり直す 元に戻す操作とやり直す操作は、サイドパネルの下部にあります。また、キーボードショートカットとクイックアクションメニュー（Ctrl+Shift+KまたはCmd+Shift+K）、またはキーボードを使用した編集とナビゲーションも利用できます。 |
|
上部ツールバーのテキスト書式 すべての書式オプションが上部ツールバーに常に表示されます。 |
テキストブロックのコンテキストツールバー 書式設定はコンテキストに応じて表示されます。サイドパネルからテキストブロックを追加すると、書式オプションが表示されます。 テキストブロックでは、@メンションと絵文字もサポートされます。 |
|
上部ツールバーの見出しオプション 見出しオプションは上部ツールバーに常に表示されます。 |
タイトルブロックのコンテキストツールバー 書式設定はコンテキストに応じて表示されます。サイドパネルからタイトルブロックを追加すると、見出しオプションが表示されます。 これはH1見出しにのみ適用されます。H2、H3、H4見出しはテキストブロックで利用できます。 |
|
パーソナライズされたプレースホルダー 閲覧者の名など、パーソナライズされたプレースホルダーをページテキストに挿入できます。 |
テキストブロックのプロフィールタグ Classicエディターと同じ目的で使用しますが、現在はテキストブロック内から利用できます。 |
|
上部ツールバーの書式をクリア 書式のクリアは上部ツールバーに常に表示されます。 |
書式を削除 テキストブロックまたはタイトルブロックのコンテキストツールバーから利用できます。 |
|
引用 引用されたテキストを視覚的に目立たせて追加します。 |
引用 引用されたテキストを視覚的に目立たせて追加します。
|
|
水平線 コンテンツを区切る水平線を追加します。 |
区切り線 水平線と同じ目的で使用します。サイドパネルからブロックとして追加します。 |
|
上部ツールバーのアンカーリンク 同じページ内の特定の位置にリンクできます。 |
コンテキストツールバーのアンカーリンク セクションまたはコンテナを選択 > コンテキストツールバーのペンアイコン > 表示設定 > このセクションへのリンクを選択します。アンカーリンクのコピーを参照してください。 |
|
上部ツールバーで表を追加 上部ツールバーから直接表を挿入します。 |
表ブロック ブロックパネルから表ブロックを追加します。最初は2×2のグリッドとして表示されます。必要に応じて行と列を追加または削除できます。 |
|
上部ツールバーのメディアオプション 上部ツールバーから画像、動画、音声を挿入します。 |
サイドパネルのメディアとアセットブロック 画像、動画、音声、画像ギャラリーをそれぞれ個別のブロックとして利用できます。 |
|
メディアメニューのマイファイル 上部ツールバーのメディアメニューからファイルライブラリにアクセスします。 |
サイドパネルのマイファイル 同じファイルライブラリに、サイドパネルから直接アクセスできるようになりました。 |
|
ブロックを表示 ページ上のウィジェットの簡略化されたアウトラインを表示します。 |
ナビゲーションブロック ページ上のセクション、コンテナ、ブロックの完全な構造を表示し、任意の場所に直接移動できます。 |
|
HTMLソースコードエディター カスタムHTMLをページに直接追加できます。 |
利用できません コンテンツデザイナーはHTMLベースではありません。高度なスタイル設定については、代わりにカスタムCSSスタイルを参照してください。 |
|
ウィジェット ［ウィジェットを追加］ダイアログからウィジェットを選択します。ウィジェットの概要を参照してください。 |
ブロック ブロックパネルからブロックを選択します。コンテンツデザイナーのブロックの概要を参照してください。 |
|
上部ツールバーのセクション 上部ツールバーから事前定義されたレイアウト領域を追加します。 |
編集ワークスペースのセクション ページの作成中に、キャンバス上でセクションを直接追加および並べ替えます。レイアウトはセクションで構成され、各セクションにはすべてのコンテンツを格納するコンテナがあります。設定を使用してコンテナを列レイアウトに分割し、任意のコンテナをドラッグアンドドロップして大きなコンテンツのまとまりを並べ替えることができます。 |
| 利用できません |
セクションテンプレート セクションとコンテナには背景色や背景画像を設定でき、デザインの柔軟性が高まります。セクションテンプレートの概要を参照してください。 |
ウィジェットからブロックへ
Classicエディターのウィジェットは、コンテンツデザイナーではブロックに置き換えられます。ほとんどのウィジェットには、同じ名前のブロックがあります。一部のウィジェットは1つのブロックに統合され、いくつかはセクションとコンテナの設定に置き換えられています。詳細については、コンテンツデザイナーのブロックの概要およびウィジェットの概要を参照してください。行はClassicエディターでのウィジェット名のアルファベット順に並んでいます。
| Classicエディター | コンテンツデザイナー | ページのアップグレードでサポート |
|---|---|---|
|
アコーディオンウィジェット 展開および折りたたみ可能なセクションにコンテンツを表示します。 |
アコーディオンブロック アコーディオンウィジェットと同じ目的で使用します。 |
はい |
|
アンカーリンク 閲覧者が同じページ内の特定の位置に移動できるようにします。 |
同じ目的で使用します。セクションまたはコンテナの［表示設定］タブで設定します。 |
対応中 |
|
アニメーションウィジェット 汎用のアニメーショングラフィックをページに表示します。 |
利用できません | 対応中 |
|
ボタンウィジェット クリック可能な行動喚起ボタンを追加します。 |
ボタンブロック 同じ目的で使用します。ボタンの色は、ブランディングページで設定されたメインブランドカラーから取得されます。 |
はい |
|
カスタムウィジェット 開発者が完全にカスタマイズしたウィジェットを作成して埋め込めるようにします。 |
カスタムブロック 同じ目的で使用します。コンテンツデザイナーのブロックフレームワーク用に再構築されています。 |
対応中 |
|
埋め込みページウィジェット Staffbaseページ内に外部Webページを埋め込みます。 |
埋め込みページブロック 同じ目的で使用します。対象ページが埋め込みを許可している必要があります。 |
はい |
|
ファイルリストウィジェット マイファイルからダウンロード可能なファイルのリストを表示します。 |
ファイルブロック 同じ目的で使用します。ブロックとして再構築されています。 |
はい |
|
Googleウィジェット Googleコンテンツを埋め込むためのGoogleカレンダーおよびGoogleドライブウィジェットです。 |
Googleブロック カレンダーブロックとドライブブロックが、それぞれ個別に再構築されています。 |
いいえ |
|
グループ購読ウィジェット 閲覧者がユーザーグループを購読または購読解除できるようにします。 |
グループ購読ブロック 同じ目的で使用します。ブロックとして再構築されています。 |
はい |
|
ヒーロー画像ウィジェット ページ上部に大きなバナー画像を表示します。 |
セクションまたはコンテナの背景画像 セクションまたはコンテナに背景画像を直接設定し、必要に応じてカラーオーバーレイを追加します。 |
はい |
|
HRウィジェット HRセルフサービスデータ用のユーザー給与明細ウィジェットとユーザー休暇ウィジェットです。 |
休暇ブロックと給与明細ブロック 同じ目的で使用します。それぞれ独自のブロックとして再構築されています。 |
対応中 |
|
インフォボックスウィジェット 色付きのボックスで重要な情報を強調表示します。 |
インフォボックスブロック 同じ目的で使用します。情報、成功、警告、重大の4つの定義済みメッセージタイプがあります。 |
はい |
|
リンクリストウィジェット リンクの縦方向のリストを表示します。 |
クイックリンクブロック（リストレイアウト） 同じ目的で使用します。クイックリンクブロックのレイアウトオプションの1つです。 |
はい |
|
リンクタイルウィジェット リンクをタイルのグリッドとして表示します。 |
クイックリンクブロック（タイルレイアウト） 同じ目的で使用します。クイックリンクブロックのレイアウトオプションの1つです。 |
はい |
|
Microsoft 365ウィジェット ファイルビューアー、サイト、ファイル、タスク、Teamsフィード、カレンダー、Teamsの概要、Vivaコミュニティ、ドキュメントライブラリのウィジェットです。 |
Microsoftブロック ドキュメントライブラリ、ファイル、カレンダー、ファイルビューアーのブロックです。Classic時代のすべてのMicrosoft 365ウィジェットに、コンテンツデザイナーで直接対応する機能があるわけではありません。 |
対応中 |
|
ナビゲーションウィジェット ページ内にカスタムナビゲーションメニューを表示します。 |
ナビゲーションブロック 同じ目的で使用します。ブロックとして再構築されています。 |
はい |
|
ニュースフィードウィジェット ニュース投稿のスクロールフィードを表示します。 |
ニュースブロック（フィードレイアウト） 同じ目的で使用します。ニュースブロックのレイアウトオプションの1つです。 |
はい |
|
ニュースステージウィジェット おすすめのニュースを回転式ステージまたはカルーセルとして表示します。 |
ニュースブロック（ステージまたはカルーセルレイアウト） 同じ目的で使用します。ニュースブロックのレイアウトオプションの1つです。 |
はい |
| 利用できません |
ニュースセクションブロック コンテンツデザイナーの新機能です。厳選したニュースセクションを表示する専用ブロックです。 |
- |
|
プラグインウィジェット ページ内にサードパーティ製プラグインを埋め込みます。 |
プラグインブロック 同じ目的で使用します。ブロックとして再構築されています。 |
はい |
|
プラグインウィジェット > アンケート プラグインウィジェットを介してアンケートを埋め込みます。 |
アンケートブロック アンケートは汎用のプラグインウィジェットの下ではなく、専用のブロックとして利用できるようになりました。 |
対応中 |
|
ポートフォリオウィジェット リンクを画像カードとして表示します。 |
クイックリンクブロック（画像カードタイプ） 同じ目的で使用します。クイックリンクブロックのレイアウトオプションの1つです。 |
はい |
|
投稿ウィジェット 閲覧者がページから直接投稿を作成できるようにします。 |
投稿作成ブロック 同じ目的で使用します。現在はチャンネルへの投稿のみをサポートしています。 |
はい |
|
ServiceNowチケットウィジェット 閲覧者がServiceNowチケットを表示または送信できるようにします。 |
ServiceNowブロック 同じ目的で使用します。ブロックとして再構築されています。 |
いいえ |
|
ショート動画ウィジェット 短形式の動画コンテンツを表示します。 |
ショート動画ブロック 同じ目的で使用します。ブロックとして再構築されています。 |
対応中 |
|
静的コンテンツウィジェット 背景色付きのシンプルなコンテンツ領域を追加します。 |
セクションまたはコンテナの背景色 セクションまたはコンテナに背景色を直接設定します。 |
はい |
|
ユーザープロフィールウィジェット ユーザーのプロフィールと連絡先情報を表示します。 |
ユーザープロフィールブロック 同じ目的で使用します。ブロックとして再構築されています。 |
はい |
コメント
0件のコメント
サインインしてコメントを残してください。