カスタマイズ

ヘルプセンタートップへ

ポートフォリオの「フォーマット」セクションのカスタマイズについてご紹介します。

◆ ベースカラーの設定について

フォーマットセクションにおけるベースカラーとは、ポートフォリオの作品・ダウンロード・イベント・ダイアリー・プロフィールの一覧ページ・詳細ページにおける各背景に共通する基本カラーの事で、ホワイトとブラックの2色から選択することができます。各一覧ページでは透明度を指定することができ、背景のデザインを透過させることができます。 

※ベースカラーの設定によりフッタースペースについてもホワイト・ブラックのいづれかのタイプが反映されます。
※作品・イベント・ダウンロードの詳細ページでは設定した透明度は反映されません。
※テキストに白・黒・またはその中間色を設定している場合、透明度の設定により文字が見えにくくなる場合があります。

◆ テキストカラーの設定について

フォーマットセクションにおけるテキストカラーでは、ポートフォリオの作品・ダウンロード・イベント・ダイアリー・プロフィールの一覧ページに共通する標準のテキストカラーとリンクが設定されているテキストカラーを選択することができます。

標準のテキストカラーで設定した色は以下の部分に反映されます。

• Works一覧ページ：FAVアイコン・FAV数・PVアイコン・PV数
• Download一覧ページ：ジャンル・DLアイコン・DL数・FAVアイコン・FAV数・PVアイコン・PV数
• Event一覧ページ：期間・場所・ジャンル・主催参加者などのイベント情報
• Diaryページ：記事タイトル・記事内容における標準テキスト・カレンダー・右カラム項目名
• Profileページ：テキスト・アイコン・項目名全般

リンクカラーで設定した色は以下の部分に反映されます。

• Works一覧ページ：作品タイトル
• Download一覧ページ：作品タイトル
• Event一覧ページ：イベントタイトル
• Diaryページ：ジャンルリンク・右カラムリンク箇所
• Profileページ：URL・more(詳細情報へのリンク)

※作品・イベント・ダウンロードの詳細ページでは共通のテキストカラーとなるため、こちらで設定したカラーは反映されません。

◆ 背景の設定について

ポートフォリオ全体に共通する背景(壁紙)を以下の3つの方法から設定することができます。

デザインテンプレートから選択する

背景デザインに登録されているデザインテンプレートから背景画像を選択することができます。透過対応のデザインテンプレートでは背景色(下部の背景色を選択するを参照)と組み合わせたデザインを設定することが可能です。

※背景デザインの右上に表示されている●ボタンをクリックすると登録されているデザインテンプレートを切り替えることができます。
※背景デザインの一部はsubtlepatterns.comのデザインを利用しています。

カラーパレットからお好みのカラーを設定することができます。

※背景デザインで透過対応のデザインテンプレートが選択されている場合、デザインテンプレートと選択した背景色が組み合わさったデザインが反映されます。背景色のみを反映したい場合は選択されているデザインテンプレートをクリックし、選択状態を解除してください。

画像をアップロードする

オリジナルの画像をアップロードして背景に指定することができます。「画像を繰り返す」をONにすると、画像をタイル上に並べて配置することができます。画像を削除したい場合はアップロードされた画像サムネイルをマウスオーバーし、「×」ボタンをクリックしてください。

※アップロードできるファイルの種類はJPEG・GIF・PNG・BMPのみとなります。

ポートフォリオの「タイトル・メインビジュアル」セクションのカスタマイズについてご紹介します。

◆ タイトルの設定について

CREATORS BANK 共通ナビゲーションの下部に、ポートフォリオのテキストタイトルを挿入することができます。
テキストタイトルは以下の内容を指定・編集することができます。

• タイトル：表示させたいポートフォリオのタイトルを入力します。
• フォント：タイトルテキストのフォントを変更することができます。
• テキストサイズ：タイトルテキストの表示サイズを変更することができます。
• テキストカラー：タイトルテキストのフォントカラーを変更することができます。
• 位置：テキストタイトルの表示位置を左・中央・右から選択することができます。

※タイトルの設定は任意です。
※タイトル欄に入力したテキストをカットするとタイトルが非表示になります。

◆ メインビジュアルの設定について

タイトルの下部(タイトル未設定の場合はCREATORS BANK共通ナビゲーションの下部)に、ポートフォリオのメインビジュアルを挿入する事ができます。

