沖縄協同青果様 ブログ更新マニュアル

1. 沖縄協同青果様ブログ更新マニュアル システム管理：サンネット株式会社 お問合せ：098-870-0670

2. 1-1管理画面ログイン ※更新にははInternetexplorer8 または Chromeをご利用ください。 IE7以前のバージョン、及びFirefoxを使用した場合、一部管理画面が表示崩れを起こす場合があります。 管理画面URL：http://www.okireci.net/kanri/ ①ユーザー名を記入します。 ユーザー名：i-sa- ②パスワードを記入します。 パスワード:i-sa- ① ② ③「サインイン」をクリック。 「ログイン情報を記録する」にチェックを入れると 次回からこの手順はスキップできます。 ③ ※管理画面URLはPCの「お気に入り」に登録することをお勧めします。

3. 1-2管理画面ログイン（ダッシュボード） ダッシュボードではすべてのブログ一覧を見ることが出来ます。 ①ブログが選択されていること。 ②記事を新規登録、編集したいブログ名をクリックします。 それぞれのブログで記事の新規投稿、編集、削除を行うことが出来ます。 ① ② ② ② ※各ブログの詳細説明は4ページ⇒

4. 1-3管理画面ログイン（ダッシュボード：ブログ一覧）1-3管理画面ログイン（ダッシュボード：ブログ一覧）

5. 2-1 基本更新方法 基本的な更新方法はどのブログも共通しています。 4ページの「ブログ一覧」から更新したいブログを選択します。以下は「ブログ」を例としています。 ① ② ①記事を新規投稿する場合は、「新規制作」ボタンをクリックします。 6ページへ ②過去に投稿した記事を編集する場合は、まず「ブログ記事」をクリックします。 8ページへ ※ブログトップページにアクセスすると、まず最近投稿した記事を一覧することが出来ます。

6. 2-2 基本更新方法（新規投稿） 電子書籍紹介を触る場合は00ページへ、 画像差し替え（バナー管理）を触る場合は00ページへ ①記事のタイトルを記入します。 ②リッチテキストになっている事を確認しま す。 ① ③記事本文を記入します。 画像の挿入方法は10ページ リンク・文字装飾は18ページ ② ⑥ ④ ④公開日を指定することが出来ます。※通常はそのまま。 ③ ⑤カテゴリーを選択します。 ※カテゴリーがない場合は選択しなくてOKです。 ⑧ ⑤ ⑥一通り記事が作成できたら「プレビュー」で実際に公開される画面で表示確認します。7ページへ ⑧最後に「公開/更新」ボタンを押して完了です。 ⑨ ⑨ブログ内で仕様されている画像ファイル名です。 ※アップされる際は半角英数文字でお願いします。 ⑨

7. 2-3 基本更新方法（プレビュー画面） プレビュー画面では以下のように表示されます。 ① ①確認しOKでしたら右上にある 「作成画面へ戻る」をクリックし、 前ページに戻り「公開/更新」ボタンをクリック 6ページへ戻ります。

8. 2-4 基本更新方法（過去投稿した記事修正） プレビュー画面では以下のように表示されます。 ①一覧ボタンをクリック ① ②編集したい記事をクリックします。 ② 9ページへ。

9. 2-5 基本更新方法（過去投稿した記事修正） 過去投稿した記事を編集します。 ①日付は触りません。 ②編集が完了したら「公開」をクリック。 ① ②

10. 2-6 基本更新方法（画像、添付ファイル投稿） 画像、添付ファイルの挿入について ①まず挿入したい部分にカーソルを合わせます。 ②画像は「画像の挿入」ボタン　11ページへ ③PDFやWord、Excelの添付 ファイルは、「ファイルの挿入」ボタン　14ページへ ② ③ ①

11. 2-7 基本更新方法（画像選択） 画像の挿入方法 ※「画像の挿入」ボタンクリックで左図のような別ウィンドウが開きます。 ①新しい画像を挿入する場合は「新しい画像をアップロード」をクリックします。 12ページへ ① ②過去に挿入したことのある画像を再度使用したい場合は、こちらの一覧から選択することが出来ます。画像名をクリックすることでサムネイル 画像を確認することが出来ます。使いたい画像にチェックを入れ、「次へ」をクリックします。 13ページへ ②

