新しいページビルダーは、Workvivoで現代的なブロックベースのコンテンツ編集体験を導入しました。管理者はドラッグ&ドロップインターフェースで、柔軟なコンテンツブロック、構造化されたレイアウト、リアルタイムプレビューでプロフェッショナルなモバイルファーストページを作成できます。
この強化により、Pages機能内およびSpaces内でのページ作成時の管理者やコンテンツクリエイターの使いやすさ、柔軟性、スケーラビリティが大幅に向上します。
注: 以下に示すプロセスは、スペース内のページ作成にも適用されます。
ステップ1:新しいページを作成する
- ナビゲーションバー上部で「→ページを探索」をクリックします
- クリック +ページ追加
- 新しいページを選択する
-
次に、以下のいずれかを選択できます:
- 白紙から作り上げる
- まずはテンプレートから始めましょう
注：この例では、空白のページから作成することに焦点を当てます。Page Templatesの詳細については、こちらをご覧ください。
ステップ2:コンテンツブロックの追加
左側のサイドバーで「コンポーネント」をクリックすると、以下を含むコンテンツブロックの一覧が表示されます（一覧をすべて表示）
- 本文
- 画像
- 動画
- 埋め込みコンテンツ
- 拡張/折りたたみセクション
- 文書
- 列
- ボタン
ここでも以下のようにできます:
- 並べ替えるためのブロックのドラッグ
- サポートブロックのサイズ変更
- 長いページを管理するためのフォルダセクション
- 画像を左、右、または中央に揃えてください
- 画像の周りにテキストをラップする
ページの幅や、ユーザーへの表示方法を調整できるようになりました。上部のMarkdownバーに、ページ幅を「Default」のままにするか、「Medium」または「Full」に変更するオプションが追加されました。各ページに最適な表示幅を選択するには、<->アイコンをクリックしてください。
列幅
ページには最大3列まで追加でき、レイアウトに合わせて各列の幅を調整できます。
- 列のサイズを変更するには、列の間にあるサイズ変更ハンドルをクリックしてドラッグします。
- 列を追加するには、列の右上にある「Component Settings（コンポーネント設定）」の 「⋯（三点）」 メニューをクリックします。次に、「列を追加（Add Column）」を選択します。
- 列を削除するには、列にカーソルを合わせ、⋯メニューをクリックし、削除を選択します。
ボタンの配置
ページにボタンを追加する際、ボタンにカーソルを合わせると表示されるブロックツールバーの配置コントロールを使用して、左揃え、中央揃え、右揃えのいずれかを選択できます。
ドキュメントコンポーネント
「Document（ドキュメント）」コンポーネントを使用すると、ページにドキュメントを追加し、閲覧者が直接ダウンロードできるようにできます。ドキュメントは次の2つの表示スタイルに対応しています：
- カード（Card）：ファイル形式のアイコンとダウンロードボタンを含むカード形式で表示します。
- テキスト（Text）：ダウンロードアイコン付きのインラインリンクとして表示します。
ページにドキュメントを追加するには：
- コンテンツブロック内をクリックし、「/」と入力して挿入メニューを開くか、ツールバーの+アイコンを使用します。
- リストからドキュメントを選択します。
- 追加したいドキュメントをアップロードまたは選択します。
ステップ3:メディアのアップロード
画像またはビデオブロック内:
- デバイスからメディアをアップロードしてください
- 以前にアップロードされたアセットを選択します
- プラットフォームホストコンテンツの挿入
画像がページに追加された後、以下を行えます:
- 画像の境界線の左右をクリックしてドラッグすると、画像サイズをSmall、Medium、Large、Full、またはカスタムサイズに変更できます。
- 画像にリンクを追加できます（「...」をクリックして「Add Link」を選択）。
- リンクを新しいタブで開くかどうかを選択できます。
動画および埋め込みのサイズ変更
画像サイズ変更と同様に、動画や埋め込みコンテンツブロックは、ブロックを選択し、下部に表示されるサイズオプションから小、中、大、全幅を選択してサイズを変更できます。
ステップ4:ページ構造の管理
- 右上で「Options」→「Moveページ」をクリックします
- 親ページを選択する
- Move Pageで変更を保存
ナビゲーションサイドバーからドラッグ&ドロップでページを並べ替えることも可能です
ステップ5:ページのプレビュー
プレビューモードで、デスクトップやモバイルでページのレンダリングをプレビューできます。これは公開前にフォーマットを確認するのに役立ちます。
- Markdownバーの右側にあるモバイルアイコンに移動し、[Toggle Mobile Preview（モバイルプレビューを切り替え）]をクリックします
- デスクトップエディター/プレビューに戻るには、アイコンをもう一度クリックしてください
翻訳しない（Do Not Translate）
翻訳不可機能では、ページエディターは、閲覧者がページ翻訳機能を使用したときに自動翻訳しない特定の単語またはフレーズを指定できます。これにより、ブランド名、技術用語、コードスニペットなど、どのコンテンツを元の言語のまま保持するかを、エディターが細かく制御できます。
テキストを「翻訳不可」としてマークするには：
- 翻訳の対象外にする単語またはフレーズを選択します。
- ページツールバーの 禁（Do Not Translate） アイコンをクリックします。
マークされたテキストは、閲覧者がページを別の言語に切り替えても、元の言語のまま表示されます。
あなたのページを公開する
Workvivoのページは2つの状態で存在できます。
- ドラフト
- 公開
ドラフトとして保存することで 、以下が可能です:
- いつでも進行状況を保存できます
- 退場と復帰後の経緯
- 公開前に編集を続けてください
ページを公開すると 、その可視性設定に基づいてエンドユーザーに表示されます。上記の手順を完了し、見た目に満足したら、「 公開 」ボタンをクリックするだけです。
公開されたページの変更は簡単で、ページに移動して「 オプション」→編集ページをクリックし、 変更を加えて「 再公開」をクリックしてください。
変更は再公開直後にすぐに確認されます。
バージョン履歴
Workvivo Pages は、下書きとして保存または公開を選択するたびに自動的にバージョンを保存します。いつでも以前のバージョンを表示、閲覧、復元することができます。
備考：
- バージョン履歴は、New Builderを使用して作成されたページでのみ利用できます。
- バージョンは「下書きとして保存」または「公開」時に保存されますが、自動保存されません。
- バージョン履歴機能は、機能リリース以降に作成されたバージョンのみを対象としています。そのため、当該機能がリリースされた後に作成されたバージョンのみにアクセスできます。
最終編集情報
ページヘッダーにはページの最終編集日時が表示されるため、閲覧者はコンテンツの最新性をひと目で確認できます。
バージョン履歴を表示する
バージョン履歴は、ページ編集者が編集モードで利用できます。
- 確認したいページに移動します。
- 右上のオーバーフローメニュー（⋯）を開きます。
- バージョン履歴を選択します。
- バージョン一覧を時系列順に閲覧します。各エントリーには、日付、時間、編集者名が表示されます。
- 任意のバージョンをクリックすると、読み取り専用モードで開きます。
以前のバージョンを復元する
- ［Version History（バージョン履歴）］を開きます（手順は上記を参照）。
- 復元するバージョンにカーソルを合わせ、（⋯）メニューをクリックします。
- このバージョンを復元を選択します。
- 確認メッセージが表示されたら、確定します。
注: 「⋯メニュー」には、履歴から特定のバージョンを削除する［Delete（削除）］オプションもあります。
名前付きバージョン
編集者は、重要なバージョンに名前を付けて識別しやすくできます
- ［Version History（バージョン履歴）］を開きます。
- 名前を付けるバージョンにカーソルを合わせ、（⋯）メニューをクリックします。
- ［Name this version（このバージョンに名前を付ける）］を選択します。
- 名前を入力し、［Save（保存）］をクリックします。
公開ページに対するエンドユーザー体験
- クリーンな読書レイアウト
- 拡張可能なセクション
- モバイル最適化設計
- 検索インデックス