新しいページビルダーは、Workvivoで現代的なブロックベースのコンテンツ編集体験を導入しました。管理者はドラッグ&ドロップインターフェースで、柔軟なコンテンツブロック、構造化されたレイアウト、リアルタイムプレビューでプロフェッショナルなモバイルファーストページを作成できます。
この強化により、Pages機能内およびSpaces内でのページ作成時の管理者やコンテンツクリエイターの使いやすさ、柔軟性、スケーラビリティが大幅に向上します。
注: 以下に示すプロセスは、スペース内のページ作成にも適用されます。
ステップ1:新しいページを作成する
- ナビゲーションバー上部で「→ページを探索」をクリックします
- クリック +ページ追加
- 新しいページを選択する
-
次に、以下のいずれかを選択できます:
- 白紙から作り上げる
- まずはテンプレートから始めましょう
注:この例では、空白のページから作成することに焦点を当てます。Page Templatesの詳細については、こちらをご覧ください。
ステップ2:コンテンツブロックの追加
左側のサイドバーで「コンポーネント」をクリックすると、以下を含むコンテンツブロックの一覧が表示されます(一覧をすべて表示)
- 本文
- 画像
- 動画
- 埋め込みコンテンツ
- 拡張/折りたたみセクション
ここでも以下のようにできます:
- 並べ替えるためのブロックのドラッグ
- サポートブロックのサイズ変更
- 長いページを管理するためのフォルダセクション
- 画像を左、右、または中央に揃えてください
- 画像の周りにテキストをラップする
ページの幅や、ユーザーへの表示方法を調整できるようになりました。上部のMarkdownバーに、ページ幅を「Default」のままにするか、「Medium」または「Full」に変更するオプションが追加されました。各ページに最適な表示幅を選択するには、<->アイコンをクリックしてください。
ステップ3:メディアのアップロード
画像またはビデオブロック内:
- デバイスからメディアをアップロードしてください
- 以前にアップロードされたアセットを選択します
- プラットフォームホストコンテンツの挿入
画像がページに追加された後、以下を行えます:
- 画像の境界線の左右をクリックしてドラッグすると、画像サイズをSmall、Medium、Large、Full、またはカスタムサイズに変更できます。
- 画像にリンクを追加できます(「...」をクリックして「Add Link」を選択)。
- リンクを新しいタブで開くかどうかを選択できます。
ステップ4:ページ構造の管理
- 右上で「Options」→「Moveページ」をクリックします
- 親ページを選択する
- Move Pageで変更を保存
ナビゲーションサイドバーからドラッグ&ドロップでページを並べ替えることも可能です
ステップ5:ページのプレビュー
プレビューモードで、デスクトップやモバイルでページのレンダリングをプレビューできます。これは公開前にフォーマットを確認するのに役立ちます。
- Markdownバーの右側にあるモバイルアイコンに移動し、[Toggle Mobile Preview(モバイルプレビューを切り替え)]をクリックします
- デスクトップエディター/プレビューに戻るには、アイコンをもう一度クリックしてください
あなたのページを公開する
Workvivoのページは2つの状態で存在できます。
- ドラフト
- 公開
ドラフトとして保存することで 、以下が可能です:
- いつでも進行状況を保存できます
- 退場と復帰後の経緯
- 公開前に編集を続けてください
ページを公開すると 、その可視性設定に基づいてエンドユーザーに表示されます。上記の手順を完了し、見た目に満足したら、「 公開 」ボタンをクリックするだけです。
公開されたページの変更は簡単で、ページに移動して「 オプション」→編集ページをクリックし、 変更を加えて「 再公開」をクリックしてください。
変更は再公開直後にすぐに確認されます。
公開ページに対するエンドユーザー体験
- クリーンな読書レイアウト
- 拡張可能なセクション
- モバイル最適化設計
- 検索インデックス