2012/09/22(土)に開催したXOOPSウェブサイト制作セミナー＠ミタカフェで使用したスライドです。

1. XOOPS サイト制作セミナー
カッコイイウェブサイトを XOOPS で作っちゃおう！
開催日：2012/09/22（土）
場所：ミタカフェ（三鷹市）
講師：ラオシステムズ代表 竹原 俊広

2. 目次
タイムテーブル ....................................................................................................................................................................... 3
概要説明 ................................................................................................................................................................................... 4
環境構築 ................................................................................................................................................................................... 6
サイトの設計 ........................................................................................................................................................................... 7
使用するモジュールの決定 .................................................................................................................................................... 9
xupdate の設定 ...................................................................................................................................................................... 11
モジュールインストール ..................................................................................................................................................... 12
テーマのインストール ......................................................................................................................................................... 13
トップページの構成 ............................................................................................................................................................. 14
グローバルメニューの設定 .................................................................................................................................................. 15
コンテンツの作成 ................................................................................................................................................................. 16

3. タイムテーブル
13:15
〜
13:45 概要説明
環境構築
XAMPP、MAMP などの環境設定
13:45
〜
14:15 サイトの設計
使用するモジュールの決定
14:15
〜
14:25 休憩
14:25
〜
15:15 xupdate の設定
モジュールインストール
テーマのインストール
トップページの構成
15:15
〜
15:25 休憩
15:25
〜
16:15 グローバルメニューの設定
コンテンツの作成
16:15
〜
16:25 休憩
16:25
〜
17:15 コンテンツの作成

4. 概要説明
「カッコイイウェブサイトを XOOPS で作っちゃおう！」というサブタイトルですが、本当
にカッコよく作りこむにはテーマに対するオリジナルな作り込みが必要になるため、今回は
XOOPS でサイトを構成する基本をひと通り操作します。

5. 理解している必要のある要素
①
ドメイン
②
サーバ
HTML
③
CSS
④
Js
⑤
画像ファイル
jpg、gif、png
⑥
⑦
その他ツール類など
PHP、Smarty、SCP、FTP（非推奨）、ホームページビル
ダー、DreamWeaver、画像作成ツールなど

6. 環境構築
XAMPP(〜1.7.7)、MAMP の環境設定
1. ウェブサーバ Apache 2.2
2. プログラム動作環境 PHP 5.2〜5.3（5.4 未対応）
3. データベースサーバ MySQL 5.5

7. XOOPS のディレクトリ構成
XAMPP 内に配置する場合 サーバに配置する場合
htdocs（ドキュメントルート） MyDirectory
└xoops │htdocs（ドキュメントルート）
│html └xoops_trust_path
└xoops_trust_path

8. サイトの設計
どういうサイトを作るのか！
まずはサイトの設計が必要
今回は企業ホームページを想定
必須な機能は
l 静的コンテンツ
l お問い合わせ
l あとは必要に応じて追加
とします。

9. XOOPS のブロック構成
ヘッダ
中央—中央ブロック
左ブロック 右ブロック
中央—左 中央—右
ブロック ブロック
フッタ

10. 使用するモジュールの決定
用途に合わせたモジュールを選ぶ
⇒
下記は xupdate から利用できるモジュール（機能）の一部
1. 静的コンテンツ作成モジュール pico
2. ニュールモジュール bulletin
3. 携帯／スマホ表示用モジュール hypconf、mobile_templates
4. メニュー設置用モジュール multiMenu
5. ファイルマネージャ xelfinder
6. Google マップ対応画像投稿モジュール gnavi
7. お問い合わせモジュール mailform
8. サイト内外の RSS 表示用モジュール d3pipes
9. サイト内検索用モジュール search

11. xupdate の設定
導入・アップデート管理
² 管理画面からモジュール、プリロード、テーマのインストールが可能！
² インターネット環境が必要

12. モジュールインストール
導入・アップデート管理からクリックしてインストールする
① multiMenu
② CKEditor4
③ xelFinder
pico
④
⑤ mailform
⑥ hypconf
⑦ mobile_templates
⑧ bulletin

13. テーマのインストール
テーマを選ぶ
テイスト、機能はテーマによって様々。
今回は Basic5b を使います。
Basic5a
作者：xoops123.com marin さん
特徴：レスポンシブ・ウェブデザイン
追加要素：マルチメニューに対応

14. トップページの構成
pico で構成
1. トップページ用コンテンツを作成
2. トップページ用ブロックを配置

15. グローバルメニューの設定
マルチメニュー
①
メニューを作成
②
テーマに出すメニュー番号を設定

16. コンテンツの作成
l pico でコンテンツページ（下層ページ）を作成
l TP メールフォームでお問い合わせページを設置
時間があれば他のモジュールの説明も行います。