自動更新ホームページ 2 組込み手順書 2015.01
MyKomon 目次 - 1 この手順書では 自動更新コンテンツを既存のホームページへ組込む際に行う作業の手順をご説明しています ホームページの作成 管理を業者様へ委託されている場合は この手順書を業者様へお渡しいただくことをおすすめいたします 既存ホームページへの組込みイメージ P. 2 通常のホームページへ組込む場合 P. 3 組込みの手順 ( 事前準備 ) P. 4 組込みの手順 ( トップページ ) P. 5 組込みの手順 ( 本文ページ ) P. 6 あきばれホームページへ組込む場合 P. 7 組込みの手順 ( トップページ ) P. 8 組込みの手順 ( 本文ページ ) P. 9 補足事項 P.10 補足 P.11 コンテンツごとのコード一覧 P.12
MyKomon 既存ホームページへの組込みイメージ 既存のホームページに組込む場合の完成イメージです トップページ コンテンツサマリー トップページにコンテンツのパーツを組込むことにより コンテンツサマリー ( 概要 ) を表示することができます 本文ページ >> 本文へをクリックするとコンテンツ本文へ移動します コンテンツ本文 コンテンツの本文全体を組込んだ形でページを表示することができます コンテンツを組込むためのテンプレートを 1 ファイル作成するだけで お好みのコンテンツをどれでも表示することが可能です コンテンツを組込む領域には 560ピクセル以上の幅が必要です 幅が足りない場合 コンテンツ文章がはみ出すことがあります - 2
- 3 通常のホームページへ組込む場合 ご自分または業者へ依頼して HTML を作成している場合に ホームページへコンテンツを組込む手順をご説明します ブログ形式のホームページサービスをご利用の場合は P7 以降をご覧下さい
MyKomon 組込みの手順 ( 事前準備 ) コンテンツの組込みを行うためには 既存ホームページに対して事前準備を行う必要があります 独自ドメインをお持ちの場合 現在お持ちのホームページのサーバーへ以下の対応をお願いいたします サーバーの管理を委託されている場合は 業者様へ以下の情報をお伝えください 独自ドメインをお持ちでない場合は この手順は必要ありません DNS 情報に 以下情報の追加をお願いいたします 対応方法 : CNAMEレコードの追加 ---------------------------------------------------------------- ホスト名 : contents CNAME : srhp.mykomon.jp ( 例 ) 現在お持ちのドメインが mykomon.com である場合 contents.mykomon.com というホスト名を追加する 独自ドメインをお持ちであるにもかかわらず DNS 情報へ上記 CNAME レコードの追加ができない場合は 弊社へお問合せください - 4
MyKomon 組込みの手順 ( トップページ ) トップページにコンテンツのサマリーを組込む手順をご説明します 1 トップページの html ファイル (index.html) を開き コンテンツを表示させたい位置に以下の文字を記述 <script language="javascript" type="text/javascript" src="http://( 1)/top.php?page=( 2)" ></script> ( 1) : 事前準備で CNAME レコードの追加を行った場合 : CNAME レコードを追加したホスト名 CNAME レコードの追加が行えなかった場合 : 別紙 提供コンテンツのアドレスについて に記載されたホスト名 ( 2) : 組込むコンテンツのコードを入力 ( コンテンツごとのコード一覧 を参考にしてください ) 2 1 の記述を以下の文字で囲む <div id="mkcontents"> (1 の記述内容 ) </div> 3 <head> ~ </head> の間に以下の文字を記述 <link href="http://www.gazou-data.com/contents_share/css/contents.css" rel="stylesheet" type="text/css"> (1~3 までを記述した例 ドメインが mykomon.com の場合 ) <head> <link href="http://www.gazou-data.com/contents_share/css/contents.css" rel="stylesheet" type="text/css"> </head> <td style="padding-left: 5px;"> <div id="mkcontents"> <script language="javascript" TYPE="text/javascript" src="http://contents.mykomon.com/top.php?page=format_top"></script> <script language="javascript" TYPE="text/javascript" src="http://contents.mykomon.com/top.php?page=q_and_a_top"></script> </div> </td> 4 作成した html ファイルをサーバーへアップロード ホームページの管理を委託されている場合は 業者様へ上記の手順をご依頼ください - 5
MyKomon 組込みの手順 ( 本文ページ ) コンテンツの本文を組込む手順をご説明します 1 コンテンツを組込む部分以外のデザインを作り込んだ html ファイルを作成 ファイル名は template.html としてください ( 例 )template.html をブラウザで開いた状態 コンテンツを差込む部分が空白で見える 2 template.html のコンテンツ本文を差込みたい部分に 以下の文字を記述 <div id="mkcontents"> <!--hp2_body--> </div> 3 <head> ~ </head> の間に以下の文字を記述 <link href="http://www.gazou-data.com/contents_share/css/contents.css" rel="stylesheet" type="text/css"> 4 相対的 URL が記載されている箇所を全て絶対的 URL に変更 ( 例 )<img href= image/xxxxx.gif > <img href= http:// /image/xxxxx.gif"> 参考 相対的 URL を探す際は gif jpg css js href src 等でソースコードを検索すると見つけやすいです 5 作成した html ファイルをサーバーへアップロード template.html はサーバーの一番上の階層 (index.html と同じ場所 ) にアップロードしてください template.html の文字コードは Shift-JIS で保存してください ( 例 ) <meta http-equiv="content-type" content="text/html; charset=shift_jis" /> ホームページの管理を委託されている場合は 業者様へ上記の手順をご依頼ください - 6
- 7 あきばれホームページへ組込む場合 あきばれホームページサービスをご利用の場合に ホームページへコンテンツを組込む手順をご説明します
MyKomon 組込みの手順 ( トップページ ) トップページにコンテンツのサマリーを組込む手順をご説明します 1 トップページに記事を追加する画面を開いて html 編集モードにする 2 html 編集画面へ以下の文字を記述 <script language="javascript" type="text/javascript" src="http://( 1)/top.php?page=( 2)" ></script> 3 2 の記述を以下の文字で囲む <div id="mkcontents"> <script language="javascript" type="text/javascript" src="http://( 1)/top.php?page=http://www.gazoudata.com/contents_share/css/blog_css&image=1"></script> (2 の記述内容 ) </div> ( 1) : 別紙 提供コンテンツのアドレスについて に記載されたアドレス ( 2) : 組込むコンテンツのコードを入力 ( コンテンツごとのコード一覧 を参考にしてください ) (2~3 までを記述した例 アドレスが mykomon.hpcontents.com の場合 ) <div id="mkcontents"> <script language="javascript" type="text/javascript" src="http://mykomon.hpcontents.com/top.php?page=http://www.gazoudata.com/contents_share/css/blog_css&image=1"></script> <script language="javascript" type="text/javascript" src="http://mykomon.hpcontents.com/top.php?page=q-and-a_top"></script> <script language="javascript" type="text/javascript" src="http://mykomon.hpcontents.com/top.php?page=form_top"></script> </div> 4 記事を保存 - 8
MyKomon 組込みの手順 ( 本文ページ ) コンテンツの本文を組込む手順をご説明します 1 コンテンツを組込む部分以外のデザインを作り込んだ html ファイルを作成 ファイル名は template.html としてください ソースを右クリックでコピーすると便利です ( 例 )template.html をブラウザで開いた状態 コンテンツを差込む部分が空白で見える 2 template.html のコンテンツ本文を差込みたい部分に 以下の文字を記述 <div id="mkcontents"> <!--hp2_body--> </div> 3 <head> ~ </head> の間に以下の文字を記述 <style type="text/css"> <!-- #a-con table { border-collapse: separate!important; border-spacing:1px; } #a-con td { border-collapse: separate!important; border-spacing:1px; } --> </style> 4 相対的 URL が記載されている箇所を全て絶対的 URL に変更 ( 例 )<img href= image/xxxxx.gif > <img href= http:// /image/xxxxx.gif"> 参考 相対的 URL を探す際は gif jpg css js href src を検索すると見つけやすい 5 記事の作成画面を開き 作成したhtmlファイルをアップロード ダミーページを作成した後 ファイルをアップロード 部品を追加し 作成したtemplate.html をアップロードしてください ( あきばれHPの仕様は変更されることがございます 予めご了承ください ) template.htmlの文字コードはshift-jisで保存してください ( 例 ) <meta http-equiv="content-type" content="text/html; charset=shift_jis" /> - 9
補足事項 - 10
- 11 MyKomon 補足 ここまでの手順でコンテンツを組込むことができますが より高度な使い方をする方法をご説明します 本文ページへ直接リンクする方法 本文ページは 以下の URL で表示させることができます http://( 1)/view.php?page=( 2) ( 1) : 事前準備で CNAME レコードの追加を行った場合 : CNAME レコードを追加したホスト名 CNAME レコードの追加が行えなかった場合 : 別紙 提供コンテンツのアドレスについて に記載されたアドレス ( 2) : 組込むコンテンツのコードを入力 ( コンテンツごとのコード一覧 を参考にしてください ) メニューボタンなどを置き コンテンツページへ直接リンクさせる場合はこの方法をお使いください 文字化けしてしまう場合 コンテンツの文字コードは Shift-JIS で出力されています 組込んだコンテンツが文字化けしてしまう場合は 組込み先ページの文字コードが Shift-JIS 以外であることが考えられます トップページのサマリーへの記述に文字コードを付加することにより コンテンツを特定の文字コードで表示することが可能になります ( 文字コードを utf-8 で表示する場合の記述例 ) <script language="javascript" type="text/javascript" src="http://~/top.php?page=q_and_a_top&encode=utf-8"></script> 本文の template.html は文字コードの指定ができません Shift-JIS での作成をお願いいたします コンテンツの文字サイズを変更したい場合 コンテンツの文章は文字サイズなどを指定していないため 以下のスタイルシートを記述することにより変更することができます 1 <link href= http://www.gazou-data.com/contents_share/css/contents.css rel= stylesheet type= text/css > のスタイルシート指定を削除 P53 P63 の部分 2 id= mkcontents に対するスタイル指定を <head>~</head> 内に記述 ( 記述例 ) 組込先サイトのスタイルシート構成によっては 以下の記述では適したサイズにならないケースもあります その場合は 適宜ご調整をお願い致します <style type="text/css"> <! #mkcontents { font-size:x-small; line-height: 1.4em; } #mkcontents table { font-size:x-small; line-height: 1.4em; } --> </style>
MyKomon コンテンツごとのコード一覧 ( 人事労務コンテンツ ) 各コンテンツを既存のホームページに組込む場合は 以下のコードを参考にしてください WORDでそのまま使える人事労務管理基本書式集 サマリー : format_top 本文 : format 会話形式で楽しく学ぶ人事労務管理の基礎講座 サマリー : q_and_a_top 本文 : q_and_a 人事労務ニュース サマリー : news_contents_top 本文 : news_contents 旬の特集 サマリー : season_contents_top 本文 : season_contents 総務担当者のための今月のお仕事カレンダー サマリー : monthly_work_top 本文 : monthly_work 知っておきたい! 人事労務管理用語集 サマリー : word_collection_top 本文 : word_collection 人事労務管理リーフレット集 サマリー : leaflet_top 本文 : leaflet コードは全て半角 小文字で入力してください - 12
MyKomon コンテンツごとのコード一覧 ( 医業コンテンツ ) 各コンテンツを既存のホームページに組込む場合は 以下のコードを参考にしてください 医業コンテンツをご契約いただいていないと 組み込んでも表示されません 医療福祉業界ピックアップニュース サマリー : medical_news_top 本文 : medical_news 医療経営情報 サマリー : medical_info_top 本文 : medical_info 福祉経営情報 サマリー : welfare_info_top 本文 : welfare_info 医療福祉の労務情報 サマリー : medical_labor_top 本文 : medical_labor 医療機関 福祉施設向け書式集 サマリー : medical_format_top 本文 : medical_format 医療機関 福祉施設向け人事労務リーフレット集 サマリー : medical_leaflet_top 本文 : medical_leaflet コードは全て半角 小文字で入力してください - 13
株式会社名南経営コンサルティング メールでのお問合せ :support@mykomon.com フリーダイヤル :0120-156027(9:00~18:00 土日祝を除く ) 本社におつなぎします 本 社 460-0003 名古屋市中区錦 2-4-15 TEL:052-229-0740 FAX:052-229-0741 東京事務所 100-0011 千代田区内幸町 1-1-7 TEL:03-3595-7251 FAX:03-3595-7252 大阪事務所 530-0005 大阪市北区中之島 2-2-2 TEL:06-4707-8711 FAX:06-4707-8722 福岡事務所 812-0016 福岡市博多区博多駅南 1-2-2 TEL:092-418-1136 FAX:092-418-1137