外部共有画面のデザイン（ロゴ・色）を設定する
概要
外部ユーザが閲覧する外部共有画面に、会社のテーマカラーやロゴを設定することで、自社ブランドにあった画面にすることができます。
※この機能は管理者・運用者が使用できます。
STEP.1外部共有デザインが反映される場所
STEP.1-1ヘッダーロゴ
外部共有マニュアル一覧の左上のロゴとマニュアルのヘッダー中央に反映されます。
STEP.1-2マニュアル一覧ヘッダー画像
外部共有マニュアル一覧の上部にヘッダーとして反映されます。
STEP.1-3マニュアル背景
外部共有マニュアル画面の背景に画像、または色が反映されます。
STEP.2外部共有画面のデザインを設定する
STEP.2-1外部共有デザイン画面を開く
STEP.2-1-1管理メニューの「外部共有デザイン」を選択する
ワークスペース名横にある「v」をクリックしメニューを表示し、「外部共有デザイン」を選択します。
外部共有デザインタブが表示されます。
STEP.2-1-2「設定する」ボタンをクリックする
画面左下にある「設定する」ボタンをクリックすると編集画面に切り替わります。
STEP.2-2ヘッダーロゴの設定をする
STEP.2-2-1
ヘッダーロゴ下の「ファイルを選択する」をクリックするとエクスプローラが表示されます。
ヘッダーロゴに設定したい画像を選択してください。
推奨サイズは 縦35px 横168px /10MBまで となります。
選択したロゴが表示されます。
※「反映する」ボタンをクリックするまでは外部共有の画面に設定は保存されません。
別の画面に移動すると設定は破棄されるのでご注意ください。
STEP.2-3マニュアル一覧ヘッダー画像を設定する
STEP.2-3-1ファイルを選択する
マニュアル一覧ヘッダー画像の下にある「ファイルを選択する」をクリックするとエクスプローラが表示されます。
マニュアル一覧ヘッダーに設定したい画像を選択してください。
推奨サイズは 縦220px 横1100px /10MBまで となります。
選択した画像が表示されます。
※「反映する」ボタンをクリックするまでは外部共有の画面に設定は保存されません。
別の画面に移動すると設定は破棄されるのでご注意ください。
STEP.2-4マニュアル背景の画像設定する
STEP.2-4-1マニュアル背景の下にある「画像」を選択する
マニュアルの背景の「画像」を選択します。
STEP.2-4-2「ファイルを選択する」
マニュアル背景の「ファイルを選択する」をクリックするとエクスプローラが表示されます。
マニュアル背景に設定したい画像を選択してください。
推奨サイズは アスペクト比 9:16 /10MBまで となります。
選択した画像が表示されます。
※「反映する」ボタンをクリックするまでは外部共有の画面に設定は保存されません。
別の画面に移動すると設定は破棄されるのでご注意ください。
STEP.2-5マニュアル背景に色を設定する
STEP.2-5-1「色」を選択する
マニュアルの背景の下にある「色」を選択します。
STEP.2-5-2カラーピッカーを表示する
色を表示する四角い部分をクリックすると、カラーピッカーが表示されます。
STEP.2-5-3色を設定する
色が表示されている部分をクリックして色を選択するか、カラーコードを直接入力して色の設定を行います。
選択した色が、色を表示する四角い部分に表示されます。
※「反映する」ボタンをクリックするまでは外部共有の画面に設定は保存されません。
別の画面に移動すると設定は破棄されるのでご注意ください。
STEP.2-6プレビュー表示する
設定した内容をプレビューで表示できます。
「反映する」ボタンを推す前に、反映後のイメージを確認するようにしてください。
STEP.2-6-1マニュアル一覧をプレビューする
画面左下にある「マニュアル一覧をプレビュー」ボタンをクリックします。
マニュアル一覧の左上のロゴと一覧の上部分に指定した画像が表示されます。
STEP.2-6-2マニュアルをプレビューする
画面左下にある「マニュアルをプレビュー」ボタンをクリックします。
設定したヘッダーのロゴと背景色が表示されます。
STEP.2-7設定を反映する
画面左下の「反映する」ボタンをクリックします。
確認メッセージが表示されるので「反映する」ボタンをクリックします。
外部共有画面に設定した内容が反映されます。
STEP.3外部共有デザインの設定を削除する
STEP.3-1外部共有デザイン画面を開く
STEP.3-1-1管理メニューの「外部共有デザイン」を選択する
ワークスペース名横にある「v」をクリックしメニューを表示し、「外部共有デザイン」を選択します。
外部共有デザインタブが表示されます。
STEP.3-1-2「変更する」ボタンをクリックする
外部共有デザインタブの「変更する」ボタンをクリックすると、編集タブに切り替わります。
STEP.3-2ヘッダーロゴを削除する
ヘッダーロゴの画像右横にある「ゴミ箱」ボタンをクリックします。
ヘッダーロゴが削除されます。
※「反映する」ボタンをクリックするまでは外部共有の画面に設定は保存されません。
別の画面に移動すると設定は破棄されるのでご注意ください。
STEP.3-3マニュアル一覧ヘッダー画像を削除する
マニュアル一覧ヘッダー画像の画像右横にある「ゴミ箱」ボタンをクリックします。
マニュアル一覧ヘッダー画像が削除されます。
※「反映する」ボタンをクリックするまでは外部共有の画面に設定は保存されません。
別の画面に移動すると設定は破棄されるのでご注意ください。
STEP.3-4マニュアル背景の画像設定を削除する
マニュアル一背景画像の右横にある「ゴミ箱」ボタンをクリックします。
マニュアル一背景画像が削除されます。
※「反映する」ボタンをクリックするまでは外部共有の画面に設定は保存されません。
別の画面に移動すると設定は破棄されるのでご注意ください。
STEP.3-5マニュアル背景の色設定を削除する
STEP.3-5-1カラーピッカーを表示する
色を表示する四角い部分をクリックすると、カラーピッカーが表示されます。
STEP.3-5-2カラーコードに「#f0f0f0」を入力する
カラーコードに「#f0f0f0」を入力します。
デフォルトのCOCOMITEの背景色に戻ります。
※「反映する」ボタンをクリックするまでは外部共有の画面に設定は保存されません。
別の画面に移動すると設定は破棄されるのでご注意ください。
STEP.3-6設定を反映する
画面左下の「反映する」ボタンをクリックします。
※反映する前に【2.6】の手順でプレビューでの確認をしてください。
確認メッセージが表示されるので「反映する」ボタンをクリックします。
外部共有画面の設定が削除され、COCOMITEのデフォルトの設定に戻ります。