【Vox使い方講座】カスタムバナーでもっとVoxを楽しもう！

昨日リリースした新バージョン、いかがでしょうか？
新バージョンの目玉機能の1つが、カスタムバナー機能です。

【カスタムバナーについて】
カスタムバナーは、あなたが撮ったお気に入りの写真・あなたが描いた絵などと、用意されているパレットを組み合わせてVoxブログのデザインとして利用できる機能です。
今まで自分のイメージにあったテーマがなかなか見つからないと感じていた方や、飼っている大切なペットの写真・お気に入りの写真などを66種類の多彩なパレットと組み合わせて簡単にVoxブログのデザインにできます。

【カスタムバナーを使う】

カスタムバナーを使って、あなただけのオリジナルのデザインを作りましょう。

1. バナーにする画像を作成する
   
   

   Banner
   
   バナーにする画像を準備します。規定サイズは「横940ピクセル、縦200ピクセル以内」です。こちらのファイルでサイズとバナーに適用したときのイメージをつかむことができます。
   注：サンプルファイルには、フォントおよび枠線・フォントカラーの変更が可能と説明されていますが、カスタムバナーではその機能は提供しておりません。
   
   
2.  バナー画像をアップロードする
   
• 画面左上の「デザイン」をクリックし、デザイン画面を表示します。画面左側メニューで「カスタム」をクリックします。
  
  

  Custom Banners01
  
  
• 「画像選択」ボタンをクリックすると、フォト選択ウィンドウが表示されます。
  
  

  Custom Banners02
  
  
• もう既にVoxへアップロードしているフォトを使う場合は「マイライブラリー」から、新しくパソコンからフォトをアップロードして使用する場合は「マイコンピュータ」をクリックし、ファイルパスを指定します。必ず公開範囲を「パブリック」に設定し、（コメント許可範囲は任意の設定で問題ありません。）「はい」ボタンをクリックします。
• バナー画像選択の右側にバナーにしたい画像がアップロードされたことを確認します。
  
  

  Custom Banners03
  注：規定サイズより小さい画像を反映した場合、全て右寄せに表示されます。また、逆に規定より大きい画像を反映した場合、規定サイズ外部分はカットされて表示されます。
  
3. カスタムパレットを選択する
   アップロードした画像の色調やブログのイメージにあわせ、66種類のパレットの中からマッチする物を選択しましょう。
   
   • 設定したいカスタムパレットの上にマウスカーソルを合わせます。
     
     

     Custom Banners04
     
     
   • パレット画像の下に表示される「ブログに適用」をクリックすると、カスタムバナーとパレットが組み合わさり、デザインとして適用されます。
     今回は、2パターンのパレットを適用してみました。
     
     

     Custom Banners05
     現在のバナー画像と、グレーサークルの組み合わせです。ナビゲーションバーとブログタイトル・サブタイトルがバナー画像の色と同化してしまいましたので、別のパレットを選択します。
     
     

     Custom Banners06
     現在適用しているのは、ダークグレーサークルとの組み合わせです。
     いろんなバナー画像とパレットの組み合わせで、思わぬ発見があるかもしれません。カスタムパレットを選択するだけでどんどん切り替わりますので、いろんな組み合わせを試してみてください。
   
   

   注：カスタムバナー機能は、バナー部のみ自由に設定できる機能です。カスタムパレットの文字色の変更や編集、ならびにデザイン全体のCSSの編集などはできません。

   注：Voxは利用規約に同意してご利用いただいています。利用規約に違反する画像のアップロードなどは禁止事項となります。アップロードされるファイル内容を十分確認の上、ご利用ください。

• カスタムバナーについて