スライド 1

Size: px

Start display at page:

Download "スライド 1"

ありみちさんきち
7 years ago
Views:

1 自動更新ホームページ 2 組込み手順書

3 MyKomon 目次 - 1 この手順書では自動更新コンテンツを既存のホームページへ組込む際に行う作業の手順をご説明していますホームページの作成管理を業者様へ委託されている場合はこの手順書を業者様へお渡しいただくことをおすすめいたします既存ホームページへの組込みイメージ P. 2 通常のホームページへ組込む場合 P. 3 組込みの手順 ( 事前準備 ) P. 4 組込みの手順 ( トップページ ) P. 5 組込みの手順 ( 本文ページ ) P. 6 あきばれホームページへ組込む場合 P. 7 組込みの手順 ( トップページ ) P. 8 組込みの手順 ( 本文ページ ) P. 9 補足事項 P.10 補足 P.11 コンテンツごとのコード一覧 P.12

本文へをクリックするとコンテンツ本文へ移動しますコンテンツ本文コンテンツの本文全体を組込んだ形でページを表示することができます

4 MyKomon 既存ホームページへの組込みイメージ既存のホームページに組込む場合の完成イメージですトップページコンテンツサマリートップページにコンテンツのパーツを組込むことによりコンテンツサマリー ( 概要 ) を表示することができます本文ページ >> 本文へをクリックするとコンテンツ本文へ移動しますコンテンツ本文コンテンツの本文全体を組込んだ形でページを表示することができますコンテンツを組込むためのテンプレートを 1 ファイル作成するだけでお好みのコンテンツをどれでも表示することが可能ですコンテンツを組込む領域には 560ピクセル以上の幅が必要です幅が足りない場合コンテンツ文章がはみ出すことがあります - 2

5 - 3 通常のホームページへ組込む場合ご自分または業者へ依頼して HTML を作成している場合にホームページへコンテンツを組込む手順をご説明しますブログ形式のホームページサービスをご利用の場合は P7 以降をご覧下さい

6 MyKomon 組込みの手順 ( 事前準備 ) コンテンツの組込みを行うためには既存ホームページに対して事前準備を行う必要があります独自ドメインをお持ちの場合現在お持ちのホームページのサーバーへ以下の対応をお願いいたしますサーバーの管理を委託されている場合は業者様へ以下の情報をお伝えください独自ドメインをお持ちでない場合はこの手順は必要ありません DNS 情報に以下情報の追加をお願いいたします対応方法 : CNAMEレコードの追加ホスト名 : contents CNAME : srhp.mykomon.jp ( 例 ) 現在お持ちのドメインが mykomon.com である場合 contents.mykomon.com というホスト名を追加する独自ドメインをお持ちであるにもかかわらず DNS 情報へ上記 CNAME レコードの追加ができない場合は弊社へお問合せください - 4

7 MyKomon 組込みの手順 ( トップページ ) トップページにコンテンツのサマリーを組込む手順をご説明します 1 トップページの html ファイル (index.html) を開きコンテンツを表示させたい位置に以下の文字を記述 <script language="javascript" type="text/javascript" src=" 1)/top.php?page=( 2)" ></script> ( 1) : 事前準備で CNAME レコードの追加を行った場合 : CNAME レコードを追加したホスト名 CNAME レコードの追加が行えなかった場合 : 別紙提供コンテンツのアドレスについてに記載されたホスト名 ( 2) : 組込むコンテンツのコードを入力 ( コンテンツごとのコード一覧を参考にしてください ) 2 1 の記述を以下の文字で囲む <div id="mkcontents"> (1 の記述内容 ) </div> 3 <head> ~ </head> の間に以下の文字を記述 <link href=" rel="stylesheet" type="text/css"> (1~3 までを記述した例ドメインが mykomon.com の場合 ) <head> <link href=" rel="stylesheet" type="text/css"> </head> <td style="padding-left: 5px;"> <div id="mkcontents"> <script language="javascript" TYPE="text/javascript" src=" <script language="javascript" TYPE="text/javascript" src=" </div> </td> 4 作成した html ファイルをサーバーへアップロードホームページの管理を委託されている場合は業者様へ上記の手順をご依頼ください - 5

