コンテンツメニュー

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

              テーマ選択

              screenshot

              (59 テーマ)

              今日からあなたもテーマ職人

              テーマの作り方

              テーマの作り方については、XUGJのCustomizeManualページを始めとして、結構、色々なサイトで掲載されていますので、まずはそちらを参考にされると良いでしょう。

               XUGJのCustomizeManual
               http://www.xugj.org/modules/xpwiki/?CustomizeManual

               

              テーマを作る場合

              テーマを作る場合、大きく分けて
              1 既存のテーマを改造する
              2 既存の静的ページ(HTMLだけで構成されているもの)をベースにする
              3 他のCMSやブログ用のテーマを流用・改造する
              4 スクラッチでテーマを作る(0からテーマを作成する)
              と4つの方法があると思います。

              一番簡単なのが、1番の「既存のテーマを改造する」方法です。
               3番の「他のCMSやブログ用のテーマを流用・改造する」のは案外難しい場合があります。基本構造が違うためです。

              2番と4番は、ある意味同じようなもので、4番の「スクラッチでテーマを作る」場合でも、最初にワイヤーフレーム(基本的な配置)やデザインを決めてHTMLで静的なダミーページを作ってから作成にかかった方が、失敗が少ないと思います。(とか言いながら、筆者の場合は、殆ど頭の中で構成を済ませてしまうことが多く・・・)

              この記事では、1番の方法と2・4番の方法について説明したいと思います。

              ・・・と、その前にテーマ改造するためのエディタや改造したテーマを確認するためのローカル環境を用意しましょう。ということで・・・次に「テーマ作成前に用意するもの」をご紹介することにしましょう。

              • テーマ作成は面白い
                はじめに まず最初に、この記事では特別な表記が必要な場合を除いて、XoopsCubeLegacy2.2 のことをXOOPSと略して説明することにします。   …続きを読む (2011-11-18)  
              •   »  テーマの作り方(2011-11-18)

              • テーマ作成前に用意するもの
                テーマ作成前に用意するもの テーマ作成するには、次のような環境とツールが必要です。 1 ローカル環境 2 UTF-8に対応したテキストエディタまたはWebオーサリングツール …続きを読む (2011-11-18)  
              • 3分でできるテーマ改造
                3分でできるテーマ改造 ここでは、ローカル環境としてWARP、そしてpack2011に同封のテーマ basic5を利用することにします。(「 どこでもXOOPS 」を使った場合でも、ディレクト…続きを読む (2011-11-18)  
              • もう少し、見た目を変更してみる。(背景の変更、文字色の変更)
                もう少し、見た目を変更してみる。(背景の変更、文字色の変更) 背景や文字の色もCSSにより、簡単に変更することが出来ます。 CSSの中のbackgroundという部分が…続きを読む (2011-11-18)  

              コメント一覧

              投稿ツリー


              新しくコメントをつける

              題名
              ゲスト名
              投稿本文
              より詳細なコメント入力フォームへ
              akira サイトURL  投稿日時 2013/1/27 12:53

              「サイトワイドWikiヘルパー」というのはモジュールですか。
              だとしたら、使っていません。
              「リッチエディタ」も、どれを使うとか、分かりません。
              投稿・編集画面で XCL_2.1 までは無かったのが
              XCL_2.2 から入力フォームの下に、ボタンが出て来るようになったので
              とくに、私が選択した訳ではありません。

              とりあえず、返信しておきます。

              marine  投稿日時 2013/1/26 17:02

              それって、サイトワイドWikiヘルパーを使ってますか?
              あと、リッチテキストエディタについて、どれを使うようにされていますか?

              とりあえず、その辺りの環境も含めて、XUGJで聞かれるのが良いかも知れませんね。

              XoopsXの場合、色々なリッチテキストエディタやサイトワイドWikiヘルパーを組み合わせて使うような工夫をしたり、それに合わせてテンプレートを修正していたりします。

              ですので、X-updateで最新の状態にしておいた方が、問い合わせをする際にも、話が通じやすくて良いかもしれません。
              そして、もしバグということなら、開発者の方々に修正してもらえると思いますよ。

              akira サイトURL  投稿日時 2013/1/26 15:04

              回答していただきありがとうございます。
              教えていただいたことを試してみましたが、上手く行きませんでした。
              ただ、色々試していて、XCL_2.2.1 の編集画面で
              テキスト入力枠の下に「リッチエディタ」というのがあったので試してみました。
              そうしたら、文の頭に「>」と言う印を付けると、
              その部分が従来/*--div.xoopsQuote --*/で設定したプロパテイと対応していました。
              しかし、対応していたのは
              マイアルバムとd3forumです。確かめたのは、
              pico ,d3blog ,weblinks は反応無しでした。

              もう少し色々と確かめてから、XUGJの方でも質問をしてみたいと思います。
              お世話になりました。

              marine  投稿日時 2013/1/25 13:30

              xcl2.1と2.2で違う原因がちょっと分からないのと、そのような比較して現象を確認したことがないのと、どのモジュールのときにそうなるのかが判らないので、ちょっと抽象的な答えになると思いますが・・・

              テーマのcssが効かないということは、何かが邪魔しているということで・・・

              legacy_defaultの場合だと、テーマのCSSのあとに <{$xoops_module_header}> が読み込まれているので、これが何か作用しているような気がしますね。

              簡単なテストとして、

              1
              
              <link rel="stylesheet" type="text/css" media="screen" href="<{$xoops_themecss}>" />

              1
              
              <{$xoops_module_header}>

              の読み込み順を変えて試してみると良いかもしれません。

              詳しい情報が聞きたければ、XUGJ辺りで質問されても良いかもしれませんね。

              akira サイトURL  投稿日時 2013/1/25 10:03

              ココで質問しても良いのか分かりませんが、
              まずかったら削除して下さい。

              今テーマ作りに挑戦していますが、新しいバージョンで、スタイルシートの設定通りに表示されない理由を教えて貰えないでしょうか。

              同じテーマなのに、ズープスのバージョンによって
              スタイルシートの設定が「意図した通りに反映されない」という現象が起きています。
              具体的には、
              BBコードのうち[quote][code]の二つが
              スタイルシートできちんと制御できないのです。

              XCL_2.1 までなら
              スタイルシートで設定した通り、[quote]の枠を線で囲ったり
              背景色を設定できます。
              ところが同じテーマを
              XCL_2.2. の環境で使うと、[quote]の部分が、違うスタイルで表示されます。
              左側だけに3pxほどの黒いラインが引かれた状態になるのです。
              どのようにスタイルシートで変化させようとしても、
              XCL_2.2 の環境では、同じ表示になってしまいます。

              XOOPS_Xに付属しているテーマ
              「legacy_default」でも同様でした。

              XCL_2.1 で使うと、左に#E4E4FCの色でラインが引かれ、
              右側に画像 bg_quote.jpg が表示されます。
              ところが同じlegacy_defaultを
              XCL_2.2 で使うと、同じ表示にならず、左側に黒いラインだけが引かれた状態になります。

              パソコンのXAMPPテスト環境と、実サイトで試して、両方とも同じ現象がおきます。
              どうすればいいのでしょうか。