ホームxoopsサイト作成・モジュール開発セミナー無料相談

 

 

当社はXOOPSをはじめMovableType、WordPressなどのCMSによるサイト構築を得意としているホームページ制作会社です。
士業以外の方はCMS専門サービスをご利用ください


 

システム管理

一般設定

サイト管理者のメールアドレスを変更する

特定のアドレスからのアクセスを拒否する

METAタグ/フッタを設定する

 

イメージマネージャ

画像ファイルを登録する

 

ユーザ管理・検索

登録ユーザを検索する

登録ユーザを編集・削除する

・ユーザ名を変更する

・ユーザのメールアドレスを変更する

・ユーザのパスワードを変更する等

 

管理者がユーザを追加する

登録ユーザにメール或いはPM(プライベートメッセージ)を送る

 

コメントマネージャ

投稿されたコメントを確認する

 

ブロック管理

表示ブロックの確認

トップページのブロックの表示・非表示を切り替え

トップページのブロックの表示順を変更する

カスタムブロックを編集する

ユーザグループ毎にブロックの表示・非表示を設定する

カスタムブロック追加

 

 

コンテンツ追加・編集(TinyDモジュール)

コンテンツを追加する

文字に色をつける

表を作成する

作例1

作例2

 

リストを追加

画像を追加

画像やテキストにリンクをつける

 

 

 

フォーラム(掲示板・BBS)

フォーラム追加

フォーラムに投稿する

 

メニュー追加・編集

編集・追加・削除・表示順設定

「リンク追加」「編集」

 

メールフォーム追加・編集

メールの送信先を変更する

メールフォームに入力・選択項目を追加する

テキストボックスを追加する

テキストエリアを追加する

テキスト/HTMLを追加する

セレクトボックスを追加する

チェックボックスを追加する

 

新着情報(whats new)追加・編集

トピックを追加する

記事を追加する

最新ニュースブロックの表示件数を設定する

最新ニュースブロックの表示タイトル文字数を設定する

 

外部サイト新着情報(ブログ等)取得(ヘッドラインモジュール)

サイト情報登録・設定

最新ヘッドラインブロック表示件数設定

最新ヘッドラインブロックタイトル文字数設定

 

リンク設定

カテゴリ追加

リンク追加

リンク修正・削除

     URLの取得

 

ファイルダウンロード

登録ファイルサイズ設定

登録可能ユーザ設定

登録ファイル一覧

カテゴリ登録

ファイル登録・登録情報の編集

 

 

 

テーマチェンジャ

モジュール毎に画面構成・デザインを変更する

テーマデザイン編集・登録

 

 

 

バックパック(DBバックアップ・リストアモジュール)

バックアップする

リストアする

 


 


システム管理

 

ブロック管理

 ページ内のブロックの表示・非表示設定

イメージマネージャー

 画像ファイルの登録

一般設定

サイト設定、META タグ/フッタ設定他

ユーザ管理、ユーザ検索

 登録ユーザの追加・編集・削除他

ユーザ宛メール送信

 登録ユーザに対してメールやメッセージを送信する

アバターマネージャー

 登録ユーザの画像を管理

コメントマネジャー

 投稿されたコメントを管理

 

 

 

 

 

 

 

サイト管理者のメールアドレスを変更する

「一般設定」の「一般設定の『編集』」から「管理者メールアドレス」を変更してください。

 

特定のアドレスからのアクセスを拒否する

「一般設定」の「一般設定の『編集』」から「IPアクセスを拒否しますか?」を「はい」に設定。

IPアドレスを「|」で区切って追加する。


 

METAタグ/フッタを設定する

「一般設定」の「METAタグ/フッタ設定『編集』」を選択。

 

 

 

 

 

 


 

METAタグ(キーワード)

サイトの内容に関係する単語を一語づつ「,」で区切って入力します。一般的にはロボット検索エンジン用のキーワードになります。

METAタグ(Description)

サイト内容の説明です。検索エンジンでの検索結果の説明文章として表示されます。グーグルやYSTではサイト名などでヒットすると、この文章が基本的にサイト内容として表示されます。

METAタグ(ROBOTS)

登録する場合はindex,follow」等と記述します。

METAタグ(RATING)

対象年齢層を記述します。対照制限がない場合は「general」を記述します。

