カテゴリー
デザイン
サイトカスタマイズ
サイトカスタマイズ 会員向けサイトの見た目や構成は、管理画面のサイドメニュー「ページデザイン」から変更できます。目的に合わせて、次の画面を使い分けてください。 対象者・前提 ・管理者（管理画面にログインできる方） やりたいことから探す やりたいこと 開く画面 参考にする記事 サイトのロゴ・ファビコン、トップページの画像（スライド）を変更する 「ページデザイン」→「デザイン設定」の「ロゴ・画像」「トップ画像」 画像カスタマイズ サイトのカラー（アクセントカラー・文字色・背景色）を変更する 「ページデザイン」→「デザイン設定」の「カラー」 カラーカスタマイズ ログインページのメッセージや背景画像を変更する 「ページデザイン」→「デザイン設定」の「ログインページ」 — トップページに表示するコンテンツや、その順番を変更する 「ページデザイン」→「ホーム」 トップページカスタマイズ 会員の画面の右上などに表示する項目（ヘッダー・メニュー）を変更する 「ページデザイン」→「ヘッダー」 ヘッダーカスタマイズ コンテンツ一覧の並び順や、動画の再生回数の表示を変更する 「ページデザイン」→「コンテンツランディングページ
ランディングページ ランディングページは、会員登録前の来訪者に見せる、サイトの紹介ページです。使い方に決まりはありません。会社概要や、サイトへの登録方法の案内など、自由にお使いください。 対象者・前提 ・管理者（管理画面にログインできる方） 手順 1. 管理画面のサイドメニューで「ページデザイン」→「ランディングページ」を開きます。 2. 次の 3 つを、必要に応じて設定します。いずれも任意です。 ・バナー画像: ページ上部に表示する画像です。「画像を選択」を押して、PNG・JPEG・WebP のいずれかの画像を選びます。 ・サイト概要: ページ中央に表示する紹介文です。エディタに文章を入力します。 ・紹介動画: ページ下部で再生する動画です。チームの動画から選びます。表示しない場合は「設定しない」を選びます。 3. 「保存する」を押します。 保存したあと、画面の「ランディングページを開く」を押すと、公開されているページを別のタブで確認できます。 サイト概要に画像を入れる サイト概要のエディタでは、次の方法で画像を入れられます。 ・「アセットから画像挿入」を押して、アセットライブラリのロゴ・トップ画像などの画像を設定する
ロゴ・トップ画像などの画像を設定する 会員向けサイトのヘッダーに表示するロゴや、会員トップに表示するトップ画像などを設定します。 対象者・前提 ・「ページデザイン」の権限を持つ管理者 ・設定した内容は、画面下の「設定を保存」を押すと会員画面に反映されます。 手順 管理画面のサイドメニュー「ページデザイン」→「デザイン設定」を開きます。画面の右側に、ホームとログイン画面のプレビューが表示されます。 ロゴ 会員向けサイトのヘッダー左上と、ログイン画面に表示されます。 1. 「ロゴ・画像」を開きます。 2. 「ロゴ」の「アップロード」を押して、画像を選びます。 3. 「設定を保存」を押します。 ・推奨サイズは 240×60px です。形式は PNG / JPG / SVG / WEBP、ファイルサイズは 2MB までです。 ・ロゴが未設定のときは、サイト名が文字で表示されます。サイト名の文字のフォントを変えたい場合も、文字を画像にしてロゴとして設定してください。 ファビコン ブラウザのタブなどに表示される小さなアイコンです。「ロゴ・画像」の「ファビコン」から設定します。推奨サイズは 32×3ヘッダーカスタマイズ
ヘッダーカスタマイズ 会員の画面のヘッダーに表示する項目と、その順番を設定します。項目を「ヘッダー」に置くか、「メニュー」に置くかも選べます。 対象者・前提 ・管理者（管理画面にログインできる方） 設定する場所 管理画面のサイドメニューで、「ページデザイン」→「ヘッダー」を開きます。 各エリアの説明 ・ヘッダー: 会員の画面の上部、ロゴの右に並ぶエリアです。常に見える場所なので、重要な項目や、よく使う項目を置くのがおすすめです。 ・メニュー: 画面の右端の「≡」を押すと開く、項目の一覧です。補助的な項目や、あまり使わない項目を置くのに向いています。 手順 項目を追加する 1. 左側の「項目」の一覧から、追加したい項目の「追加」を押します。項目は、「ヘッダー」の末尾に追加されます。 2. メニューに置きたい項目は、ドラッグして「メニュー」のエリアへ移します。 順番や置き場所を変える 項目をドラッグ＆ドロップして、次の操作ができます。 ・「ヘッダー」から「メニュー」へ移動する（またはその逆） ・同じエリアの中で表示順を変える 項目を削除する 項目の右端の「×」を押します。 保存する 画面右トップページカスタマイズ
トップページカスタマイズ 会員向けサイトのトップページ（ホーム）に表示する内容を設定します。トップページは、「帯」と呼ぶ表示のまとまり（新着の動画、カテゴリの一覧、お知らせなど）を縦に並べて作ります。帯は、追加・編集・並べ替え・削除ができます。 対象者・前提 ・管理者（管理画面にログインできる方） ・変更した内容は、「保存」を押すと会員の画面に反映されます。 手順 1. 管理画面のサイドメニューで「ページデザイン」→「ホーム」を開きます。 2. 「帯を追加」を押し、追加したい帯の種類を選びます（種類は下の表をご覧ください）。帯は一覧の末尾に追加され、設定欄が開きます。 3. 帯の内容を設定します。設定項目は、帯の種類によって異なります。 4. 帯の順番を変えるときは、帯の左端のハンドルをドラッグして並べ替えます。帯を削除するときは、帯の右端のごみ箱のアイコンを押します。 5. 画面右下の「保存」を押します。 保存せずに変更を取り消したいときは、「リセット」を押すと、保存済みの状態に戻ります。画面右側の「プレビュー」で、並べ方を確認できます。 帯の種類 種類 内容 コンテンツ帯 動画・記カラーカスタマイズ
カラーカスタマイズ 会員向けサイトの色（アクセントカラー・文字色・背景色）を変更できます。 対象者・前提 ・管理者（管理画面にログインできる方） ・変更した色は、会員の画面とカタログ（ログインなしで見られる公開ページ）に反映されます。 手順 1. 管理画面のサイドメニューで「ページデザイン」→「デザイン設定」を開きます。 2. 「カラー」を押して開きます。 3. 変更する色を設定します。 ・「アクセントカラー」: ボタン、選択中のチップ、リンクなどに使われる色です。 ・「文字色」: 画面の文字の色です。 ・「背景色」: 画面の背景の色です。 4. 各色は、色見本を押して選ぶか、#6856ff のようなカラーコード（#RRGGBB 形式）を直接入力して設定します。 5. 画面下部の「設定を保存」を押します。 「設定を保存しました。会員画面に反映されています。」と表示されると、会員の画面に反映されています。設定中の見た目は、画面右側のプレビュー（「ホーム」「ログイン」）で確認できます。 テーマをまとめて選ぶ 「テーマ」の「ライトテーマ」または「ダークテーマ」を押すと、3 色がまとめて入力さ別のランディングページと連携する
別のランディングページと連携する 自社サイトや WordPress などで作ったランディングページ（LP）から、会員向けサイトへ誘導できます。 対象者・前提 ・管理者 ・LP は OneStream の外側（自社の Web サイトやブログサービスなど）で作ります。LP の作成そのものに、OneStream のプランの制限はありません。 ・管理画面の「ページデザイン」→「ランディングページ」で作る内蔵の LP を使わず、自社のデザインで入口を用意したい場合に向いています。 手順 1. 自社サイトなどで、LP を作成します。 2. LP から案内したい先を決め、そのアドレス（URL）を用意します。 ・会員向けサイトのログイン画面: ご利用中の会員向けサイトの URL です。 ・招待 URL: 管理画面のサイドメニュー「会員」→「招待」で招待を作成し、一覧の「URLをコピー」でコピーします。招待リンクから登録した会員には、招待に設定したグループを自動で追加できます。 ・カタログ: 「設定」→「カタログ設定」で「カタログを有効化する」をオンにすると、未ログインの訪問者も見られる公開ページ（/c