GOiGOi Project (ゴイゴイ・プロジェクト) -> Whats New index -> 画像ファイルの指定
 

画像ファイルの指定

    指定可能ファイル拡張子指定箇所 配置可能
    GIFファイル.gif画像ファイル1〜「上」「左」「右」「下」「記事に挿入」「バックグラウンド」「携帯上」「携帯下」「custom?」
    JPEGファイル.jpg画像ファイル1〜 同 上
    フラッシュファイル.swfフラッシュファイル1〜 同 上
    BMPファイル.bmp画像ファイル1〜「上」「左」「右」「下」「記事に挿入」「custom?」
    PNGファイル.png画像ファイル1〜「携帯上」「携帯下」
    テキストファイル.htm .html画像ファイル1〜「上」「下」「custom?」
    CSVファイル.csv画像ファイル1〜「上」「下」「custom?」
    PDFファイル他.pdf他画像ファイル1「タイトルにリンク(pdf他)」

  • 画像ファイルを拡大、縮小して表示させる場合はピクセル値、または元サイズの%で指定してください。(例:120% 120%に拡大して表示されます)
    ただし、あまり大きなファイルサイズの画像はアップロードの制限にひっかかりますのでアップする前に画像加工ソフトで適当な画像サイズに編集して下さい。
  • 画像圧縮モジュールを使う設定になっていると画像サイズが指定したサイズより大きい場合は指定したサイズに自動縮小してアップします。
    「初期設定」で最大サイズが指定されている場合にも画像サイズが最大サイズより大きい場合は最大サイズに自動縮小してアップします。
    「初期設定」の「項目数指定」欄の「縮小画像を作成」にサイズが指定されている場合は縮小画像が作成されます。
  • アップロードできる画像ファイルの最大バイト数は「初期設定」の「画像アップロード」欄で設定されています。
  • 同一のファイル名が存在した場合は「初期設定」の「画像アップロード」欄で指定した通り挙動します。
  • ファイル名は半角の英文字、数字、-、_で構成し31文字以内にして下さい、漢字、かな、カタカナ、全角は使えません(拡張子は大文字、小文字のどちらでもOKです)
  • 記事を削除した場合は関連するファイルも同時に削除されます。
  • 配置可能場所は実際には全て指定できますが表示させる環境によって表示の可、不可が変わります。
  • 画像のキャプションを指定することができます。
    キャプションを指定した場合は、キャプションの位置、文字サイズの大きさ、文字の太さを指定して下さい。

画像の配置

  • 配置は「表示しない」「上」「左」「右」「下」「他で使用」、「携帯上」「携帯下」から指定できます
  • 記事文章中に表示させる場合は「他で使用」を指定します
    記事中にある以下のどれかのタグがあると画像に置き換わります(キャプションが指定されているとテーブルとして挿入されます)
    <画像番号> <画像ファイル名> <IMG src=画像ファイル名>
  • 「他で使用」はPDFファイルやファイルのダウンロード等タイトルから直接ファイルを呼び出し時に指定します。
  • 画像の配置は使用する挿入タグ(<!--start-->,<!--START-->)によって違います。
    <!--start-->は記事と画像を以下のように全体的に配置します。
    同じ配置場所を複数指定した場合は、上下は横並び、左右は縦並びになります。
    <!--start-->,<!--START-->は用途により使い分けて下さい。

<!--start-->タグ使用時の記事と画像の配置例(罫線は表示されません、携帯は適用外)

  • 左右どちらの画像もない場合は上の画像の下に記事が配置されます(上の画像がない場合は最上部、例1、2、6)
  • 左右どちらかの画像があるとその画像に対して記事が配置されます (例3、4)
  • 左右の画像がある (例5)
例1
画像(上)
記 事
画像(下)
例2
画像(上)
記 事
画像(記事中に挿入指定)
記 事
画像(下)
 
例3
画像(上)
記 事画像(右)
画像(下)
例4
画像(上)
画像(左)記 事画像(左)記 事
画像(下)
 
例5
画像(上)
画像(左)記 事記 事画像(右)
画像(下)
 
例6
画像(上1)、画像(上2)
記 事
画像(下1)、画像(下2)

<!--START-->タグ使用時の記事と画像の配置例(罫線は表示されません、携帯は適用外)

  • 記事+画像1〜画像最大数が順番に表示されていきます。(ブログタイプなどに適しています)
記 事
位置指定により
右の1つの表示
説明1
画像1(上)
説明1画像1(左)
画像1(右)説明1
説明1
画像1(下)
位置指定により
右の1つの表示
説明最大数
画像最大数(上)
説明最大数画像最大数(左)
画像最大数(右)説明最大数
説明最大数
画像最大数(下)

csv ファイル(,で区切られたテキストファイル)

  • エクセルの表形式を表示させたい場合に指定します
  • テキストファイルのフォーマットは以下の通りです
  1行目,#が先頭にあると以下のカンマ区切りはセルのWIDTHを指定できます。
  次の行=表題(キャプション、改行のみはキャプションを表示しません)
  次の行=表の項目名の並び(改行のみは項目名を表示しません)
  以降の行=実際の表のデータ

  (例)
  #25%,25%,25%,25%
  商品一覧表
  商品名,商品番号,仕入れ単価,売価(改行)
  電気掃除機,AA103,"20,000","25,000"(改行)
  冷蔵庫,BB105,"50,000","60,000"(改行)

  実際には以下のように表示されます

商品一覧表
商品名商品番号仕入れ単価売価
電気掃除機AA10320,00025,000
冷蔵庫BB10550,00060,000

   改行コードはUnix、Mac、Windows 全て可能です

テキストファイルの挿入

  • 拡張子が.htm、.html、.txtのテキストファイルはその内容を記事内に挿入することができます。
  • タグを含んだテキストファイルを指定できます
  • 拡張子.txtのテキストファイルは改行が<BR>に置き換えられます
  • HTMLファイルは<BODY>以下を記述し、</BODY></HTML>は不要です
  • 改行コードはUnix、Mac、Windows 全て可能です

使用講習会、説明会をご指定の場所で開催させていただきます

 本サイトの CGI は高機能で何でもできますが、高機能のため使用方法を完全に理解するためには説明を受けた方が解りやすいと思います。京阪神奈の制作会社様には使用講習会、説明会をご指定の場所で開催させていただきます。最下段のメールアドレスまでお問い合わせ下さい。(場所が京阪神奈以外の場合は実費交通費が必要です)

インストール、CGI制作の請け負い

 本サイトのプログラムは今までに CGI をインストールされた方なら簡単にインストールしていただけますが、設定も含めたインストール、サイト構築作業、CGI制作を請け負うことも可能です。お問い合わせページからご連絡ください。

GOiGOi Projectではフォームメール、WhatsNew(汎用データベース)、ページ自動生成、ページ更新、空き情報・予約など、ホームページを管理、運営する上でどうしても必要になってくるCGIをプロ仕様で提供しています。全てのプログラムは汎用CGIとして開発されていてどのようなサイトでもご使用いただけます。また、CGI制作も承ります。