12. 2-8 基本更新方法（画像アップロード） 新しい画像のアップロード ※画像をアップロードする前に33ページ（画像縮小について）を参照ください。 ①「参照」をクリックして挿入したい画像を指定します。 ① ※アップロードする際に画像ファイル名を半角英数文字でリネームしてください。 日本語ファイル名をアップすると文字化けしてしまいシステムエラーの原因となります。 ② ②特に指定しなくてOK ③ ③「アップロード」します。 13ページへ

13. 2-9 基本更新方法（ファイルオプション） ファイルオプション ①名前を記入します。 画像と関連性のある文言を入力します。 例）comichan-staff ① ②画像の横位置の指定が出来ます。「なし」は左詰めになります。 特に指定しなくてOK ③画像をlightboxで表示します。自動で上部「サムネイルを利用」にチェックが入りますので、サイト幅など考慮して頂き、550px以内で設定お願致します。 「lightboxで表示する」幅は元画像の大きさになりますので、サーバー側の負担なども考慮すると、あまり大きい画像は控えて下さい。 特に指定しなくてOK ③ ② ③ ④「完了」をクリックして記事編集画面へ戻 ります。 ④ 17ページへ

14. 2-10 基本更新方法（PDFやExcel、Wordファイル投稿） PDFやExcel、Wordファイルの挿入について ①新しいファイルを挿入する場合は「新規ファイルをアップロード」をクリックします。 15ページへ ① ②過去に挿入したことのあるファイルを再度使用したい場合は、こちらの一覧から選択することが出来ます。 ② ③使いたいファイルにチェックを入れ、「挿入」をクリックします。 16ページへ ③

15. 2-11 基本更新方法（PDFやExcel、Wordファイルの挿入） PDFやExcel、Wordファイルの挿入：ファイルオプション ①「参照」をクリックしてファイルを選択します。 ① ※アップロードする際に画像ファイル名を半角英数文字でリネームしてください。 日本語ファイル名をアップすると文字化けしてしまいシステムエラーの原因となります。 ② ②特に指定しなくてOK ③ ③「アップロード」します。 16ページへ

16. 2-12 基本更新方法（PDFやExcel、Wordファイルの挿入） PDFやExcel、Wordファイルの挿入：ファイルオプション ①関連する内容を入力します。例）comichan-plan ②特に変更は必要ありません ① ③「完了」をクリックします。 ② ④記事本文内にリンク入りファイル名が挿入されました。 特に指定しなくてOK ② 特に指定しなくてOK ③ ④ 以上でファイルの挿入完了です。

17. 2-13 基本更新方法（画像の挿入後） 記事に画像を挿入します。 ①本文内で画像の位置を調節できます。 ドラッグで動かしてみましょう。※上下の移動は可能ですが、左右の移動は出来ません。 左右の移動は画像を挿入した際の、設定で、左・真中・右をお選びください。 画像の挿入は１エントリーに何枚でも可能です。 本文のお好きなところに挿入してください。 ① 以上で画像の挿入完了です。

18. 2-14 基本更新方法（記事入力：絵文字活用編） 記事内に絵文字を入れてみましょう。

19. 2-15 基本更新方法（記事入力：絵文字活用編） 文字を装飾したり、リンクを貼ってみましょう。

20. 2-16 基本更新方法（表の作成方法） 表の作成方法 ① ①「表を挿入」ボタンでウィンドウを開きます。 ②列数と行数に数値を指定します。 ② ③ ③幅と高さは空白のままで ② ③ ④枠線を表示させる場合は1以上の値を指定します。 （値は枠線の太さになります） ④ ⑤「OK」ボタンをクリックします。 ⑤