METAタグ(作成者)

サイトの作成者を記述する内容です。重要度は低いですが、マナーでURL程度の情報を入れておけばよいかと。

METAタグ(コピーライト)

著作権の記述をするします。文字化けしますので©は(C)として下さい。

フッタ

一般的には、著作権表記やサイト連絡先等を記載します。

 

 

登録ユーザを検索する

「ユーザ検索」

検索条件を指定して「送信」ボタンを押して下さい。


 

登録ユーザを編集・削除する

ユーザ管理、ユーザ検索から編集するユーザを選択して下さい。

「白扇」モジュールがある場合はその「ユーザ管理」から「追加」「編集」して下さい。

 

 

「ユーザ検索」の検索結果からユーザを編集・削除する。

「ユーザ管理」からユーザを選択後「ユーザの編集」「ユーザの削除」を選択し編集・削除する。

 

ユーザの登録情報を変更する場合は各テキストボックス値を変更後「送信」ボタンを押して下さい。

 

 

 

ユーザを追加する

「システム管理」モジュールの「ユーザ管理」から「追加」「編集」して下さい。

 

 

 

 

 

 

 

 

 

 

登録ユーザにメール或いはPM(プライベートメッセージ)を送る

「ユーザ検索」の検索結果から「メッセージを送る」を選択、送りたいユーザをチェックし送信ボタンを押して「メッセージの送信」画面へ移動して下さい。

 

各項目を入力後「送信」ボタンを押すと「メール」または「プライベートメッセージ」として各ユーザに送信されます。

「メッセージ本文」項目に{ }で囲まれたタグを入力すると、送信時に変換されて送信されます。

例えば、

 

        {X_UNAME}様

 

と入力すると送信時に、

 

        test様

 

と変換されます。

また、「ユーザ宛メール送信」からも「メール」または「プライベートメッセージ」を送る事が出来ます。

 

投稿されたコメントを確認する

「コメントマネージャ」

 

 

 

 

 

 

画像ファイルの登録

「システム管理(system admin)」モジュールの「イメージ・マネージャー」から「カテゴリ」に対して画像ファイルを登録します。

ここで登録した画像ファイルはコンテンツの追加等で使用します。

 

 

1.「カテゴリ」作成

 「カテゴリ」に登録する画像の「ファイルサイズ」「幅」「高さ」を設定して下さい。

 ここで設定したサイズを超えると画像ファイルの登録に失敗します。

カテゴリ名

 

イメージ・マネジャーの使用を許可するグループ

管理者以外に許可する場合は選択して下さい。

イメージのアップロードを許可するグループ

画像ファイルの登録を許可するユーザを設定して下さい。

アップロードを許可するファイルサイズ(バイト数)

画像ファイルのサイズを設定して下さい。

ここで設定したサイズを超えたファイルを登録することは出来ません。

アップロードを許可する画像の横幅(ピクセル数)

画像の幅を設定して下さい。

ここで設定したサイズを超えたファイルを登録することは出来ません。

アップロードを許可する画像の高さ(ピクセル数)

画像の高さを設定して下さい。

ここで設定したサイズを超えたファイルを登録することは出来ません。

イメージファイルのアップロード先

ファイルとしてアップロードするか、データベースに登録するかを選択して下さい。

 

 

 

2.ファイルアップロード

「参照」ボタンを押して画像ファイルを選択して下さい。

「画像名」を入力して下さい。

角丸四角形吹き出し: アップロードファイルを選択

 


 

ニュース

サイト内の新着情報や掲載期間を設定した記事等の登録。登録した記事に対してユーザがコメントできます。

 

 

トピックの作成(「トピック管理」)

トピックに対して記事を追加していきます。

「メイントピックの作成」は必須です。

「トピック名」を設定して「追加」ボタンを押して下さい。

 

既存のトピック名の変更は「トピックの編集」から、変更したい「トピック」を選択して「送信」ボタンを押して下さい。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


 

既存の記事の編集・削除

「ニュース記事の投稿/編集」画面から編集・削除して下さい。

 

 

ニュースの登録・編集(「ニュース記事の投稿/編集」)

「本文」のテキストエリアのカーソル位置に文字や画像を追加します。詳細はこちら

掲載開始日・終了日を設定(任意)し、「保存」を選択して「送信」ボタンを押して下さい。

 

 

