Comments
Description
Transcript
申込はこちらから
自動更新ホームページ２ 組込み手順書
2015.01
MyKomon ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
目次
※この手順書では、自動更新コンテンツを既存のホームページへ組込む際に行う作業の
手順をご説明しています。
ホームページの作成・管理を業者様へ委託されている場合は、この手順書を業者様へ
お渡しいただくことをおすすめいたします。
□ 既存ホームページへの組込みイメージ
□ 通常のホームページへ組込む場合
□ 組込みの手順（事前準備）
□ 組込みの手順（トップページ）
□ 組込みの手順（本文ページ）
□ あきばれホームページへ組込む場合
□ 組込みの手順（トップページ）
□ 組込みの手順（本文ページ）
□ 補足事項
□ 補足
□ コンテンツごとのコード一覧
Ｐ． ２
Ｐ． ３
Ｐ． ４
Ｐ． ５
Ｐ． ６
Ｐ． ７
Ｐ． ８
Ｐ． ９
Ｐ．１０
Ｐ．１１
Ｐ．１２
－ １ ―
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ MyKomon
MyKomon ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
既存ホームページへの組込みイメージ
既存のホームページに組込む場合の完成イメージです。
トップページ
コンテンツサマリー
トップページにコンテンツのパーツを組込むことにより、コンテンツサマリー
（概要）を表示することができます。
本文ページ
>> 本文へをクリッ
クするとコンテンツ
本文へ移動します
コンテンツ本文
コンテンツの本文全体を組込んだ形でページを表示することができます。
コンテンツを組込むためのテンプレートを１ファイル作成するだけで、
お好みのコンテンツをどれでも表示することが可能です。
※コンテンツを組込む領域には、５６０ピクセル以上の幅が必要です。
幅が足りない場合、コンテンツ文章がはみ出すことがあります。
－ ２ ―
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ MyKomon
通常のホームページへ組込む場合
ご自分または業者へ依頼してHTMLを作成している場合に、ホーム
ページへコンテンツを組込む手順をご説明します。
ブログ形式のホームページサービスをご利用の場合は、P7以降をご
覧下さい。
－ ３ ―
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ MyKomon
MyKomon ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
組込みの手順（事前準備）
コンテンツの組込みを行うためには、既存ホームページに対して事前準備を行う必要があります。
独自ドメインをお持ちの場合、現在お持ちのホームページのサーバーへ以下の対応をお願いいたします。
サーバーの管理を委託されている場合は、業者様へ以下の情報をお伝えください。
※独自ドメインをお持ちでない場合は、この手順は必要ありません。
ＤＮＳ情報に、以下情報の追加をお願いいたします。
対応方法
：
ＣＮＡＭＥレコードの追加
---------------------------------------------------------------ホスト名
：
contents
ＣＮＡＭＥ
：
srhp.mykomon.jp
（例）
現在お持ちのドメインが、『 mykomon.com 』 である場合
⇒ 『 contents.mykomon.com 』 というホスト名を追加する。
※ 独自ドメインをお持ちであるにもかかわらず、DNS情報へ上記ＣＮＡＭＥレコードの
追加ができない場合は、弊社へお問合せください。
－ ４ ―
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ MyKomon
MyKomon ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
組込みの手順（トップページ）
トップページにコンテンツのサマリーを組込む手順をご説明します。
① トップページのhtmlファイル（index.html）を開き、 コンテンツを表示させたい位置に
以下の文字を記述
<script language="JavaScript" type="text/javascript" src="http://（※１）/top.php?page=（※２）" ></script>
(※１) ： 事前準備でCNAMEレコードの追加を行った場合 ： CNAMEレコードを追加したホスト名
CNAMEレコードの追加が行えなかった場合 ： 別紙「提供コンテンツのアドレスについて」に記載された
ホスト名
（※２） ： 組込むコンテンツのコードを入力 （「コンテンツごとのコード一覧」を参考にしてください）
② ①の記述を以下の文字で囲む
<div id="mkcontents">
（①の記述内容）
</div>
③ <head> ～ </head> の間に以下の文字を記述
<link href="http://www.gazou-data.com/contents_share/css/contents.css" rel="stylesheet" type="text/css">
（①～③までを記述した例
※ドメインが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>
・・・・・・
④ 作成したhtmlファイルをサーバーへアップロード
※ホームページの管理を委託されている場合は、業者様へ上記の手順をご依頼ください。
－ ５ ―
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ MyKomon
MyKomon ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
組込みの手順（本文ページ）
コンテンツの本文を組込む手順をご説明します。
① コンテンツを組込む部分以外のデザインを作り込んだhtmlファイルを作成
※ファイル名は「template.html」としてください
（例）template.htmlをブラウザで開いた状態
コンテンツを差込む部分が空白で見える
② template.htmlのコンテンツ本文を差込みたい部分に、以下の文字を記述
<div id="mkcontents">
<!--hp2_body-->
</div>
③ <head> ～ </head>の間に以下の文字を記述
<link href="http://www.gazou-data.com/contents_share/css/contents.css" rel="stylesheet" type="text/css">
④ 相対的URLが記載されている箇所を全て絶対的URLに変更
（例）<img href=“image/xxxxx.gif”> ⇒ <img href=“http://●●●/image/xxxxx.gif">
【参考】相対的URLを探す際は、gif、jpg、css、js、href、src等でソースコードを
検索すると見つけやすいです。
⑤ 作成したhtmlファイルをサーバーへアップロード
※template.htmlはサーバーの一番上の階層（index.htmlと同じ場所）にアップロードしてください。
※template.htmlの文字コードはShift-JISで保存してください。
(例) <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
※ホームページの管理を委託されている場合は、業者様へ上記の手順をご依頼ください。
－ ６ ―
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ MyKomon
あきばれホームページへ組込む場合
あきばれホームページサービスをご利用の場合に、ホームページへ
コンテンツを組込む手順をご説明します。
－ ７ ―
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ MyKomon
MyKomon ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
組込みの手順（トップページ）
トップページにコンテンツのサマリーを組込む手順をご説明します。
① トップページに記事を追加する画面を開いてhtml編集モードにする
② html編集画面へ以下の文字を記述
<script language="JavaScript" type="text/javascript" src="http://（※１）/top.php?page=（※２）" ></script>
③ ②の記述を以下の文字で囲む
<div id="mkcontents">
<script language="JavaScript" type="text/javascript" src="http://（※１）/top.php?page=http://www.gazoudata.com/contents_share/css/blog_css&image=1"></script>
（②の記述内容）
</div>
（※１） ： 別紙「提供コンテンツのアドレスについて」に記載されたアドレス
（※２） ： 組込むコンテンツのコードを入力
（「コンテンツごとのコード一覧」を参考にしてください）
（②～③までを記述した例
※アドレスが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>
④ 記事を保存
－ ８ ―
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ MyKomon
MyKomon ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
組込みの手順（本文ページ）
コンテンツの本文を組込む手順をご説明します。
① コンテンツを組込む部分以外のデザインを作り込んだhtmlファイルを作成
※ファイル名は「template.html」としてください。
※ソースを右クリックでコピーすると便利です。
（例）template.htmlをブラウザで開いた状態
コンテンツを差込む部分が空白で見える
② template.htmlのコンテンツ本文を差込みたい部分に、以下の文字を記述
<div id="mkcontents">
<!--hp2_body-->
</div>
③ <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>
④ 相対的URLが記載されている箇所を全て絶対的URLに変更
（例）<img href=“image/xxxxx.gif”> ⇒ <img href=“http://●●●/image/xxxxx.gif">
【参考】相対的URLを探す際は、gif、jpg、css、js、href、srcを検索すると見つけやすい
⑤ 記事の作成画面を開き、作成したhtmlファイルをアップロード
※ダミーページを作成した後、「ファイルをアップロード」部品を追加し、
作成したtemplate.html をアップロードしてください。
（あきばれHPの仕様は変更されることがございます。予めご了承ください。）
※template.htmlの文字コードはShift-JISで保存してください。
(例) <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
－ ９ ―
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ MyKomon
補足事項
－ １０ ―
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ MyKomon
MyKomon ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
補足
ここまでの手順でコンテンツを組込むことができますが、
より高度な使い方をする方法をご説明します。
■ 本文ページへ直接リンクする方法
本文ページは、以下のURLで表示させることができます。
http://（※１）/view.php?page=（※２）
(※１) ： 事前準備でCNAMEレコードの追加を行った場合 ： CNAMEレコードを追加したホスト名
CNAMEレコードの追加が行えなかった場合 ： 別紙「提供コンテンツのアドレスについて」に記載された
アドレス
（※２） ： 組込むコンテンツのコードを入力 （「コンテンツごとのコード一覧」を参考にしてください）
※メニューボタンなどを置き、コンテンツページへ直接リンクさせる場合は
この方法をお使いください
■ 文字化けしてしまう場合
コンテンツの文字コードは、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での作成をお願いいたします。
■ コンテンツの文字サイズを変更したい場合
コンテンツの文章は文字サイズなどを指定していないため、以下のスタイルシートを
記述することにより変更することができます。
① <link href=“http://www.gazou-data.com/contents_share/css/contents.css”
rel=“stylesheet” type=“text/css”> のスタイルシート指定を削除
※P５③、P６③ の部分
② 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
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
※コードは全て半角・小文字で入力してください
－ １２ ―
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ MyKomon
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
※コードは全て半角・小文字で入力してください
－ １３ ―
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ MyKomon
株式会社名南経営コンサルティング
メールでのお問合せ：[email protected]
フリーダイヤル
：0120-156027（9：00～18：00 土日祝を除く）本社におつなぎします。
本
社
東京事務所
大阪事務所
福岡事務所
〒460-0003
〒100-0011
〒530-0005
〒812-0016
名古屋市中区錦2-4-15
千代田区内幸町1-1-7
大阪市北区中之島2-2-2
福岡市博多区博多駅南1-2-2
TEL：052-229-0740
TEL：03-3595-7251
TEL：06-4707-8711
TEL：092-418-1136
FAX：052-229-0741
FAX：03-3595-7252
FAX：06-4707-8722
FAX：092-418-1137