Xoopsサイト制作セミナー 20120922
1 like1,163 views
2012/09/22(土)に開催したXOOPSウェブサイト制作セミナー＠ミタカフェで使用したスライドです。
Xoopsサイト制作セミナー 20120922
- 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 メールフォームでお問い合わせページを設置 時間があれば他のモジュールの説明も行います。