Grazioso:使い方ガイド

ロゴの設定

セットアップPosted 2014.09.14

「Grazioso」には、サイトのタイトルを通常のテキストタイプからお好みのロゴ画像に変更することができる機能が備わっています。

※…ロゴ画像を設定する場合、事前に「ロゴとして設定するための画像ファイル」を準備しておく必要があります。ロゴ画像の背景色はメニュー表示部の背景色に合わせるか、透過背景の画像を作成しておくとよいでしょう。
ロゴ画像が適用されるのは、この使い方サイトでいえば下の画像の部分になります。

bandicam 2014-09-15 11-48-46-566

 

それでは、ロゴ画像の設定方法について解説します。

 

まず、管理画面左側のメニューから「外観」→「ロゴの設定」をクリックします。

bandicam 2014-09-15 11-57-23-437

 

画像のアップローダーを開くために「ロゴのアップロード」ボタンをクリックします。

bandicam 2014-09-15 11-58-36-520

 

画像のアップロードを開始するには、ウィンドウ上に選択した画像をドラッグ&ドロップします。 またはライブラリーから既にアップロード済みの画像を選択します。ロゴ画像に最適な画像サイズは、300x50pxを推奨します。

bandicam 2014-09-15 12-11-38-624

 

 

次にアップローダーの下部にある「Use as Logo」をクリックして適用します。

bandicam 2014-09-15 12-40-52-192

 

プレビューで画像を確認したら「変更を保存」ボタンをクリックします。

※上記方法でもロゴ画像が反映されない場合、「Use as Logo」ボタンの少し上にある「リンクURL」の欄に画像URLが挿入されているかをご確認ください。

もし画像URLが挿入されていない場合は、直下にある「ファイルのURL」ボタンをクリックして画像URLを挿入した後に、「Use as Logo」ボタンをクリックしてください。

 

bandicam 2014-09-15 12-41-21-697

 

サイトを表示して、ロゴ画像が正しく適用されているかどうか確認してください。 ロゴ画像を適用すると、自動的にテキストのタイトルは表示されなくなります。

追記:バージョン2.1.6からスマホ表示時専用のロゴ画像設定機能が追加されました。新しく追加された「SP用ロゴ画像」から任意の画像をアップロードし設定できます。 (※スマホ表示時のロゴ画像に解像度の高い画像を使用することが可能です。)

追記2:「SP用ロゴ画像」を設定しないと、スマホ表示時にロゴは表示されません。また、設定直後にテキストロゴも同時に表示される場合、ブラウザのキャッシュが残っている可能性があるため、下記の記事を参考に、お使いのブラウザを強制リロードしてください。

参考URL:http://www.netyasun.com/browser/reload.html

以上で、ロゴ画像の設定方法の解説を終わります。

PAGE TOP