ブックにロゴを表示する方法」で、デジタルブックにロゴを表示する方法をご紹介しました。※2018/9/1Ver.2.1よりスキンファイルを編集することなく、作成画面上でロゴ画像の登録ができるようになりました。meclibにはデジタルブックビューワのデザイン変更をしたいという方のために、自由に選んでそのまま使えるデザインスキン(以下「スキン」と表記...今まではロゴデータを含めたオリジナルのデザインスキンを作成することでロゴの配置を実現していましたが、2016年11月14日にリリースしたver.2.1からは、デザインスキンを作成する必要なく配置できるようになりました。今回は簡単になったロゴとファビコンの設定方法をご紹介します。ロゴの設定方法meclibには、企業にとって重要なブランドシンボルであるロゴを設置することができます。ロゴにはサイトへのリンクも設定できますので、デジタルブックから企業サイトへの流入も見込むことができます。ロゴ画像を用意ロゴデータをPNG形式で用意します。デジタルブックに表示されるロゴサイズは縦26ピクセルとなっています。それ以上大きなサイズを登録した場合はブラウザ側で自動でサイズ調整されますが、ブラウザによってはサイズ調整時に画像内の文字や図形の斜め線がギザギザして見えることがありますが、縦幅を26ピクセルか、26ピクセルの倍数で作成することで、綺麗に表示させることができます。設置したいブックにロゴを設定ロゴデータを準備できたら、以下の手順でデジタルブックへ登録していきしましょう。編集画面の「基本情報変更」を開きます項目「ロゴ設定(PCのみ)」の「アップロード」ボタンをクリックしてロゴデータをドラッグ・アンド・ドロップでアップロードします。ロゴにWebサイトへのリンクを設定する場合は「リンク先URL」にリンクさせるURLを入力します。ページ最下部の「完了」ボタンをクリックしますこれだけでロゴの設置は完了です。できあがりを見てみましょう。ロゴ設置済みブック(サンプル)meclibのブランドロゴがヘッダメニュー左側に配置されています。ファビコンの設定方法そもそも「ファビコン(favicon)」という言葉にあまり馴染みがない方も多いと思います。単刀直入に説明しますとズバリこれのことです↓ああ、これのことか!と思った方も多いのではないでしょうか。実はコイツにはファビコンという名前がちゃんとあったのです。ファビコンにロゴマークなどを入れることで、ヘッダへの表示やブックマークへ登録した時に分かりやすくなります。そのデジタルブックが自社ブランドに属するコンテンツであることをユーザーへ伝えることができ、ブランドイメージの統一に役立てることができます。正方形の枠の中に収まるように作成します。ファイル形式は「ICO」「GIF」「PNG」の3種類に対応しています。ファビコンは小さく表示されるので、あまりにもデザインの細かいものは見えづらくなるので注意が必要です。そのためか、一般的にファビコンはシンプルなものが多いようです。設置したいブックにファビコンを設定ファビコン画像ができたら早速ブックに設定してみましょう。編集画面の「基本情報変更」を開きます項目「ファビコン設定」の「アップロード」ボタンをクリックしてファビコン画像をドラッグ・アンド・ドロップでアップロードしますページ最下部の「完了」ボタンをクリックしますこれでファビコンの設定は完了です。ロゴ同様とても簡単に設置することができます。それではどのような感じになったか見てみましょう。ファビコン設置済みブック(サンプル)タブ・ブックマークにアップロードしたファビコンが表示されているのがわかります。このようにmeclibではとても簡単にロゴとファビコンを設定することができます。操作が簡単になりました。デジタルブックに大量リンクを設定しよう。記載された商品名、各製品名は各社の登録商標または商標です。