ログ編集の仕方

♨　ログ編集の仕方　♨

■用意するもの
・ログファイル
　　※ログファイルを保存するときは[全タブ]を押して保存することをお勧めします

・テキストエディタのソフト
　　オススメ：サクラエディタ
　　●公式サイト

■ファイルの置き方
①ログ用のフォルダに、ログファイルのhtmlを入れます。

②画像用のフォルダを作り、その中にアイコンや立ち絵や背景画像を入れます。

③htmlと画像の名前を、システム名やシナリオ名、話数など特徴あるものに変更します。
　▼htmlの変更後　例:ARA2Eのスティールスカイの1話前編の場合
　　ARA2E_SteelSky_01-1.html
　▼画像の変更後　例:ARA2EのおふろGMの場合
　　ARA2E_ohuroGM_01.png

■htmlの編集の仕方
①保存したログファイルをサクラエディタで開きます。

②1行目からの部分を編集します。
　ここでこのページのタイトルと、背景色を設定できます。
　　※<meta name="robots" content="noindex">　の部分は検索避けです

▼編集前

<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml' lang='ja'>
  <head>
    <meta http-equiv='Content-Type' content='text/html; charset=UTF-8' />
    <title>チャットログ：メイン</title>
  </head>
  <body>

▼編集後 (赤い部分が追加とか編集する場所)

<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml' lang='ja'>
  <head>
    <meta name="robots" content="noindex">
    <meta http-equiv='Content-Type' content='text/html; charset=UTF-8' />
    <title>★ここにシナリオタイトル★</title>
  </head>
  <body bgcolor="★ここに背景色のカラーコード(例：#F8ECE0)★">
  <body>

③一番下の部分を編集します。
▼編集前

  </body>
</html>

▼編集後 (赤い部分が追加する場所)

<a href="index.html">目次</a>
  </body>
</html>

④キャラのセリフにアイコンを入れます。
▼編集前

[メイン]<font color='#000000'><b>おふろGM</b>：おふろできたよ！</font><br>

▼編集後 (赤い部分が追加する場所)

<img src="./img/ARA2E_ohuro_GM_01.png" width=80 height=80><font color='#000000'><b>おふろGM</b>：おふろできたよ！</font><br>

★この時、サクラエディタの置換機能を使うと簡単に変換をかけることができます。
　①サクラエディタでhtmlファイルを開いている状態で「Ctrl+R」を押します。
　②「置換前」の項目に「[メイン]おふろGM」の部分を入力
　③「置換後」の項目に「<img src="./img/ARA2E_ohuro_GM_01.png" width=80 height=80>おふろGM」を入力
　④右側にある「すべて置換(A)」を押して全体的に変換がかかることを確認します。

■ログのアップロードの仕方
①ログ置き場の一番下の右側にある「Powered by FC2ホームページ」をクリックします。

②ログインをクリックします。

③メールアドレスとパスワードを入れてログインします。

　　※メールアドレスとパスワードは別記

④ページ真ん中にある「ホームページ管理」の項目にある、「ファイルを作成　アップロード」という項目を押します。

⑤ファイルアップロードの画面が開くので、htmlファイルをそのままドラッグ&ドロップでアップロードします。

⑥メニューバーにある「img」をクリックし、そのフォルダの中に画像ファイルをドラッグ&ドロップでアップロードします。

⑦メニューバーにある「yfmy」をクリックし、htmlファイル一覧の中から「index.html」を右クリックしダウンロードします。。

⑧「index.html」を編集し、今回追加したhtmlファイルへのリンクを追加します。
　★※新しくhtmlファイルをアップロードする場合は、トップページからアクセスできるようにリンクを追加してあげる必要があります。

⑨index.htmlファイルもアップロードします。

⑩ログ置き場からアクセスしてちゃんと見れるかどうか確認して完了です。