記事本文のテキストの装飾、リンクや画像を追加する場合使用します。

 

リンク追加。このアイコンを押下後URLとサイト名を入力

 

メールアドレス追加。このアイコンを押下後メールアドレスを入力

 

画像追加。このアイコンを押下後画像ファイルのURLを入力

 

イメージマネージャ内の画像を表示

 

プログラムのソースコードを入力

 

引用文を入力

 

装飾文字を入力

 

 

 

 

最新ニュースブロックの表示件数を設定する

1.       blocks admin」モジュールの「ニュース」を選択

2.       「最新ニュースブロック」の「編集」画面へ

3.       「オプション」の「表示件数」に件数を設定する

 

最新ニュースブロックの表示タイトル文字数を設定する

1.       blocksadmin」モジュールの「ニュース」を選択

2.       「最新ニュースブロック」の「編集」画面へ

3.       「オプション」の「表示件名の長さ」

 


 


コンテンツ設定(「TinyD」モジュール)

 

コンテンツ追加・編集・削除

四角形吹き出し: ユーザがコメントを投稿できるようになります。
コメントマネージャで管理されます
四角形吹き出し: コンテンツ新規作成ページへ移行

 

 


コンテンツ追加

l         「新規コンテンツの追加」(BB)

l         「SPAW」エディタを使用して追加(SPAW)


 

「新規コンテンツの追加」

コンテンツを追加・編集するためのXOOPSで共通の操作です。

掲示板・記事の投稿など各モジュールで利用します。

 

テキストエリアにテキスト/HTMLを入力していきます。

四角形吹き出し: 顔アイコンを追加します四角形吹き出し: テキスト/HTML入力エリア

 

ツールボタンを利用してテキストの装飾やリンク、画像等追加、また、直接テキストやHTMLタグを入力します。

ツールボタンを利用したコンテンツの編集は、ボタン押下後各パラメータを入力・選択します。

入力・選択後、テキストエリアにBBコード([]で囲まれたコード)が追加されます。

直接テキストエリアにBBコードやHTMLタグを入力可能です。

以下はツールボタンの説明です。( )内はBBコードです。

 

リンクの追加[url]***[/url])

カーソル位置にリンクを追加します。

ボタン押下後、URL と タイトルを入力して下さい。

テキストエリア内に

[url=*********]??????[/url]

が追加されます。

********* が URL ?????? がタイトルです。

タイトルをクリックすると新たにウィンドウをオープンし指定したURLを表示します。

HTML では以下のようになります。

        <a href=********* target=_blank>??????</a>

 

 

メールアドレス[email]***[/email])

カーソル位置にメールアドレスのリンクを追加します。

ボタン押下後、メールアドレスを入力してください。

テキストエリア内に

[email]**********[/email]

が追加されます。

メールアドレスをクリックすると Outlook 等のメールソフトが起動します(環境によって異なります)。

HTML では以下のようになります。

        <a href=mailto:*********>*********</a>

 


 

画像追加[img]***[/img])

カーソル位置に画像を追加します。画像の URL が分かっている場合使用します。

ボタン押下後、画像の URL を入力、配置(左右)を入力します。

テキストエリア内に

        [img]*******[/img]

が追加されます。

HTML では以下のようになります。

        <img src=******* />

 

 

 

イメージマネージャから画像追加[img]***[/img])

イメージマネージャから登録済みの画像を追加します。画像の登録はこちら

「位置」ボタンを押すと指定した配置でテキストエリア内に追加します。

画像形式はJPEGとJIFが登録可能。

 

画像にリンクする([url=***][img]???[/img][/url])

リンクの追加ボタンを押下。

リンク先の URL を入力。

タイトルに画像

        [img]***[/img]

        <img src=*** border=0 />

を指定します。

<img> の border=0 は画像にリンクした場合、画像に表示される枠線を表示しないためのものです。

枠を表示しない場合は<img>タグをタイトルに入力してください。

 

 

プログラムコードを追加する[code]***[/code])

入力したテキストはプログラムのソースコードとして表示されます。

HTMLを入力してもそのまま表示されます。等幅フォントで表示されます。

        <img src=**** />

と入力しても、画像は表示されずにそのまま

        <img src=**** />

