カスタマイズが簡単な小規模サイト向けCMS - ホームページ自動更新 CGI「すぐ使えるCGI」のデザインカスタマイズのマニュアル

 

操作マニュアル


一覧

設置されたCGIにブラウザからアクセスすると、管理画面に現在登録されている内容が一覧表示されます。

最初にアクセスした時は空の一覧です。


新規登録

記事を新規登録するには、一覧画面に表示されている [Create New Article] ボタンを押して下さい。


新規登録入力用画面が表示されます。日付( [Date] 欄)は作業日現在の日付が自動入力されますが、過去・未来のいずれの日付にも変更できます。

《参考》
記事は、日付にかかわらず後に登録されたものが上に追加されます。


[Title]欄と[Contents]欄に、内容を入力して下さい。

この画面から [Cancel (Return to the list)] ボタンを押すと、記事の書き出しは行われず、一覧画面に戻ります。


登録を進める場合、 [Preview] ボタンを押して下さい。

入力した内容の確認画面が表示されます。修正したい場合は、 [Modify] ボタンを押すと入力画面に戻ります。

確定する場合、 [Save] ボタンを押して下さい。

この画面から [Cancel (Return to the list)] ボタンを押すと、記事の書き出しは行われず、一覧画面に戻ります。


登録が完了すると、一覧画面に戻ります。今行なった登録がリストに追加されています。

[List] と [Short List] のリンクから、ウェブサイトのページも更新されているのを確認して下さい。

変更

移動リンクを使って変更したい記事を一覧に表示させて下さい。


変更したい記事の [Change] ボタンを押して下さい。


編集用の入力画面が表示されます。入力フィールドには現在の登録内容が表示されます。


入力画面で、内容を変更して下さい。全ての項目が変更できます。

変更が終わったら、 [Preview] ボタンを押して下さい。

この画面から [Cancel (Return to the list)] ボタンを押すと、記事の変更は行われず、一覧画面に戻ります。

確認画面に入力した内容が表示されます。修正したい場合は、 [Modify] ボタンを押すと入力画面に戻ります。

確定する場合、 [Save] ボタンを押して下さい。

この画面から [Cancel (Return to the list)] ボタンを押すと、記事の変更は行われず、一覧画面に戻ります。

変更が完了すると、一覧画面に戻ります。

[List] と [Short List] のリンクから、ウェブサイトのページも更新されているのを確認して下さい。

削除

間違いの登録や表示が不要となった記事は削除できます。

移動リンクを使って削除したい記事を一覧に表示させて下さい。


削除したい記事の [Delete] ボタンを押して下さい。


確認の画面が表示されます。

削除を取りやめたい時は [Cancel (Return to the list)] ボタンを押して下さい。 [Delete] ボタンを押すと、削除が実行されます。


削除が完了すると、一覧画面に戻ります。

一覧から削除した記事の表示が無くなっていることを確認して下さい。

[List] と [Short List] のリンクから、ウェブサイトのページも更新されているのを確認して下さい。

順番の変更

登録後の記事は順番の入れ替えが可能です。

[Up] ボタンを押すと記事の順番が一つ上のものと入れ替わります。

[Down] ボタンを押すと記事の順番が一つ下のものと入れ替わります。

一番上の記事の [Up] ボタンと一番下の記事の [Down] ボタンは、押しても順番変更はされません。


タグ入力の方法

通常は、タグ入力は無効となります。(=入力したタグがそのまま表示されます。)

HTMLタグを有効にしたい場合は、その部分のコードを {{{ と }}}(中カッコ3つずつ)で囲って下さい。(記事内容([Contents])でのみ有効。)

入力例 ページでの表示
You can input as follows to write a text link.
Ready-to-Use CGI TOP
入力例 ページでの表示
Partially emphasized line
入力例 ページでの表示
HTML tags are <B>by default</B> replaced by entities.
Wrote a table.

タグ入力をする場合は、1組の {{{ と }}} の内部でHTMLタグが完結する(=開始タグと終了タグが両方ある)ように入力して下さい。

○よい例 ×悪い例

改行の扱い

改行は、入力した通りに表示されます。ウィンドウの幅で折り返せばよい場合は、改行を入力しないで下さい。
パラグラフを空行で区切ると、区切られたパラグラフは<p>タグで囲まれます。

ヘッダ変換

記事内容([Contents])は簡単な入力規則でセクションタイトルなどのためのヘッダタグ(<h2>、<h3>、<h4>)を指定できるようになっています。
変換規則は以下の通りです。

規則
(以下のカッコで囲う)
(いずれも半角)
変換先
タグ
{ } (中カッコ, curly bracket, brace) h2
[ ] (角カッコ, bracket) h3
( ) (丸カッコ, parenthesis) h4

入力例 ページでの表示

Curly brackets are replaced by h2 tag

Bla Bla, this is a paragraph.

Brackets are replaced by h3 tag

Bla Bla, this is a paragraph.

Parenthesis are replaced by h4

Bla Bla, this is a paragraph.

ヘッダ以外の部分は、パラグラフとして<p>タグで括られます。

入力例 ページでの表示

Curly brackets are replaced by h2 tag

Bla Bla, this is a paragraph. Paragraphs are separated by a blank line.

Brackets are replaced by h3 tag

Paragraphs are separated by a blank line.

Paragraphs are separated by a blank line. A paragraph will be put between <p> and </p>.
A linefeed
will be converted into a <br>.

ヘッダの上下の空行は、あっても無くても同じです。

入力例 ページでの表示

Parenthesis are replaced by h4

Bla Bla, this is a paragraph.

Parenthesis are replaced by h4

Between a header and a paragraph, you may leave one blank line or not.

Parenthesis are replaced by h4

Between a header and a paragraph, you may leave one blank line or not.

文章中にカッコが含まれていた場合はヘッダ変換は行われません。
括られた括弧の前後に文字が無い場合のみヘッダ変換されます。

入力例 ページでの表示

Curly brackets are replaced by h2 tag

Brackets in a sentence are not replaced by header tags. Example) Change $conf{webdir} in admin.cgi, blabla.

webdir

This will be parsed as a header.

Parenthesis are replaced by h4

This line is not a header. (Because there is input out of  parenthesis.)

よく使うタグの表示と利用

タグ入力やヘッダ変換用の入力フォーマットは、入力画面の [Code snippets] のリンクを選択すると表示されます。

表示されたフォーマットをコピーし、記事内容欄にペーストして使用して下さい。

[Hide] のリンクを選択すると、表示されたフォーマットを再度隠すことができます。

サポート情報検索