ページ用コンテンツデザイナーは、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エディタ | コンテンツデザイナー | ページのアップグレードでサポート |
|---|---|---|
|
アコーディオンウィジェット 展開および折りたたみ可能なセクションにコンテンツを表示します。 |
アコーディオンブロック アコーディオンウィジェットと同じ目的で使用します。 |
はい |
|
アンカーリンク 閲覧者が同じページ内の特定の位置に移動できます。 |
同じ目的で使用します。セクションまたはコンテナの[表示設定]タブで設定します。 |
進行中 |
|
アニメーションウィジェット 汎用のアニメーショングラフィックをページに表示します。 |
利用不可 | 進行中 |
|
ボタンウィジェット クリック可能な行動喚起ボタンを追加します。 |
ボタンブロック 同じ目的で使用します。ボタンの色は、ブランディングページで設定されたメインブランドカラーから取得されます。 |
はい |
|
カスタムウィジェット 開発者が完全にカスタマイズしたウィジェットを作成して埋め込めます。 |
カスタムブロック 同じ目的で使用します。コンテンツデザイナーのブロックフレームワーク用に再構築されています。 |
進行中 |
|
埋め込みページウィジェット 外部WebページをStaffbaseページ内に埋め込みます。 |
埋め込みページブロック 同じ目的で使用します。対象ページで埋め込みを許可している必要があります。 |
はい |
|
ファイルリストウィジェット マイファイルからダウンロード可能なファイルのリストを表示します。 |
ファイルブロック 同じ目的で使用します。ブロックとして再構築されています。 |
はい |
|
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件のコメント
サインインしてコメントを残してください。