と表示されます。

 

 

引用文を入力する[quote]***[/quote])

引用文として表示されます。

 

 

引用:

        いんようぶん

 

 

 

 

のように表示されます。

 

装飾テキストを追加する

四角形吹き出し: 装飾したいテキストをここに入力。
各装飾ボタンやフォントサイズ等を選択後「追加」ボタン押下。

太字[b]***[/b])

斜体([i]***[/i])

下線([u]***[/u])

打ち消し線([d]***[/d])

 

 

 

 


 

コンテンツ編集(SPAWモード)

四角形吹き出し: コンテンツ入力エリア
ここに文章を入力していきます。
「Shift+Enter」で改行します。
「Enter」で段落を追加します。段落を追加(「Enter」)した場合「改行」の時よりも行間が空いてしまいます。通常は「Shift+Enter」で改行してください。
四角形吹き出し: フォント設定四角形吹き出し: リンク、画像の追加。四角形吹き出し: テーブル追加・編集。四角形吹き出し: 入力・選択中のテキストの装飾等の設定四角形吹き出し: リスト追加。

コンテンツ入力エリアの編集

テキストの装飾

リスト追加

リンク追加アンカー追加(文書内にジャンプ先を指定する)

画像追加

テーブル追加

 

文字装飾等設定

入力・選択中の文字装飾の設定をします。

ボタン押下後入力する文字に対して、または既存の文字列を選択(反転表示)後ボタンを押すことによって文字の状態が変わります。

太字  斜体   下線

左揃え                                       中央揃え                             右揃え

 

 

 

インデント追加

インデント削除

 

文字背景色

 

文字色

 
                    

 

下付文字

 

上付文字

 
                    

 

 

リスト追加

番号付・無しリストを追加します。

入力後改行する毎に項目が追加されます。再度ボタンを押すとリスト追加を終了します。

1.       リスト1

2.       リスト2

3.       リスト3

 

・リスト1

・リスト2

・リスト3

 

Shift+改行」で項目内で改行されます。

・リスト1

リスト1−2

リスト1−3

・リスト2

・リスト3

 

 

リンク追加

選択中のテキストや画像にリンクを設定します。

リンクを設定する文字や画像を選択後、ボタンを押すとダイアログが開きます。

四角形吹き出し: 文字・画像を選択後、 ボタン押下でダイアログが開きます       

「タイプ」

・リンク

ジャンプ先のアドレスを設定します。

・アンカー

文書の途中にジャンプ先を特定する名前を設定します。
サイト名にaaaと設定した場合リンクのURLに #aaa と設定することで aaa と設定した個所にジャンプします。詳しくはHTML リファレンスの <A> タグを参照。

 

「ターゲット」

リンク先を読み込むウィンドウを指定します。

_self

同じウィンドウに読み込みます。

_blank
新たにウィンドウをオープンし読み込みます。

_top
トップフレームに読み込みます。

_parent
親フレームに読み込みます。

 

「タイトル」

リンクにマウスカーソルを乗せたとき、ここで設定したテキストがツールチップ(バルーンヘルプ)として表示されます。

 


アンカー追加

文書内にリンク先を指定します。

テキスト選択後、あるいはカーソル位置に追加します。

四角形吹き出し: 「リンク」ボタン「サイト名」は必須入力です。

四角形吹き出し: (2)「タイプ」に「アンカー」を選択後、「サイト名」に、名前を入力します。
(3)「OK」ボタンを押して下さい。
四角形吹き出し: (1)アンカー(ジャンプ先)とするテキストを選択後、「リンク」ボタンを押すと、「ハイパーリンク」のダイアログがオープンします。

 

四角形吹き出し: (5)「タイプ」に「アンカーへのリンク」を選択すると、「アンカー選択」リストが表示されます。その中からリンク先を選択して下さい。四角形吹き出し: (4)リンクとするテキストを選択後、「リンク」ボタンを押すと、「ハイパーリンク」のダイアログがオープンします。

 

 

 

 


画像追加

カーソル位置にイメージマネージャに登録した画像を追加します。

画像のプロパティ

選択中の画像の状態を設定します。

       

 

「参照先」

 

画像のURL。

 

「代替テキスト」

画像が表示されない場合(画像のダウンロード中やユーザが画像を表示しないよう設定している等)、ここで設定されたテキストが表示されます。

