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%に拡大して表示されます)
    ただし、あまり大きなファイルサイズの画像はアップロードの制限にひっかかりますのでアップする前に画像加工ソフトで適当な画像サイズに編集して下さい。
  • アップロードできる画像ファイルと記事の最大の大きさは「cgi-lib.pl」で設定されています
  • 同一のファイル名が存在した場合は初期設定に設定した通り挙動します
  • ファイル名は半角の英文字、数字、-、_で構成し31文字以内にして下さい、漢字、かな、カタカナ、全角は使えません(拡張子は大文字、小文字のどちらでもOKです)
  • 記事を削除した場合は関連するファイルも同時に削除されます。
  • 配置可能場所は実際には全て指定できますが表示させる環境によって表示の可、不可が変わります。
  • 画像のキャプションを指定することができます。
    キャプションを指定した場合は、キャプションの位置、文字サイズの大きさ、文字の太さを指定して下さい。
    文字の太さは1〜9段階で指定でき、9が bold の設定となります。
  • 画像ファイル1ではPDFファイルを始め全てのファイルをアップロード対象とできますが上記以外の拡張子のファイルはタイトルにリンクされます。(配置は「タイトルにリンク」に自動設定されます)

画像の配置

  • 配置は「上」「左」「右」「下」「記事に挿入」「タイトルにリンク(pdf他)」「バックグラウンド」「携帯上」「携帯下」から指定できます
  • 記事文章中に表示させる場合は「記事に挿入」を指定します
    記事中にある以下のどれかのタグがあると画像に置き換わります(キャプションが指定されているとテーブルとして挿入されます)
    <画像番号> <画像ファイル名> <IMG src=画像ファイル名>
  • 「タイトルにリンク」はPDFファイルやファイルのダウンロード等タイトルから直接ファイルを呼び出し時に指定します
  • 「バックグラウンド」は記事詳細画面のバックグラウンド画像とすることができます、(テンプレートHTMLファイルに<BODY>タグが必要です
  • 同じ配置場所を複数指定できますが、上下は横並び、左右は縦並びになります

記事と画像の配置例、配置タグを指定しない場合(罫線は表示されません、携帯は適用外

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

記事と画像の配置例、配置タグを指定した場合(罫線は表示されません、携帯は適用外)

  記事項目の中に配置タグが挿入されていると指定した画像番号に対してテキストが配置されます
  「上」「下」に配置した画像が複数ある場合はどちらかの画像番号に対して指定してください
  • 配置タグ  <bl画像番号>XXX</bl>

  • 配置を上に指定している画像に対し文章XXXは上の画像の下に文章が配置されます
  • 配置を右に指定している画像に対し文章XXXは右の画像の左側に文章が配置されます
  • 配置を左に指定している画像に対し文章XXXは左の画像の右側に文章が配置されます
  • 配置を下に指定している画像に対し文章XXXは下の画像の下に文章が配置されます
  • 配置タグに囲まれていない文章は最上部に配置されます
例:全てのタグを使った場合の配置
ブロック指定外の記事
画像(上)
ブロック1の記事
画像(左)ブロック2の記事ブロック3の記事画像(右)
画像(下)
ブロック4の記事
【記事サンプル】
ブロック指定外の記事
<bl1>ブロック1の記事</bl>
<bl2>ブロック2の記事</bl>
<bl3>ブロック3の記事</bl>
<bl4>ブロック4の記事</bl>

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制作も承ります。