管理モード管理用メニュートピックの投稿トップページ編集ブログTOP編集コンテンツTOP編集お知らせTOP編集コントロールパネルトップページ編集ここで言うトップページとは、index.phpにアクセスしたときに表示されるページのことです。このページのメインエリアに掲載する文章や画像などを、トピック投稿と同じような要領で編集することができます。※トップページを編集するためには、管理者としてログインしている必要があります。管理用メニューから「トップページ編集」をクリックすると、以下のようなフォームにジャンプします。各項目について説明します。種類:このフォームがコンテンツやブログ、お知らせの投稿フォームと同様の形式を用いているために表示されている項目です。トップページの編集では種類の切り替えはできません。タイトル:トップページメインエリアの内容物のタイトルです。標準CSSでは表示しないようになっていますが、CSSをカスタマイズすることによってここで設定したタイトルをトップページへ表示させることも可能です。本文:トップページメインエリアの本文です。管理者以外が編集することはないのでHTMLタグが使えるようになっています。テキストエリアの上部に配置されたボタン類は本文に装飾などを加えるためにHTMLタグを入力するためのものです。以下にその詳細を説明しますが、HTMLの知識がある方ならこれらのボタンに頼ることなく直接タグを記述しても問題ないでしょう。これらのタグを使用した結果の実際の表示についてはCSSで独自に変更することも可能です。<文字の色を変更する>次のボタンは文字の色を変更します。色を変更したい文字列を選択してからこれらのボタンを押して下さい。<文字に装飾を施す>文字を太字にします。対象の文字列を選択してからこのボタンを押して下さい。対象の文字列を選択してからこのボタンを押して下さい。文字に上線を付けます。対象の文字列を選択してからこのボタンを押して下さい。文字に打ち消し線を付けます。対象の文字列を選択してからこのボタンを押して下さい。文字に下線を付けます。対象の文字列を選択してからこのボタンを押して下さい。<文字(や画像)の配置を指定する>文字列を「左揃え」にします。対象の文字列を選択してからこのボタンを押して下さい。文字列を「中央揃え」にします。対象の文字列を選択してからこのボタンを押して下さい。文字列を「右揃え」にします。対象の文字列を選択してからこのボタンを押して下さい。<文字列をリンクにする>文字列にリンクを設定します。対象の文字列を選択してからこのボタンを押すと、リンク先のURLを入力するダイアログが表示されるので、リンク先となるウェブページのURLを入力してOKボタンを押します。その後、リンクをクリックした際に別ウィンドウで開かせるかどうかを尋ねるダイアログになるので、別ウィンドウにしたい場合はOKを、同じウィンドウでリンク先に移動させたい場合はキャンセルを押して下さい。<リストや表を作成する>リストや表を作成するためのタグを挿入します。これらのボタンはHTMLタグについて十分な知識がある場合のみ使用するようにして下さい。途中のタグの直後の改行はひとつだけなら無視される仕様になっていますので、後の項目で説明する自動改行がONになっていても途中のタグの直後には改行は挿入されません。<ul>タグのセットを入力します。3行のリストになっていますので、★印の部分を書き換えたり、適当にコピー&ペーストや削除をして行数を調整して下さい。<ol>タグのセットを入力します。3行のリストになっていますので、★印の部分を書き換えたり、適当にコピー&ペーストや削除をして行数を調整して下さい。<dl>タグのセットを入力します。中身は一対の<dt>と<dd>になっていますので、★印の部分を書き換えたり、適当にコピー&ペーストや削除をして行数を調整して下さい。<table>タグのセットを入力します。<table><caption><tfoot><tbody>、そして<tr><td>が入力されます。<その他のHTMLタグ>その他のHTMLタグを挿入します。これらのボタンはHTMLタグについて十分な知識がある場合のみ使用するようにして下さい。これらのボタンは、対象の文字列を選択してからボタンを押して下さい。選択された文字列を<tt>タグで囲みます。等幅フォントで表示されます。選択された文字列を<pre>タグで囲みます。自動改行の影響は受けず、タブは半角スペース2つ分に変換、改行を含む不可視項目もそのまま出力されるため説明のためのHTMLソースの記述などに利用できます。選択されたブ文字列を<code>タグで囲みます。自動改行の影響は受けず、タブは半角スペース2つ分に変換、改行を含む不可視項目もそのまま出力されるため説明のためのHTMLソースの記述などに利用できます。GsCMSにおける<pre>タグとの違いは、<code>タグの中身にPHPのコードなどを書くと関数名制御文字などを色分けしてハイライト表示するようになっていることです。選択されたブ文字列を<blockquote>タグで囲みます。引用文であることを表し、左右にインデントが設定されます。GsCMSにおける標準CSSではフォントは斜体に設定されます。選択されたブ文字列を<blockquote>タグで囲みます。<blockquote>は引用文そのものを表現しますが、<blockquote>は引用元の名前など比較的短い文字列を表現するために用います。GsCMSにおける標準CSSではフォントは斜体に設定されます。/>タグを挿入します。汎用のボックスタグで、選択されたブ文字列を<div>タグで囲みます。独自のスタイルシート属性を追記するなどして利用しますが、HTMLに詳しくない場合はあまり使わない方が良いでしょう。汎用のインラインタグで、選択されたブ文字列を<span>タグで囲みます。独自のスタイルシート属性を追記するなどして利用しますが、HTMLに詳しくない場合はあまり使わない方が良いでしょう。<改ページ>このボタンをクリックすると、カーソルの位置に====================[::pagination::]====================という文字列が挿入されます。これはGsCMS独自のタグとして動作し、表示した際にはこの部分で改ページを指定したことになります。ひとつのトピック内でページ分けができることになり、トピックの内容があまりに長文になるような場合に利用できます。改ページが指定されると、そのトピックの下部には下のようなページ移動のためのリンクが表示されるようになります。<特殊なタグ>選択されたブ文字列を<pc_only>タグで囲みます。これはこのCMS独自のタグです。このタグで囲まれた内容はPCブラウザからのアクセス時のみ表示され、モバイル端末(携帯電話など)でサイトを見た場合は表示されません。PCブラウザとモバイル端末で表示内容を変えなければレイアウトが崩れてしまうような場合などに利用します。このタグの直前にある改行は削除されます。選択されたブ文字列を<mobile_only>タグで囲みます。これはこのCMS独自のタグです。このタグで囲まれた内容はモバイル端末からのアクセス時のみ表示され、PCブラウザでサイトを見た場合は表示されません。PCブラウザとモバイル端末で表示内容を変えなければレイアウトが崩れてしまうような場合などに利用します。このタグの直前にある改行は削除されます。本文の表示:本文を表示する際のオプションを設定します。本文のテキストエリアに入力する際に改行を加えた位置でそのまま改行表示されます。/>タグを挿入したりブロック要素のタグを入力しない限り改行表示されません。本文にhttp://から始まるなどのURL文字列が含まれている場合、自動的にリンクを付加して表示します。本文にHTMLタグが含まれていても、それを無効化して表示します。本文の入力時に改行を2つ重ねた場合、その位置を段落の区切りとして扱い、自動的に段落の前後に<p></p>タグを付けて表示します。GsCMSにおける標準CSSでは1行空けた場合よりも狭い改行として表示されます。段落内にHTMLタグなどが多く入っている場合などはうまく表示しないかも知れません。本文が下書きとして保存されます。管理モードにログインしている場合は表示されますが、一般のアクセスユーザーには非表示となります。file5:トップページにファイルを添付します。「ファイルを選択」ボタンを押してPC上のアップロードしたいファイルを選択します。選択するセレクタは、ファイルが画像の場合のサムネイルの大きさを指定します。800×600ピクセルの画像をアップロード指定してwidthを選択し、px:を380にした場合、800×600ピクセルの画像本体がアップロードされた後、自動でwidthつまり横幅が380ピクセルのサムネイルが作成され保存されます。選択して400とした場合は縦が400ピクセルのサムネイルが作成されます。指定していない方のwidthやheightは自動で算出されます。480×320ピクセルの画像をアップロード指定してwidthを選択し、px:を480にした場合など、元の画像とサムネイル画像の大きさが同じ、もしくはサムネイルの方が大きくなるような場合はサムネイルは作成されません。この項目で重要なことは、file1:で指定した画像その他のファイルを「表示」するためには、本文のテキストエリアに<file1>のようなタグ(このファイル表示位置を表すタグはGsCMSの独自タグです)を挿入し、「この位置にファイルを表示します」ということを指定しなければなりません。このようなタグは下画像に示す部分をクリックすれば自動でテキストエリアのカーソル位置に挿入されます。ファイル番号はさらに重要です。file2:のリンクをクリックして<file2>というタグを挿入してもファイルは表示されません。番号を合わせることにも注意して下さい。※画像以外のファイルがアップロードされた場合、本文にはそのファイルへのリンクが表示されます。投稿日時:ブログやお知らせのトピックと同じように、トップページの本文には「いつ作成されたか」という情報が保存されています。新規作成時は「現在の時刻」が選ばれていますが、「指定」を選択して任意の日時にしておくこともできます。保存した後の再編集時には「更新しない」「現在の時刻で更新」「指定」の3種類から選択できます。「更新しない」を選択すれば、トップページ本文が最初に作成された日時を維持します。「現在の時刻で更新」を選択した場合、投稿日時は現在時刻で書き換えられます。「指定」を選択した場合は任意の日時に書き換えることができます。xx:xx)に戻す」というような選択肢も表示されます。これは、最初にトップページの本文を作成した日時へとリセットするための選択肢です。この項目の重要な点は、「指定」を選択して未来の日時を指定した場合です。そのような日時を指定した場合、トップページ本文はその日時になるまで表示されません。マークが付いて表示され、まだ指定日時になっていないために非表示とされている本文として見ることができます。この機能は、たとえば特定の日時になると同時に告知したい情報(ある種の告知や期間限定意年との告知など)を前もってトップページに書いておきたい場合などに利用すると有用でしょう。このように、トップページ(ホームページ)のメインエリアに掲載する文章やファイルなどを、トピック投稿と同じようなフォームを使って記述できるわけですが、同じ場所にコントロールパネルの「サイトパーツ」や「ソースコード」を組み合わせて利用しても様々な内容を作成、記述することが可能です。