「ボーダー」

画像を囲む線の太さを指定します。

「横間隔」「縦間隔」

画像を囲む空白の幅を指定します。

 

 

 

テーブルの追加 プロパティ

カーソル位置にテーブルを追加します。

 

   

 

 

セルのプロパティ

四角形吹き出し: セル内のテキストを改行しません


 

テーブル作例1

一般的なテーブルです。

ボーダーに1を指定していますが、テーブルとセルの枠線が隣接(セル間余白が0)しているため実際の枠線の太さは2になります。セルの枠を重ねることも可能です(詳細はHTML・スタイルシートのリファレンス参照)。

 

        

 

 

HTML

 

 

<table width=100% cellspacing=0 cellpadding=5 border=1>

  <tr>

    <td>セル1</td>

    <td>セル2</td>

    <td>セル3</td>

  </tr>

  <tr>

    <td>セル4</td>

    <td>セル5</td>

    <td>セル6</td>

  </tr>

  <tr>

    <td>セル7</td>

    <td>セル8</td>

    <td>セル9</td>

  </tr>

</table>

 

 

 

 

テーブル作例2

テーブルとセルのプロパティのみで枠線の太さが1のテーブルを作ります。

1行目のセルをヘッダのように表示します。

 

テーブルのボーダーを0、セル間余白を1に指定します。

セル間余白が枠線の太さに、背景色が枠線の色になります。

           

 

 

1行目のセルのプロパティ

背景色を設定、セル内を中央揃えにします。

セル内のテキストを選択し「太字」に、文字色をセルの背景とは別の「色」に設定します。

 

 

 

 

 

 

 

 

 

 

2行目以降のセルのプロパティ(2行目以降のセル全てのプロパティを設定します。)

背景色を設定します。

 

 

HTML

 

 

<table width=100% cellspacing=1 cellpadding=5 border=0 bgcolor=#000066>

  <tr bgcolor=#0000CC>

    <th><font color=#FFFFFF>セル1</font></th>

    <th><font color=#FFFFFF>セル2</font></th>

    <th><font color=#FFFFFF>セル3</font></th>

  </tr>

  <tr bgcolor=#FFFFFF>

    <td>セル4</td>

    <td>セル5</td>

    <td>セル6</td>

  </tr>

  <tr bgcolor=#FFFFFF>

    <td>セル7</td>

    <td>セル8</td>

    <td>セル9</td>

  </tr>

</table>

 

 

 

 

 

 

 

 


ブロックを編集する

 

表示ブロックの確認

XOOPS 標準のページ構成は以下のようになります。

各ブロック配置は「表示サイド」と「並び順」で決定されます。「並び順」は上から順番に0,1,2・・・と設定します。

 

ブロック配置例

左図の場合は「右」のエリアをページ上部に配置しているのでサイトヘッダをカスタムブロックから編集することが可能です。

サイトヘッダのように全てのページで表示されるブロックを作成する場合は「表示する画面」を「全てのページ」に設定する必要があります。

l         カスタムブロックの追加

l         カスタムブロックの編集

 

 

 

 

 

 

 

 


 

「システム管理」「ブロック管理」画面

トップページの一部の表示・非表示を切り替え

「システム管理」「ブロック管理」画面を表示します。

「表示する画面」を「トップページ」に切替ます。

どのユーザグループに対してなのかを「グループ」で切り替えます。全てのユーザに対しては「ゲスト」を選択します。

「表示/非表示」を選択して、「送信」ボタンを押します。

 

トップページの一部の表示順を変更する

「システム管理」「ブロック管理」画面を表示します。

「表示する画面」を「トップページ」に切替ます。

どのユーザグループに対してなのかを「グループ」で切り替えます。全てのユーザに対しては「ゲスト」を選択します。

「並び順」テキストボックスを設定して下さい。


 


カスタムブロックを編集する

 

四角形吹き出し: 「編集」をクリックし「編集」画面へ移動します。

四角形吹き出し: 「blocksadmin」モジュールの「カスタムブロック」を選択。
画面にカスタムブロックの一覧が表示されます。

 

 

編集方法切替

SPAWモードへ

 
四角形吹き出し: 表示画面四角形吹き出し: 表示位置