21. 2-17 基本更新方法（表の作成後の設定） 表の作成の後の設定方法 ①表が挿入されました。次は表内へテキストを入力していきます。 ① ②表にテキストを入力するとこんな感じで表が出来上がります。 セルの背景に色を塗る事が可能です。 色を塗りたいセルをドラッグし、 その上で右クリックします。 ② 22ページへ

22. 2-18 基本更新方法（表のセルに色を塗る） 表のセルに背景色を塗る ①右クリックするとウィンドウが開きます。 セルをクリックし、セルプロパティをクリックします。 すると下記（セルプロパティ）ウィンドウが開きます。 ① ① ②背景色の「Choose」ボタンをクリックします。 するとセレクトカラーウィンドウが表示されます。 ③好きな色を選択し「OK」をクリック。 ② 23ページへ ③

23. 2-19 基本更新方法（表のセルに色を塗る） 表のセルに背景色を塗る ①先ほど選択した色が数字として入力され ます。 ②同じようにボーダーも色指定が可能です。 （設定方法は22ページ） ③「セル横の整列」ボタンで「左、右、中央」の文字揃え位置が決めれます。 ③ ① ④ ② ⑤ ④「セル縦の整列」ボタンで「上、下、中央、ベースライン」の文字揃え位置が決めれます。 ⑤色見が決まりましたら「OK」ボタンをおします。 ⑥このように背景に色を塗ることが出来ま した。以上で表の作成完了です。 ⑥ 24ページへ

24. 2-20 基本更新方法（記事にタグを入力） 記事にタグを入力する方法 ①記事を投稿する際に本文入力の下部に「タグ」コンテンツがあります。 この「タグ」は、記事に関連する文言を入力します。 ②本文の内容が雨に関連するので、タグには「雨の日特別価格」など、関連するワードを入力します。 ① ② 25ページへ

25. 2-21 基本更新方法（タグ入力後の反映場所） 記事にタグを設定するとサイドナビゲーションにリンクテキストで表記されます。 ①記事にタグを設定すると左記のように サイドナビゲーション部分に「タグクラウド」として表記されます。 こちらのタグをクリックするとこのタグを付けたブログ一覧ページへ移動します。以上でタグ設定完了です。 ①

26. 2-22 基本更新方法（電子書籍紹介記事投稿） 電子書籍紹介記事を投稿します。 「ブログ」「インフォメーション」ブログとは若干投稿方法が異なります。まず画像を投稿します。 ①タイトル部分に電子書籍タイトルを入力します。 ① ②電子書籍画像をアップロードします。 ※幅90px、高さ130pxでアップロード 27ページへ ③再度電子書籍タイトルを記載します。 入力しません ⑦ ④電子書籍の商品説明を記載します。 ⑤「試し読み」リンク先（e-booksで設定したリンク先）を記載します。 29ページへ ② ⑨ ③ ⑥「購入する」リンク先（e-booksで設定したリンク先）を記載します。 30ページへ ④ ⑧ ⑦公開日を設定します。 ⑧カテゴリ（ジャンル）を設定します。 ※必ず設定してください。 ⑤ ⑨公開・更新をクリックし投稿完了です。 ⑥ 27ページへ

27. 2-23 基本更新方法（電子書籍紹介画像投稿） 電子書籍紹介記事を投稿します。 「ブログ」「インフォメーション」ブログとは若干投稿方法が異なります。まず画像を投稿します。 ①新しく画像をアップロードする際は28ページへ ① ②以前アップロードした画像を使用するさいはチェックを入れ③へ。 ③次へをクリックします ② ④画像がアップロードされました。 これで画像アップは完了です。 ③ ④

28. 2-24 基本更新方法（電子書籍紹介画像投稿） 画像の挿入：ファイルオプション ①「参照」をクリックしてファイルを選択します。 ① ※アップロードする際に画像ファイル名を半角英数文字でリネームしてください。 日本語ファイル名をアップすると文字化けしてしまいシステムエラーの原因となります。 ※幅90px、高さ130pxでアップロード ② ③ ②特に指定しなくてOK ③「アップロード」します。 ④画像がアップロードされました。 これで画像アップは完了です。 ④

