コンテンツメニュー

XoopsCubeLegacy を使いましょ~♪
    インストールしよう~♪
      ディストリビューション pack2011(XoopsX)
        ディストリビューションpack2011をインストールしよう!
        pack2011にアップグレードしよう!
        XCLのデザイン変更
        デザイナーの為のXOOPSマニュアル
          プロWEB制作者向けXOOPS基礎実習
          今日からあなたもテーマ職人
          basic5を3カラム対応に改造する
          ローカル環境
            WARP
            テーマ
              Colors2x
              Colors3x

              プロWEB制作者向けXOOPS基礎実習

              副題:プロWEB制作者向けXOOPS基礎実習

              この一連のドキュメントは、ホダ塾のサイトに掲載されていたものを転載したものです。
                2011年12月末をもって同サイトが閉鎖されることとなりましたが、掲載されていた貴重な資料が消えてしまうのは余りに惜しく、ホダ塾関係者様より許可を得て当サイトに掲載させていただきました。
                なお、本記事は現在でもとても参考となる内容となっていますが、掲載時に使用されていたXOOPSのバージョン 2.0.13aJP は現状セキュリティ的に問題もありますので、2011年11月現在最新の Xoops Cube Legacy 2.2 (XCL2.2)をお使いになることをお奨めします。(もし何らかの理由で2.0系を使い続ける必要がある場合は、最終版の 2.0.16aJP にバージョンアップされることを強くお奨めします。2.0系を使い続ける理由がない場合は、最新の XCL2.2 にバージョンアップされた方が良いでしょう。)(2011.11.15 追記: marine)

              まえがき(のようなもの)

              できればデザイナーと言う言葉はあまり使用したくありません。なぜならばウェブ業界も分業化が進んでいて、自分ではHTMLソースを書かずに Photoshopやイラレなどで一枚画像を作り、それをコーダーに「よろしくね」と渡してコーディングさせるだけの人たちも「ウェブデザイナー」と言う 肩書きを使っているからです。これはそのような人ではなく実際にHTMLソースを作るコーディング職人を含めたWEB制作者向けのマニュアルです。今回 XOOPSのバージョンは2.0.13aJPを使用しています。カスタマイズするテーマセットは同梱されている従来のdefaultとともに、時期 Cubeに同梱されると予想されている、現XOOPS Cube公式サイトで使用されているXOOPS Cube defaultも使用しました。

              Section2以降の制作例サイト:http://study.hodajuku.org

              OSC2006/Spring ホダ塾セッション「XOOPSデザインの自由度と可能性」補完資料。
              「スクラッチでテーマを作ろうキャンペーン」PDF>Download

              ※XOOPSの理解を深める最短の方法は、書籍を読むことです。現在、ビギナー向けの書籍も充実してきましたので、先ず最初に読むことをお勧めします。

              ライセンス

              このドキュメントはホダ塾が最初の執筆者であり、継承の場合ライセンスも継承する必要があります。

              クリエイティブ・コモンズ・ライセンス
              この 作品 は クリエイティブ・コモンズ 表示 - 継承 2.1 日本 ライセンスの下に提供されています。

              担当者から

              あなたがクライアントやウェブ制作会社の上司から「今度の案件XOOPSで行くからよろしくね。」と言われたり、フリーのあなたが制作会社や代理店 から「XOOPSの案件があるんだけどできる?」と聞かれた場合、どうしますか?もしその仕事を請けてしまったら、あなたにXOOPSサイトの構築経験が 無い場合、逃げ出したくなるような状況になるでしょう。締め切りだけはどんどん近づいてきます。そんな時のために、最低限の知識を与え、これを読めば取り あえずDreamweaverを前に作業が始められるというマニュアルです。

              注意:HTML及びCSSに習熟している事。特にHTMLやCSSに ついての個別の解説は致しません。当然知っているものとして話を進めていきます。また、モジュールの機能に関するカスタマイズについてまでは言及しませ ん。あくまで基礎デザインについての解説ですのでそれ以上については公式フォーラムなどを参照して下さい。

              INDEX

              Section1:作業開始前に知っておくべき事 (基礎知識編)

              1. XOOPSとモジュール
              2. XOOPSのデザイン構造
              3. Smartyとデザイン
              4. XOOPSに向くデザイン向かないデザイン
              5. XOOPSデザインの限界
              6. どういった受注をすれば良いか
              7. 作業環境について

              Section2:デザインコンシャスな商用サイトを作る(実践編-1:下準備)

              1. 最初にデザインありき
              2. 使用モジュールを選定する
              3. モジュールを組み込む
              4. モジュールのインストール法
              5. モジュールのアンインストール方法

              Section3:デザインコンシャスな商用サイトを作る(実践編-2:テーマセット)

              1. テーマに最低限必要なもの
              2. 新しいテーマの用意をする
              3. トップページ用テーマ
              4. テキスト見出し(BlockTitle )を非表示にする
              5. CSS の利用
              6. トップページ以外のテーマ

              Section4:デザインコンシャスな商用サイトを作る(実践編-3:テンプレート)

              1. 新しいテンプレートを適用させるには
              2. ブロックテンプレートを編集する
              3. コンテンツのテンプレートを編集する
              4. テンプレートが無いモジュールでの修正
              5. XOOPS2.0系列デザインのファイナルウェポン!tpls admin

              Section5:デザインコンシャスな商用サイトを作る(実践編-4:ディテールにこだわる)

              1. noneモジュールを有効に使う
              2. まとまった静的コンテンツはTinyDを使用
              3. Flashメニューを使用する
              4. ページごとに異なるヘッダ画像を使いたい
              •   »  はじめに - INDEX (2011-11-13)

              • Sec.1 - 基礎知識編
                Section1:作業開始前に知っておくべき事(基礎知識編) このセクションでは、XOOPSの基本的な構造の解説を中心に、XOOPSを始めて取り扱う事になったWEB…続きを読む (2011-11-13)  
              • Sec.2 - 下準備
                Section2-デザインコンシャスな商用サイトを作る(実践編-1:下準備) この章では、実際のサイト制作を通してXOOPSのカスタマイズ法を理解していただきたいと…続きを読む (2011-11-13)  
              • Sec.3 - テーマセットの作成
                Section3:デザインコンシャスな商用サイトを作る (実践編-2:テーマセットの作成) さていよいよ作成に入ります。実際に使用するモジュールを組み込み済…続きを読む (2011-11-13)  
              • Sec.4 - テンプレートの編集
                Section4:デザインコンシャスな商用サイトを作る (実践編-3:テンプレートの編集) テーマセットを変えれば、XOOPSのデザインは一新されます。しか…続きを読む (2011-11-13)  
              • Sec.5 - ディテールにこだわる
                Section5-デザインコンシャスな商用サイトを作る (実践編-4:ディテールにこだわる) この章では、その他XOOPS上でサイトを作成する上での様々な方法論を…続きを読む (2011-11-13)  

              新しくコメントをつける

              題名
              ゲスト名
              投稿本文
              より詳細なコメント入力フォームへ