• 画像のアップロード・範囲指定：「画像をアップロード」からメインビジュアルに設定したい画像をアップロードすると、メインビジュアルのサイズ(横1100ピクセル x 縦220ピクセル)に画像範囲を指定するウィンドウが立ち上がります。画像下にある緑のスライドバーを左右に動かすと、選択部分が拡大・縮小されます。また画像の上でマウスポインタを移動させると画像範囲の位置を指定することができます。

• フレームカラー：メインビジュアルのフレームカラーをブラック・ホワイトから選択することができます。

※メインビジュアルの設定は任意です。
※アップロードしたメインビジュアルを一時的に非表示にする場合は「メインビジュアル」をOFFにします。画像を削除したい場合はアップロードされた画像サムネイルをマウスオーバーし、「×」ボタンをクリックしてください。

ポートフォリオの「プロフィールパネル」セクションのカスタマイズについてご紹介します。

◆ プロフィールパネルのカスタマイズについて

プロフィールパネルとは、ポートフォリオのナビゲーション上部に表示されているクリエイターのプロフィールを表示するスペースを示します。プロフィールパネル上のデザインはフォーマットセクションで指定するベースカラーやテキストカラーと独立したカラーを設定することができ、表示させたい基本的なプロフィール項目の表示・非表示を切り替えることができます。

また、こちらで設定したプロフィールパネルのデザインはCREATORページにおけるクリエイター一覧表示スペースに個別に反映される仕様となっています。

• プロフィールパネルカラー：「背景」のカラーパレットからお好みのカラーを設定することができます。また、プロフィールパネルは透明度を指定することができ、フォーマットセクションで指定した背景(壁紙)のデザインを透過させることができます。 
• フレームカラー：クリエイターイメージアイコンのフレームカラーをブラック・ホワイトから選択することができます。
• SNSアイコンカラー：ソーシャル連携しているサービスへのリンクアイコンカラーをサービスオリジナルのカラー、又はカラーパレットからお好みのカラーを設定することができます。
• テキストカラー：プロフィールパネル上の標準のテキストカラーとリンクが設定されているテキストカラーを選択することができます。
• 表示切替：プロフィールに登録されているクリエイタージャンル・地域・URL・SNSの表示、非表示をそれぞれ切り替えることができます。

※プロフィールパネル上に表示されるURLは登録されているURLのうち最上部に登録されている1件のみとなっています。
※プロフィールパネル上で表示切替はプロフィールページには影響しません。プロフィールページの情報編集は［マイページ］の「プロフィール」から行ってください。

ポートフォリオの「ナビゲーション」セクションのカスタマイズについてご紹介します。

◆ ナビゲーションのカスタマイズについて

作品・ダウンロード・イベント・ダイアリー・プロフィール等の一覧ページへ遷移させるためのナビゲーション(メニュー)のデザインを変更する事ができます。ナビゲーションのデザインは以下の内容を編集することができます。

• 背景カラー：ナビゲーションの背景カラーを変更することができます。
• 背景カラー(選択時)：ナビゲーションが選択されている時の背景カラーを変更することができます。
• 透明度：フォーマットセクションで指定した背景(壁紙)のデザインを透過させることができます。
• テキストカラー：ナビゲーションのテキストカラーを変更することができます。
• テキストカラー(選択時)：ナビゲーションが選択されている時のテキストカラーを変更することができます。
• ライン：ナビゲーションの下部にレイアウトされるライン(線)の表示・非表示の切り替え、表示時のラインカラーを変更することができます。
• 仕切り：ナビゲーションの間を区切るライン(線)の表示・非表示の切り替え、表示時のラインカラーを変更することができます。
• ガイド：現在開いているページを示すガイド表示・非表示の切り替え、表示時のガイドカラーを変更することができます。

現在CREATORS BANKではスマートフォン・タブレット環境でのご利用につきまして、マイページにおける一部機能を提供しておりません。誠に恐れ入りますが以下の機能につきましてはPC環境にてご利用ください。

• 作品の登録・編集
• ダウンロードの登録・編集
• イベントの登録・編集
• ダイアリーの登録・編集
• ポートフォリオのデザインカスタマイズ

※パソコンをご利用の場合でもブラウザサイズを小さくするとスマートフォン・タブレット用の表示に切り替わり上記機能が使用できなくなります。その場合はブラウザサイズを大きくして再度お試し下さい。