29. 2-25 基本更新方法（電子書籍紹介「試し読み」URL貼り付け） 電子書籍紹介「試し読み」URL貼り付け ① ①「e-books」の漫画がアップされているページへアクセスし、試し読みをクリックします。 ②漫画が表示されているページURLをコピーします。 26ページの⑤へ ②

30. 2-26 基本更新方法（電子書籍紹介「購入する」URL貼り付け） 電子書籍紹介「試し読み」URL貼り付け ①「e-books」の漫画がアップされているページへアクセスし、 URLをコピーします。 26ページの⑥へ ①

31. 2-27 基本更新方法（画像差し替え(バナー投稿方法)記事投稿） サイドナビゲーションに掲載するバナー投稿方法投稿します。 トップページバナー投稿方法は32ページへ トップページバナー（広告枠）投稿方法は33ページへ ①タイトル部分にバナーの画像タイトルを入力します。 ②バナー画像をアップロードします。 ※アップロード方法は27ページへ ① ③バナーのリンク先URLを記載します。 ④公開日を記載します。 ※公開日により昇順でバナーがソートします。 ④ ⑤どこに表示する画像か指定します。 ※今回はサイドバナーに表示するため「サイドバナー」にチェック 入力しません ⑥更新/公開をクリックして完了です。 ⑥ ⑤ ② ③

32. 2-28 基本更新方法（画像差し替え(バナー投稿方法)記事投稿） トップページバナーに掲載するバナー投稿方法投稿します。 ①タイトル部分にバナーの画像タイトルを入力します。 ②バナー画像をアップロードします。 ※アップロード方法は27ページへ ※幅295px、高さ指定なしでアップロード ① ③バナーのリンク先URLを記載します。 ④公開日を記載します。 ※公開日により昇順でバナーがソートします。 ④ ⑤どこに表示する画像か指定します。 ※今回はトップページのイベントバナーに表示するため「トップイベント」にチェック 入力しません ⑥ ⑤ ⑥更新/公開をクリックして完了です。 ② ③ トップページバナー（広告枠）投稿方法は、33ページへ

33. 2-28 基本更新方法（画像差し替え(バナー投稿方法)記事投稿） トップページバナーに掲載するバナー投稿方法投稿します。 ①タイトル部分にバナーの画像タイトルを入力します。 ②バナー画像をアップロードします。 ※アップロード方法は27ページへ ※幅212px　高さ100pxでアップロード ① ③バナーのリンク先URLを記載します。 ④公開日を記載します。 ※公開日により昇順でバナーがソートします。 ④ ⑤どこに表示する画像か指定します。 ※今回はトップ広告枠エリアに表示するため「トップ広告枠」にチェック 入力しません ⑥ ⑤ ⑥更新/公開をクリックして完了です。 ② ③

34. 2-29 基本更新方法（記事の削除） 記事の削除方法 ①ブログ記事タブの「一覧」をクリックします。 ① ③ ②削除したい記事にクリックし てチェックを入れます。 ③チェックを入れると「削除」 ボタンをクリック ② ウィンドウが開きますので「OK」をクリック。 ④ ④「ブログ記事をデータベースから削除しました。 」表記が出ているか確認します。 35ページへ

35. 2-30 基本更新方法（記事の再構築） 記事の削除した後に　　　再構築ボタンを押してサイト全体へ反映させます。 ①再構築ボタンをクリックします。 ① ②再構築ウィンドウが立ち上がりますので、「再構築」をクリック。 ③ ② ③「完了」ページが表示されたら再構築OKです。 これで全ページに削除したことをお知らせする事ができました。