8 MyKomon 組込みの手順 ( 本文ページ ) コンテンツの本文を組込む手順をご説明します 1 コンテンツを組込む部分以外のデザインを作り込んだ html ファイルを作成ファイル名は template.html としてください ( 例 )template.html をブラウザで開いた状態コンテンツを差込む部分が空白で見える 2 template.html のコンテンツ本文を差込みたい部分に以下の文字を記述 <div id="mkcontents">  </div> 3 <head> ~ </head> の間に以下の文字を記述 <link href=" rel="stylesheet" type="text/css"> 4 相対的 URL が記載されている箇所を全て絶対的 URL に変更 ( 例 )<img href= image/xxxxx.gif > <img href= /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

9 - 7 あきばれホームページへ組込む場合あきばれホームページサービスをご利用の場合にホームページへコンテンツを組込む手順をご説明します

10 MyKomon 組込みの手順 ( トップページ ) トップページにコンテンツのサマリーを組込む手順をご説明します 1 トップページに記事を追加する画面を開いて html 編集モードにする 2 html 編集画面へ以下の文字を記述 <script language="javascript" type="text/javascript" src=" 1)/top.php?page=( 2)" ></script> 3 2 の記述を以下の文字で囲む <div id="mkcontents"> <script language="javascript" type="text/javascript" src=" 1)/top.php?page= (2 の記述内容 ) </div> ( 1) : 別紙提供コンテンツのアドレスについてに記載されたアドレス ( 2) : 組込むコンテンツのコードを入力 ( コンテンツごとのコード一覧を参考にしてください ) (2~3 までを記述した例アドレスが mykomon.hpcontents.com の場合 ) <div id="mkcontents"> <script language="javascript" type="text/javascript" src=" <script language="javascript" type="text/javascript" src=" <script language="javascript" type="text/javascript" src=" </div> 4 記事を保存 - 8

11 MyKomon 組込みの手順 ( 本文ページ ) コンテンツの本文を組込む手順をご説明します 1 コンテンツを組込む部分以外のデザインを作り込んだ html ファイルを作成ファイル名は template.html としてくださいソースを右クリックでコピーすると便利です ( 例 )template.html をブラウザで開いた状態コンテンツを差込む部分が空白で見える 2 template.html のコンテンツ本文を差込みたい部分に以下の文字を記述 <div id="mkcontents">  </div> 3 <head> ~ </head> の間に以下の文字を記述 <style type="text/css">  </style> 4 相対的 URL が記載されている箇所を全て絶対的 URL に変更 ( 例 )<img href= image/xxxxx.gif > <img href= /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

12 補足事項 - 10

13 - 11 MyKomon 補足ここまでの手順でコンテンツを組込むことができますがより高度な使い方をする方法をご説明します本文ページへ直接リンクする方法本文ページは以下の URL で表示させることができます 1)/view.php?page=( 2) ( 1) : 事前準備で CNAME レコードの追加を行った場合 : CNAME レコードを追加したホスト名 CNAME レコードの追加が行えなかった場合 : 別紙提供コンテンツのアドレスについてに記載されたアドレス ( 2) : 組込むコンテンツのコードを入力 ( コンテンツごとのコード一覧を参考にしてください ) メニューボタンなどを置きコンテンツページへ直接リンクさせる場合はこの方法をお使いください文字化けしてしまう場合コンテンツの文字コードは Shift-JIS で出力されています組込んだコンテンツが文字化けしてしまう場合は組込み先ページの文字コードが Shift-JIS 以外であることが考えられますトップページのサマリーへの記述に文字コードを付加することによりコンテンツを特定の文字コードで表示することが可能になります ( 文字コードを utf-8 で表示する場合の記述例 ) <script language="javascript" type="text/javascript" src=" 本文の template.html は文字コードの指定ができません Shift-JIS での作成をお願いいたしますコンテンツの文字サイズを変更したい場合コンテンツの文章は文字サイズなどを指定していないため以下のスタイルシートを記述することにより変更することができます 1 <link href= 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>

14 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

15 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

16 株式会社名南経営コンサルティングメールでのお問合せフリーダイヤル : (9:00~18:00 土日祝を除く ) 本社におつなぎします本社名古屋市中区錦 TEL: FAX: 東京事務所千代田区内幸町 TEL: FAX: 大阪事務所大阪市北区中之島 TEL: FAX: 福岡事務所福岡市博多区博多駅南 TEL: FAX:

2 COPYRIGHT TempNate. ALL RIGHTS RESERVED.

Crescent Eve ホームページ編集ソフトの使い方マニュアル 1 COPYRIGHT TempNate. ALL RIGHTS RESERVED. 2 COPYRIGHT TempNate. ALL RIGHTS RESERVED. 3 COPYRIGHT TempNate. ALL RIGHTS RESERVED. 4 COPYRIGHT TempNate. ALL RIGHTS RESERVED.