Pages 用 Content Designer は、Classic Page Editor に代わるものです。
Classic Editor のすべてのウィジェットと設定には、Content Designer で相当する機能があります。多くの場合、名前や場所が変更されています。
使い慣れた機能が現在どこにあるか、またページの構築方法がどのように変わったかを確認できます。
▶ Classic Page Editor と Content Designer の比較を見る：
動画を新しいタブで開くこともできます。
各エリアを展開すると、Classic Editor での機能名と Content Designer での機能名を確認できます。
トップメニュー
Content Designer のトップメニューから、ページに関する主要な操作にアクセスできます。1 か所からコンテンツの編集、設定の管理、公開の制御を行えます。
| Classic Editor | Content Designer |
|---|---|
|
Classic Editor には、Content Designer にあるさまざまなオプションや、Editor、Settings、Preview を切り替える機能はありません。 |
Content Designer は、広々としたモジュール式の編集画面です。柔軟なフレームワークでコンテンツブロックを整理し、編集に合わせて動的に適応するとともに、変更結果をすぐに視覚的に確認できます。必要に応じて切り替えられるタブがあります。 |
|
Title and Description Settings を選択して、タイトルと説明を更新します。 |
Content Designer のトップメニューから Settings を選択します。 |
|
言語を追加するためのプラス記号 プラス記号を選択して、新しい言語を追加します。 |
Classic Editor と同じ目的で使用します。現在は言語ドロップダウンからアクセスできます。 |
|
コンテンツの追加方法を選択 言語を追加した後、そのコンテンツの入力方法を選択します。 |
コンテンツの追加方法を選択 Classic Editor と同じ目的で使用します。ドロップダウンから言語を追加した後に表示されます。 |
|
Editor タブなし Classic は、Editor と Settings を別々のタブに分けず、ページ設定を 1 つのエリアにまとめています。 |
Editor タブ このタブに切り替えて、ページのコンテンツを構築および編集します。 |
|
Settings アイコン 表示設定やページ所有者など、ページレベルの設定を含むダイアログを開きます。 |
このタブに切り替えると、ページを離れずに、表示設定、所有者、Space などのページレベルの設定を構成できます。 |
|
Save 新しいページでは Publish Page を選択します。すでに公開されているページでは Save を選択します。いずれの場合も、変更はすぐに公開されます。 |
Save / Publish / Update 変更は下書きとして保存され、まだ閲覧者には表示されません。新しいページでは Publish を選択して初めて公開します。すでに公開されているページでは Update を選択すると変更が公開されます。 |
|
Save and Live Preview Save and Live Preview を選択し、表示するモードを選択します。 プレビューするデスクトップ、タブレット、またはモバイルを選択します。 |
Preview 公開または更新する前に、ページがデスクトップ、タブレット、モバイルでどのように表示されるかを確認できます。 |
|
追加のアクションメニューなし Classic Editor では、ページ管理の操作は別のメニューにまとめられていません。 |
アクションメニュー（3 点ドット） ページ管理の操作をまとめています。アプリでページを開く、ページテンプレートとして保存する、公開または非公開にする、バージョン履歴を表示する、チャンクを検索する、ページリンクをコピーする、ページコンテンツをコピーする、Space 内でページを移動する、ページを削除する、といった操作を行えます。 |
|
バージョン履歴 ページの以前のバージョンを表示および復元できます。 |
アクションメニュー（3 点ドット） > バージョン履歴 Classic Editor と同じ目的で使用します。現在はページのアクションメニュー内のオプションの 1 つです。 |
エディターツールバーとサイドパネルおよびコンテキストツールバー
Editor は、真の WYSIWYG エクスペリエンスでブロックを使用してページを作成および構成するメインキャンバスです。ページはセクション、コンテナ、列を使用して構成されます。
| Classic Editor | Content Designer |
|---|---|
|
直線的なレイアウト Classic Editor はウィジェットを使用する直線的なドキュメントです。コンテンツを横に並べるには、ツールバーの Sections ボタンを使用して、あらかじめ定義されたレイアウト領域を追加します。 |
WYSIWYG レイアウト Content Designer は、柔軟なレイアウト、ページテンプレート、使いやすさの向上を備えた、最新の WYSIWYG 編集エクスペリエンスを提供します。 |
|
ワークスペース上部のエディター キャンバス上に段落を直接追加します。区切り線、テーブル、メディア、ウィジェットは上部ツールバーから使用できます。表示やスタイルなどの設定は要素を追加する前に定義し、変更は保存するときにのみ表示されます。 |
サイドパネルとコンテキストツールバー コンテンツ要素は、折りたたみ可能なサイドパネルから使用できるブロックに置き換えられています。テキストもブロックであり、キャンバス上に直接配置されるわけではありません。ブロックを選択するとコンテキストツールバーが表示され、設定を変更して結果を真の WYSIWYG エクスペリエンスで即座に確認できます。 |
|
エディターツールバーの元に戻すとやり直し 元に戻すとやり直しは、上部ツールバーの先頭から使用できます。 |
サイドパネルの元に戻すとやり直し 元に戻すとやり直しは、サイドパネルの下部にあります。キーボードショートカットとクイックアクションメニュー（Ctrl+Shift+K または Cmd+Shift+K）、またはキーボードによる編集とナビゲーションも使用できます。 |
|
上部ツールバーでのテキスト書式設定 すべての書式設定オプションが上部ツールバーに常に表示されます。 |
テキストブロックのコンテキストツールバー 書式設定はコンテキストに応じて表示されます。サイドパネルから Text ブロックを追加すると、その書式設定オプションが表示されます。 Text ブロックは、@メンションと顔文字にも対応しています。 |
|
上部ツールバーの見出しオプション 見出しオプションが上部ツールバーに常に表示されます。 |
タイトルブロックのコンテキストツールバー 書式設定はコンテキストに応じて表示されます。サイドパネルから Title ブロックを追加すると、その見出しオプションが表示されます。 これは H1 見出しにのみ適用されます。H2、H3、H4 見出しは Text ブロックで使用できます。 |
|
パーソナライズされたプレースホルダー 閲覧者の名など、パーソナライズされたプレースホルダーをページテキストに挿入できます。 |
Text ブロックのプロフィールタグ Classic Editor と同じ目的で使用します。現在は Text ブロック内から使用できます。 |
|
上部ツールバーの書式をクリア 書式のクリアは上部ツールバーに常に表示されます。 |
書式を削除 Text または Title ブロックのコンテキストツールバーから使用できます。 |
|
引用 引用されたテキストを視覚的に目立たせて追加します。 |
引用 引用されたテキストを視覚的に目立たせて追加します。
|
|
水平線 コンテンツを分ける水平線を追加します。 |
区切り線 水平線と同じ目的で使用します。サイドパネルからブロックとして追加します。 |
|
上部ツールバーのアンカーリンク 同じページ内の特定の場所にリンクできます。 |
コンテキストツールバーのアンカーリンク セクションまたはコンテナを選択 > コンテキストツールバーのペンアイコン > Visibility > Link to this section。アンカーリンクのコピーを参照してください。 |
|
上部ツールバーでテーブルを追加 上部ツールバーから直接テーブルを挿入します。 |
Table ブロック Blocks パネルから Table ブロックを追加します。2×2 のグリッドとして開始され、必要に応じて行と列を追加または削除できます。 |
|
上部ツールバーのメディアオプション 上部ツールバーから画像、動画、音声を挿入します。 |
サイドパネルのメディアとアセットのブロック Image、Video、Audio、Image Gallery は、それぞれ個別のブロックとして使用できます。 |
|
Media メニューの My Files 上部ツールバーの Media メニューからファイルライブラリにアクセスします。 |
サイドパネルの My Files 同じファイルライブラリに、現在はサイドパネルから直接アクセスできます。 |
|
Show Blocks ページ上のウィジェットの簡略化されたアウトラインを表示します。 |
使用できません |
|
HTML ソースコードエディター カスタム HTML をページに直接追加できます。 |
使用できません Content Designer は HTML ベースではありません。高度なスタイル設定については、代わりにカスタム CSS スタイルを参照してください。 |
|
ウィジェット Add Widget ダイアログからウィジェットを選択します。ウィジェットの概要を参照してください。 |
ブロック ブロックパネルからブロックを選択します。Content Designer のブロックの概要を参照してください。 |
|
上部ツールバーのセクション 上部ツールバーから、あらかじめ定義されたレイアウト領域を追加します。 |
編集ワークスペースのセクション ページの構築中に、キャンバス上でセクションを直接追加および並べ替えます。レイアウトはセクションで構成され、各セクションにはすべてのコンテンツを格納するコンテナがあります。コンテナの設定でコンテナを列レイアウトに分割し、任意のコンテナをドラッグ＆ドロップして大きなコンテンツ単位を並べ替えられます。 |
| 使用できません |
セクションテンプレート セクションとコンテナには背景色や背景画像を設定できるため、デザインの柔軟性が高まります。セクションテンプレートの概要を参照してください。 |
| 使用できません |
ナビゲーションパネル ページ上のセクション、コンテナ、ブロックの完全な構造を表示し、任意の項目に直接移動できます。 |
ウィジェットからブロックへ
Classic Editor のウィジェットは、Content Designer ではブロックに置き換えられています。ほとんどのウィジェットには、同じ名前のブロックがあります。一部のウィジェットは 1 つのブロックに統合され、一部はセクションとコンテナの設定に置き換えられています。詳細については、Content Designer のブロックの概要およびウィジェットの概要を参照してください。行は Classic Editor のウィジェット名のアルファベット順に並んでいます。
| Classic Editor | Content Designer | ページアップグレードでサポート |
|---|---|---|
|
Accordion ウィジェット 展開および折りたたみ可能なセクションにコンテンツを表示します。 |
Accordion ブロック Accordion ウィジェットと同じ目的で使用します。 |
はい |
|
アンカーリンク 閲覧者が同じページ内の特定の場所に移動できるようにします。 |
同じ目的で使用します。セクションまたはコンテナの Visibility タブで設定します。 |
対応中 |
|
Animation ウィジェット 汎用的なアニメーション画像をページに表示します。 |
使用できません | 対応中 |
|
Button ウィジェット クリック可能な行動喚起ボタンを追加します。 |
Button ブロック 同じ目的で使用します。ボタンの色は Branding Page で設定したメインブランドカラーから適用されます。 |
はい |
|
Custom ウィジェット 開発者が完全にカスタムのウィジェットを構築して埋め込めるようにします。 |
Custom ブロック 同じ目的で使用します。Content Designer のブロックフレームワーク用に再構築されています。 |
対応中 |
|
Embedded Pages ウィジェット 外部 Web ページを Staffbase ページ内に埋め込みます。 |
Embedded Page ブロック 同じ目的で使用します。対象ページが埋め込みを許可している必要があります。 |
はい |
|
File List ウィジェット My Files からダウンロード可能なファイルの一覧を表示します。 |
File ブロック 同じ目的で使用します。ブロックとして再構築されています。 |
はい |
|
Google ウィジェット Google コンテンツを埋め込むための Google Calendar および Google Drive ウィジェットです。 |
Google ブロック Calendar ブロックと Drive ブロック。それぞれ個別に再構築されています。 |
いいえ |
|
Group Subscription ウィジェット 閲覧者がユーザーグループを購読または購読解除できるようにします。 |
Group Subscription ブロック 同じ目的で使用します。ブロックとして再構築されています。 |
はい |
|
Hero Image ウィジェット ページ上部に大きなバナー画像を表示します。 |
セクションまたはコンテナの背景画像 セクションまたはコンテナに背景画像を直接設定し、必要に応じてカラーオーバーレイを追加できます。 |
はい |
|
HR ウィジェット HR セルフサービスデータ用の User Payslips および User Absence ウィジェットです。 |
Absence ブロックおよび Payslip ブロック 同じ目的で使用します。それぞれ独自のブロックとして再構築されています。 |
対応中 |
|
Infobox ウィジェット 重要な情報を色付きのボックスで強調表示します。 |
Infobox ブロック 同じ目的で使用します。情報、成功、警告、重大の 4 つの定義済みメッセージタイプがあります。 |
はい |
|
Link List ウィジェット リンクの垂直リストを表示します。 |
Quick Link ブロック（リストレイアウト） Quick Link ブロックのレイアウトオプションの 1 つとして、同じ目的で使用します。 |
はい |
|
Link Tiles ウィジェット リンクをタイルのグリッドとして表示します。 |
Quick Link ブロック（タイルレイアウト） Quick Link ブロックのレイアウトオプションの 1 つとして、同じ目的で使用します。 |
はい |
|
Microsoft 365 ウィジェット File Viewer、Sites、Files、Tasks、Teams Feed、Calendar、Teams Overview、Viva Communities、Document Library ウィジェットです。 |
Microsoft ブロック Document Library、Files、Calendar、File Viewer ブロックです。Classic 時代のすべての Microsoft 365 ウィジェットに Content Designer の直接的な相当機能があるわけではありません。 |
対応中 |
|
Navigation ウィジェット ページ内にカスタムナビゲーションメニューを表示します。 |
Navigation ブロック 同じ目的で使用します。ブロックとして再構築されています。 |
はい |
|
News Feed ウィジェット ニュース投稿のスクロールフィードを表示します。 |
News ブロック（Feed レイアウト） News ブロックのレイアウトオプションの 1 つとして、同じ目的で使用します。 |
はい |
|
News Stage ウィジェット 注目のニュースを回転するステージまたはカルーセルとして表示します。 |
News ブロック（Stage または Carousel レイアウト） News ブロックのレイアウトオプションの 1 つとして、同じ目的で使用します。 |
はい |
| 使用できません |
News Section ブロック Content Designer の新機能です。厳選したニュースセクションを表示する専用ブロックです。 |
- |
|
Plugin ウィジェット ページ内にサードパーティ製プラグインを埋め込みます。 |
Plugin ブロック 同じ目的で使用します。ブロックとして再構築されています。 |
はい |
|
Plugin ウィジェット > Survey Plugin ウィジェットを使用してアンケートを埋め込みます。 |
Survey ブロック アンケートは汎用の Plugin ウィジェットの下ではなく、専用ブロックとして使用できるようになりました。 |
対応中 |
|
Portfolio ウィジェット リンクを画像カードとして表示します。 |
Quick Link ブロック（画像カードタイプ） Quick Link ブロックのレイアウトオプションの 1 つとして、同じ目的で使用します。 |
はい |
|
Post ウィジェット 閲覧者がページから直接投稿を作成できるようにします。 |
Create Post ブロック 同じ目的で使用します。現在はチャンネルへの投稿のみに対応しています。 |
はい |
|
ServiceNow Ticket ウィジェット 閲覧者が ServiceNow チケットを表示または送信できるようにします。 |
ServiceNow ブロック 同じ目的で使用します。ブロックとして再構築されています。 |
いいえ |
|
Shorts ウィジェット 短編動画コンテンツを表示します。 |
Shorts ブロック 同じ目的で使用します。ブロックとして再構築されています。 |
対応中 |
|
Static Content ウィジェット 背景色付きのプレーンなコンテンツ領域を追加します。 |
セクションまたはコンテナの背景色 セクションまたはコンテナに背景色を直接設定します。 |
はい |
|
User Profile ウィジェット ユーザーのプロフィールと連絡先情報を表示します。 |
User Profile ブロック 同じ目的で使用します。ブロックとして再構築されています。 |
はい |
コメント
0件のコメント
サインインしてコメントを残してください。