36. 3-1 基本更新方法（画像縮小について） 記事に挿入する画像は縮小して使用しましょう。 デジカメで撮影した写真などは画像が大きすぎます。 そのままアップするとホームページのデザインがくずれてしまう可能性がありますので、 画像の縮小を行ってください。 画像加工ソフト「縮小専用」を使います。（下記のＵＲＬか「縮小専用」で検索して下さい） http://www.vector.co.jp/soft/dl/win95/art/se153674.html ①画像を好きなサイズに縮小できます。 右のチェックボックスにチェックするか空白のフォームに任意のサイズを 記入して下さい。 記事の指定画像サイズは幅600px以 内なので任意サイズを600pxとし、（横幅は自由です）画像をドロップしてください。 ① ② ②画像をこの場所に持ってくる （ドラッグアンドドロップ） すると縮小サイズの画像が作られます。 リサイズというフォルダが作られます。ここの中に600ピクセル幅の写真が出来上がります。 記事の投稿時、画像アップロードは この加工した写真を選んでください。

37. 4-1ウェブページ修正手順（よくあるご質問/会社概要）4-1ウェブページ修正手順（よくあるご質問/会社概要） グローバルナビゲーション内にあるよくあるご質問・会社概要の修正方法を記載します。 ① ①トップブログを選択します （沖縄発～･･･～チャンプルー）選択 ② ②ウェブページを選択します。 ③「よくあるご質問」を選択します。 （会社概要を修正したい場合は該当ページをクリック） ③

38. 4-2ウェブページ修正手順（よくあるご質問/会社概要）4-2ウェブページ修正手順（よくあるご質問/会社概要） グローバルナビゲーション内にあるよくあるご質問・会社概要の修正方法を記載します。 ①タイトルが該当ページか確認します。 ②本文のフォーマットが「なし」になっているか確認。 （なし＝html形式です） ① ③本文の文章（html）をコピーします。 （Ctrl + c） ② ④コピーした文章をテキストエディタ（お好きなテキストエディタでOK）に貼り付けます。 ③ ④

39. 4-３ウェブページ修正手順（よくあるご質問/会社概要）4-３ウェブページ修正手順（よくあるご質問/会社概要） HTMLをテキストエディタに貼り付けて修正していきます。 <div id="accordion2"> <dl class="accordion2" id="slider2"> <dt>Q.マンガのお仕事エントリーはどちらから出来ますか？</dt> <dd> <span>A.<a href="../cartoonist/">こちら</a>よりエントリーできます。<br /> ・募集はプロ・アマ不問です。<br /> ・また、現在学生の方、マンガ家志望の方、絵のお仕事がしたい方など、<br /> コミチャンでは広くエントリーを募集しております。</span> </dd> <dt>Q.エントリーはデジタル作業が出来ないとダメですか?</dt> <dd> <span>A.アナログ中心の方も、エントリーをお受けしております。エントリーは<a href="../cartoonist/">こちら</a>よりお願いします。</span> </dd> <dt>Q.マンガの投稿は受け付けていますでしょうか?</dt> <dd> <span>A.作品の投稿は、随時お受けしております。また、マンガ以外の作品でも小説やマンガ原作の案なども、お待ちしております。<br /> 送付先は、<br /> 〒901-2122<br /> 沖縄県浦添市勢理客4丁目13番1号　浦添市産業支援センター結の街505号室<br /> コミックチャンプルー編集部　宛</span> </dd> <dt>Q.お仕事の依頼は、ウェブ以外からは受けていませんか?</dt> <dd> <span>A.受け付けております。メール、FAX、お電話でお問い合わせください。<br /> 電話(代表) 098-871-0681 FAX 098-871-0682<br /> ※弊社に訪問をご希望の場合は、電話またはFAX、Eメールなどで連絡の上、日時をご連絡いただけますよう、お願い申し上げます。</span> </dd> <dt>新しい質問内容</dt> <dd> <span>質問の答え</span> </dd> </dl> </div> <script type="text/javascript"> var slider2=new accordion.slider("slider2"); slider2.init("slider2",0,"open"); </script> このまとまりが下記になります ① ① ② ② ①と②のまとまりをコピー ③コピーした内容を<dl>～</dl>内にペースト ④ ③ ⑤ ④完成した文章（HTML）をコピーしMT本文にペースト。 ⑤更新ボタンを押せば再構築され質問内容が更新されます。 ※念のためバックアップはとってたほうが安心かと思います。