カテゴリー: HONDANAご利用のヒント Page 2 of 5

お客様・書店様に、より快適にホームページを使っていただけるように、10年ぶりにリニューアル！
・ご導入社名：株式会社カンゼン様　https://www.kanzen.jp/
・サイトデザイン：テンプレート「Modern」をベースにカスタマイズ

カンゼン様は、東京都に本社を置く出版社です。スポーツ、人文、文芸、児童など幅広いジャンルの出版物を刊行されています。この度、「HONDANA」を長きに渡りご利用をいただいているHONDANAユーザーのカンゼン様に、10年ぶりとなるホームページリニューアルを実施いただきました。サイトリニューアルに合わせてHONDANAシステムからHONDANA+システムへのシステム移行も行っていただきました。

【新サイト構築概要】
・グローバルナビゲーションメニュー項目変更
・ビックバナー機能を追加
・コンテンツ位置移動
・書店様向け専用ページの制作
・外部ショッピングカートとの連携
・Twitterタイムライン表示

導入の背景
カンゼン様が、自社ホームページに対し求める役割や重要視していることは「ブランディング」、「読者への情報提供」、「 書店への情報提供」、「刊行物の情報管理」でした。HONDANA+導入前は「検索性」、「情報の見やすさ」に課題を持っていらっしゃいました。

HONDANA+を導入した決め手
HONDANA+導入の決め手になったのは、「デザイン・テンプレート」、「EC連携」、「スマートフォン対応」とのことです。リニューアル前のサイトでは、「HONDANA」のデザインテンプレートをPC・スマホそれぞれご利用いただいておりましたが、HONDANA+に移行いただくにあたり『Modern』のテンプレートをご選択いただいております。HONDANA+のテンプレートは標準でレスポンシブ対応しており、サイトを閲覧する方の端末のサイズに合わせて最適なデザインを自動で表示できますので、スマートフォンへの対応という課題も解決いただいています。

こだわりポイント
新サイトのこだわりは「デザイン」「EC連携」です。リニューアル前の「HONDANA」のテンプレートから、『Modern』のテンプレートに変更し、TOPページに迫力のあるビックバナーを設置していただきました。以前のサイトからがらりと印象を変更いただきました。

「EC連携」は、以前よりSTORESでオンラインショップを運営されていましたが、両サイト間の遷移を簡便化するため、書誌詳細ページからSTORESのショッピングカートにダイレクトに商品を入れられるように設計いたしました。これにより、商品を購入したい方のクリック数を減少させ、スムーズなお買い物を実現されています。

また、導入の背景で課題とされていた「情報の見やすさ」については、「書店様へ」ページを新設いただきました。お知らせ機能を利用し、お知らせカテゴリ「書店様向け」の中の子カテゴリ毎に情報がまとまって表示されるようにカスタマイズを行っております。書店の方が情報を見やすいように「POP」や「注文書」などがそれぞれまとまって表示されるようになっています。

導入後に得られた効果について
今回のリニューアルで、自社ECでの購入が微増していらっしゃるとのことです。（HONDANA+導入後１か月ほどでのご質問です）

HONDANA+の使用感について
導入から１か月ほど使用いただいた感想として「見やすいデザインで情報管理がしやすく、自社および他社ECへの誘導がスムーズです」とのお声をいただきました。

いつもHONDANAをご利用いただき、誠にありがとうございます。

管理画面のジャンル・シリーズの表示につきまして、これまでは設定されている最下層のみの表示でしたが、階層構造がわかる表示に変更いたしました。

■対象箇所

【書誌情報一覧】
・ジャンル部分の表示

【書誌情報登録　画面】
・入力画面：ジャンル、シリーズの追加時の表示
・確認画面：ジャンル、シリーズの表示

【書誌情報編集　画面】
・入力画面：ジャンル、シリーズの追加時の表示
・確認画面：ジャンル、シリーズの表示

今後とも、HONDANAをどうぞよろしくお願い致します。

2017年5月8日に、wysiwygをアップデートしました。
この投稿では、新・旧wysiwyg画面の比較および画像アップロード画面、ファイルアップロード画面について説明します。

▼新・旧wysiwyg画面の比較

上段が旧wysiwyg画面。
下段が新wysiwyg画面。
アイコンは、操作の種類によっておおまかに３つに分かれています。

• 上段：フォントや下線など、文字の形を変更します。
• 中段：特殊記号や画像・動画ファイルなど、文字列以外を挿入するときに使います。
• 下段：表を挿入するときに使います。

配置及び利用できる機能はほとんど変わりませんが、旧wysiwyg画面の「段落」に該当する項目は、新wysiwyg画面では、「書式」→「見出し」もしくは「ブロック」になっています。

▼画像のアップロード

wysiwyg画面『画像の挿入・編集』ボタンをクリックします。

『画像の挿入・編集』画面が開かれますが、画像の挿入方法には2通りあります。

• a.画像のソースに画像のURL貼り付ける、

下の画像赤く枠で囲った部分にURLを貼り付けて、『OK』ボタンをクリックすることで、画像を挿入することができます。

• b.画像をアップロードして、画像を挿入する。

『ファイルの管理』ボタンをクリックすると、ファイルの管理画面が開きます。

クリックした先は、ファイルのアップロードと同じ手順になります。
次の『ファイルのアップロード』をご参照ください。
アップロード後に『OK』をクリックすることで画像が挿入されます。

▼ファイルのアップロード

ファイルのアップロード画面には、『画像の挿入・編集』画面で『ファイルの管理』ボタンをクリックするか、もしくはwysiwyg画面で『ファイルの管理』ボタンをクリックする（下の画像を参照）ことで開くことができます。

Uploadの方法ですが、左上のUploadボタンでフォルダを開いてファイルを選択する方法とファイルの表示される枠内にドラッグアンドドロップすることでファイルをアップロードする方法の2通りがあります。

1. Uploadボタンをクリックします。
   
2. フォルダが開きますので、アップロードしたい画像を選びます。（複数可、1ファイル10MBまで）
   
   
3. ファイルの表示される枠内にドラッグアンドドロップすることでもファイルをアップロードできます。こちらも複数アップロードできます。
   

機能等の質問は受け付けておりますので、お気軽に村田までお問い合わせください。