使用マニュアル
パッケージプログラムの使用方法をわかりやすく解説しています。
管理画面の見方
| 重要度: 難易度: |
管理画面を開くと次のように表示されます。
- 左メニュー・コンテンツ一覧
インストール済みのコンテンツ一覧が表示されます。変更したいコンテンツの管理画面をこちらから選びます。 - 上部・メールフォーム用コンテンツ選択
コラムプログラムが複数設置してある場合はこちらから変更したいコンテンツを選びます。 - 上部・コンテンツ名
コラムのタイトルが表示されます。クリックすると現在の表示状態を見ることができます。 - 上部・ナビゲーション
コラムの管理メニューのナビゲーションです。
新規登録(記事を新規投稿する)
| 重要度: 難易度: |
コラム記事を新規投稿します。
- タイトル
コラムの記事タイトルを入力します。 - 投稿日時
投稿日時を現時点ではない日時にして投稿したい場合は、希望日時を選択してください。投稿日時を現在にする場合は何もする必要はありません。 - 記事の内容
文章を入力します。 - 記事の確認
投稿する前に内容確認する場合は【プレビュー】ボタンをクリックします。 - 記事の投稿
記事を投稿するには【投稿する】ボタンをクリックします。
文字の装飾
【記事の内容】にあるボタンで文字を装飾したり色を変えたりリンクを張ったりすることができます。同じ文字列に対し、複数の装飾を適用することも可能です。
使用方法は2通りあります。
- 装飾を施したい文字を選択し、「太字」「■」等のボタンをクリックする。
- 「太字」「■」等のボタンをクリックし、スクリプトプロンプトの指示に従い文字列等を入力する。
| 用途 | 使用タグ | 表示結果 | |
|---|---|---|---|
| 色 | 16色 | - | - |
| 文字形態 | 太字 | <strong>文字列</strong> | 文字列 |
| 斜体 | <em>文字列</em> | 文字列 | |
| 文字サイズ | 特大 | <span style='font-size:x-large;'>文字列</span> | 文字列 |
| 大 | <span style='font-size:large;'>文字列</span> | 文字列 | |
| 中 | <span style='font-size:medium;'>文字列</span> | 文字列 | |
| 小 | <span style='font-size:small;'>文字列</span> | 文字列 | |
| 特小 | <span style='font-size:x-small;'>文字列</span> | 文字列 | |
| 文字位置 | センタリング | <div style='text-align:center;'>文字列</div> | 文字列 |
| 左寄せ | <div style='text-align:left;'>文字列</div> | 文字列 | |
| 右寄せ | <div style='text-align:right;'>文字列</div> | 文字列 | |
| その他 | 段落 | <p>文字列文字列文字列</p> | 文字列文字列文字列 |
| 引用 | <blockquote>文字列文字列文字列</blockquote> | 文字列文字列文字列 | |
| リンク | <a href='http://onmix.com/' target='_blank'>文字列</a> | 文字列 | |
画像を追加
文章内に画像を挿入します。
- 挿入位置指定
画像を挿入したい場所にカーソルを移動します。 - 画像を追加
【画像を追加】リンクをクリックすると小ウィンドウが開きます。 - 【画像アップロード】
クリックすると新規画像アップロード画面が開きます。詳細は【画像の管理】をご参照ください。 - 【画像の回り込み】
「なし」の場合は画像の後ろの文章は画像の下から表示されます。
「左回り」の場合は画像は右側に表示され、画像の後ろの文章は画像の左側に表示されます。
「右回り」の場合は画像は左側に表示され、画像の後ろの文章は画像の右側に表示されます。 - 【テキストリンクを貼る】
チェックボックスをONにすると、画像サムネイルが本文に挿入されずにテキストからのリンクとなります。 - 画像選択
挿入したい画像の行の【挿入】ボタンをクリックします。 - 挿入
本文の入力フォームに画像挿入タグが入力されます。 - 項目を追加
項目の種類を選択したら【項目を追加】ボタンを押します。
編集・削除(登録されている記事を編集・削除する)
| 重要度: 難易度: |
登録されている記事を編集・削除します。
編集
記事の編集は次の手順で行います。
- 編集ボタン
【編集】ボタンをクリックします。記事編集画面が開きます。 - 記事編集画面
修正したい場所を書き換えます。 - 投稿する
【投稿する】ボタンを押してください。
削除
記事の削除は次の手順で行います。
- 削除ボタン
【削除】ボタンをクリックします。 - 削除確認
削除確認のダイアログが表示されます。 - 確定
削除を実行してよければ「OK」を、中止する場合は「キャンセル」をクリックします。
画像の管理(画像アップロード・削除)
| 重要度: 難易度: |
コラム記事に使用する画像の管理方法です。
画像アップロード
画像アップロードは次の手順で行います。
- 画像説明文
アップロードする画像の説明文を入力します。ALTタグにも使用されますので正確に入力してください。 - 画像ファイル
アップロードする画像を選択します。 - 【参照】ボタンをクリックします。
- ご自分のコンピュータ内からアップロードしたい画像を選択します。
- 【開く】ボタンをクリックします。
- 画像を追加
【画像を追加】ボタンをクリックします。
削除
記事の削除は次の手順で行います。
- 削除ボタン
【削除】ボタンをクリックします。 - 削除確認
削除確認のダイアログが表示されます。 - 確定
削除を実行してよければ「OK」を、中止する場合は「キャンセル」をクリックします。
アップロード可能なファイル形式
アップロード可能なファイル形式は次の通りです。
- GIF形式
- JPG形式
- PNG形式
設定(基本的な表示設定)
| 重要度: 難易度: |
コンテンツの基本的な設定を行います。
- ツールのタイトル
コンテンツタイトルを入力します。管理画面のメニューや、閲覧画面のタイトルバーに挿入されますので正式な名称を入力してください。 - 非公開設定
閲覧ページを表示しない場合にチェックボックスをONにします。デザイン設定中やコンテンツ準備中にお使いください。 - デフォルトの表示モード
閲覧ページのトップページをどのように表示するかの設定です。 - ページ表示→コラム記事本文をトップページに設定する
- 一覧表示→コラム記事タイトル一覧をトップページに設定する
- 記事タイトルの使用
記事にタイトルを使用するかどうかの設定です。 - 使用する→タイトル入力必須で、コラム記事タイトル一覧にもそのまま使用されます。
- 使用しない→タイトル入力欄がなくなり、コラム記事タイトル一覧には本文の数文字が使用されます。
- 1ページに表示する記事の件数
ページ表示した場合の1ページ表示件数になります。(一覧表示画面から特定の記事を表示した場合は1件のみ表示されます。) - インデックスページの最新表示件数
一覧表示させた場合の1ページ表示件数になります。 - 本文を見出しに使用する場合の文字数
記事タイトル未入力の場合に記事本文の数文字を見出しとして使用します。その時の文字数を「全角で何文字」か指定してください。 - 画像サムネイル表示のピクセルサイズ
アップロードした画像がこのサイズを超えていた場合に自動的にサムネイル画像を作成します。 - 画像タグのクラス名
画像タグ挿入の際に自動的に付加されるクラス名を指定します。HTMLを熟知している方のみご入力ください。
最後に【設定を保存】ボタンをクリックしてください。
スキン(スキンの取り扱いについて)
| 重要度: 難易度: |
コラムのデザインは【スキン】を設定することで変更することができます。スキンの設定は、HTMLを熟知している方のみ行ってください。
なお、ツール設置時にはデフォルトスキンが設定されていますので、お客様ご自身で設定しなくてもそのままご使用になれます。
オンミックスではスキン作成代行を承っております。
基本的な変数について
| 共通 | ||
|---|---|---|
| 項目 | 挿入位置指定 | 変数と使用例 |
| タイトル | 指定内容コンテンツ名を挿入開始指定{TITLE}終了指定none |
記述・表示例
スキン記述<title>{TITLE}<title>サイトへの表示タイトルバーにコンテンツ名表示 |
| トップページリンク | 指定内容メールフォームトップページへのリンクを挿入開始指定{TOPURL}終了指定none |
記述・表示例
|
| 外部ファイル呼び出し | 指定内容同じサーバーのファイルを呼び出す開始指定{INCLUDE}終了指定{/INCLUDE} |
サイトのデザインファイル等を呼び出すのに使用すると便利です。
記述・表示例
スキン記述{INCLUDE}/template/head.dat{/INCLUDE}サイトへの表示/template/head.datというファイルを指定位置に挿入します。 |
| 日付 | 指定内容日付を挿入する位置開始指定{DAY}終了指定{/DAY} |
Y(西暦)、m(XX月)、d(XX日)、w(日本語の曜日) →もっと他にもみる 記述・表示例
スキン記述{DAY}Y年d月w日(w){/DAY}サイトへの表示2005年04月01日(金) |
| 記事タイトル | 指定内容記事タイトルを挿入開始指定{SUBJECT}終了指定none |
記述・表示例
|
| 外部ファイル呼び出し | 指定内容同じサーバーのファイルを呼び出す開始指定{INCLUDE}終了指定{/INCLUDE} |
サイトのデザインファイル等を呼び出すのに使用すると便利です。
記述・表示例
スキン記述{INCLUDE}/template/head.dat{/INCLUDE}サイトへの表示/template/head.datというファイルを指定位置に挿入します。 |
| 記事表示画面 | ||
| 項目 | 挿入位置指定 | 変数と使用例 |
| 全体 | 指定内容投稿内容全てを繰り返し挿入する位置開始指定{LOOP_ENTRY}終了指定{/LOOP_ENTRY} |
記述・表示例
スキン記述{LOOP_ENTRY}{DAY}〜{/DAY} {SUBJECT}<br> {ENTRY}<br> ------------------------- {/LOOP_ENTRY} サイトへの表示2005年03月15日 美味しかったです昨日もらったものは全部食べてしまいました。 ------------------------- 2005年03月14日 今日はホワイトデーです バレンタインのお返しに落花生をもらいました。不思議です。 …… |
| 記事本文 | 指定内容記事本文を挿入する位置開始指定{ENTRY}終了指定none |
|
| 古い記事へ移動 | 指定内容ページ移動ナビゲーション位置(古い記事へ)開始指定{LINK_PREV}終了指定{/LINK_PREV} |
{URL_PREV}〜{/LINK_PREV}、 {LINK_NEXT}〜{/LINK_NEXT} は該当する新旧ページが存在しない場合は表示されません。 記述・表示例
|
| 古い記事リンク | 指定内容ページ移動リンク(古い記事へ)開始指定{URL_PREV}終了指定none |
|
| 新しい記事へ移動 | 指定内容ページ移動ナビゲーション位置(新しい記事へ)開始指定{LINK_NEXT}終了指定{/LINK_NEXT} |
|
| 新しい記事リンク | 指定内容ページ移動リンク(新しい記事へ)開始指定{URL_NEXT}終了指定none |
|
| 記事一覧へリンク | 指定内容ページ移動リンク(新しい記事へ)開始指定{URL_INDEX}終了指定none |
|
| 一覧表示画面 | ||
| 項目 | 挿入位置指定 | 変数と使用例 |
| 月別バックナンバー | 指定内容月別バックナンバーを挿入する位置開始指定{LIST_MONTH}終了指定none |
記述・表示例
スキン記述{LOOP_MONTH}サイトへの表示 |
| 全体 | 指定内容リストを繰り返し挿入する位置開始指定{LOOP_INDEX}終了指定{/LOOP_INDEX} |
記述・表示例
スキン記述{LOOP_INDEX}{DAY}〜{/DAY} <a href="{URL_TOPIC}">{SUBJECT}</a><br>-------------------------<br>{/LOOP_INDEX} サイトへの表示2005年03月15日 美味しかったです------------------------- 2005年03月14日 今日はホワイトデーです ------------------------- …… |
| 記事へリンク | 指定内容個別記事へのリンクを挿入する位置開始指定{URL_TOPIC}終了指定none |
|
スキン(記事表示画面・一覧表示画面)
| 重要度: 難易度: |
記事表示画面・一覧表示画面のスキン設定です。どちらもHTMLヘッダの記述が必要となります。スキンの設定は、HTMLを熟知している方のみ行ってください。
なお、新規にツールを設置しますと、デフォルトスキンが入っておりますので、そのままご利用になれます。
「既存のウェブサイトのデザインに合わせたい」「ツール用に新しくデザインがほしい」という場合は、オンミックスにてスキン作成、デザイン作成を承っております。ぜひお気軽にご相談ください。
タグ編集
| 重要度: 難易度: |
コラム更新時に頻繁に使用されるオリジナルタグを6つまで登録しておくことができます。HTMLを熟知している方のみ行ってください。
- 【タグ編集】画面にて、任意のタグを入力します。
- 名前
定型タグの名称を入力します。覚えやすい任意の名称で構いません。 - 開始タグ
開始タグを入力してください。「"」(ダブルクォート)は「'」(シングルクォート)に置き換えられます。 - 終了タグ
終了タグを忘れずに入力してください。 - 【このタグを更新】ボタンをクリックします。
- 【新規投稿】画面に、作成したタグの名前のボタンが追加されます。