ユーザグループ毎に表示・非表示を設定する(カスタムブロックのアクセス権設定)

 

blocksadmin」「カスタムブロック」「グループ管理」でユーザグループに対する表示・非表示を選択します。

表示させたいブロックのチェックボックスをチェックし「送信」ボタンを押して下さい。

 

 

 

 

 

 


カスタムブロック追加

 

システム管理」モジュールの「ブロック管理」を選択。

ブロック管理画面下部の、「新規ブロック作成」から追加します。

 

ブロックのタイプ」、「表示する画面」、「タイトル」を選択・入力して「送信」ボタンを押して保存してください。ココでは空のデータのみ作成し後から編集します。

 

また、追加した直後のブロックは「登録ユーザ」と「サイト管理者」のみアクセスが許可されます。全てのユーザに対して表示(許可)する場合は、「blocksadmin」「カスタムブロック」「グループ管理」で許可するユーザグループを選択して下さい。

 


 

 


フォーラム(掲示板・BBS)

フォーラムを追加するにはカテゴリを作成してください。

カテゴリ追加

「カテゴリ名」を入力してください。

フォーラム追加

登録ユーザにのみ「投稿」を許可する場合は「アクセスレベル」を「登録ユーザのみ」に設定。

登録ユーザにのみ「公開」する場合は「タイプ」を「プライベート」に設定。

 

「モデレータ」

このフォーラムを管理するユーザを選択して下さい。

「アクセスレベル」

「投稿」可能なユーザを選択。通常は「登録ユーザのみ」

「タイプ」

登録ユーザにのみ公開する場合は「プライベート」を選択。通常は「公開」

 

 

 

 

 

 


 

フォーラムに投稿・返信する

フォーラム内の各カテゴリのページで  ボタンを押します。

以下の画面で新たに投稿します。

        「メッセージ」

       フォーラムに投稿する記事を入力します。詳しくはこちら

 

        「引用」ボタン

       既存の記事に対して返信するときだけ表示されます。

 

 


 


メニュー設定

 

編集・追加・削除・表示順設定

四角形吹き出し: 表示順の入れ替え四角形吹き出し: 「リンク追加」画面へ四角形吹き出し: 「編集」画面へ


 

「リンク追加」「編集」

 

 

「リンク」

URLを入力します。

「表示先(Target)」

表示先ウィンドウ指定

「グループ」

表示するユーザグループを選択します。

 

 


 


メールフォーム設定

 

コンタクトフォーム一覧

四角形吹き出し: このフォームの要素を追加・編集四角形吹き出し: このフォームの編集

 

 

 

コンタクトフォーム作成・編集

        「送信者グループ」

       このフォームにアクセス可能なユーザグループを選択(反転)して下さい。

       

        「送信先」

       このフォームから入力されたデータの送信先を選択して下さい。


 

四角形吹き出し: 追加された要素一覧。入力・選択項目(要素)を追加する

       「フォーム要素の作成」

追加する要素(テキストボックス、テキストエリア等)を選択。選択後送信ボタンを押すと編集画面へ移行します。

       

テキストボックス

[表示画面]

四角形吹き出し: 「必須項目」をチェックすると表示されます。表示するテキストはモジュールの「一般設定」の「必須記入項目のテキスト」項目に設定します。

 

[追加・編集画面]

四角形吹き出し: 初期値に{UNAME}、{EMAIL}を設定すると、ログインしている場合はユーザIDとメールアドレスが初期値として表示されます。

 

 


テキストエリア

[表示画面]

[追加・編集画面]

 

 


テキスト/HTML

[表示画面]

[追加・編集画面]

       「初期値」

        テキスト/HTMLエリア編集方法詳細はこちら

 

 

 


 


セレクトボックス

[表示画面]

四角形吹き出し: セレクトボックス表示例

 

[追加・編集画面]

四角形吹き出し: チェックされた項目が選択状態で表示されます。四角形吹き出し: セレクトボックス一覧のデータ

 

四角形吹き出し: オプションに数値を入力後「追加」ボタンを押すと空の項目が指定数追加されます

 

 

 

 

 

 


 


チェックボックス

[表示画面]

四角形吹き出し: チェックボックス表示例

 

[追加・編集画面]

四角形吹き出し: {OTHER|幅}を入力すると「その他」項目が追加されます