4

私はJoomlaを使用しています！ウェブサイトを開発するためのCMS。それほど遠くない過去に、私はテンプレートをカスタマイズして Web サイトを完成させました。テンプレートを de-joomla!-fy するためにコードをバラバラにするのは楽しく興味深いものでした。非常に興味深いので、実際、自分のテンプレートをゼロから作成するというアイデアをいじっています。

では、これを追求する場合、どこから始めればよいでしょうか。本当に良い参考資料を知っていますか?それとも、問題が解決するまで 1 日中コードをいじるべきでしょうか? 私はそれに取り組む前に（概念について）たくさん読むことを好みます。

4

2 に答える 2

7

スタイルシートとJavascriptを含む必要なレイアウトでHTMLページを作成します
（1.5 / 2.5はMootoolsベースです）
（Joomla 3.xはjQueryベースです）
Javascriptを追加します

テンプレートは最初は非常に基本的なものにしてください。
このページをindex.phpページとして保存します。

デフォルトのディレクトリレイアウトは次のとおりです。

  • css
  • html
    • com_ <componentname> / mod_ <modulename>（コンポーネントとモジュールの基本テンプレートをオーバーライドするために使用）
  • 画像
  • js
  • templateDetails.xml
  • index.php
  • favicon.ico

さまざまなJoomlaコンストラクトを変更/追加し
ます。関連するtemplateDetails.xmlを位置やファイルの場所などで更新し
ます。レイアウトの例については、現在のテンプレートを参照してください。
元。

<?php
 // no direct access  
  defined( '_JEXEC' ) or die( 'Restricted access' );  
?>

ヘッダーセクション：

 <jdoc:include type="head" />

さまざまなモジュール： 

<?php if($this->countModules('search')) : ?>
  <jdoc:include type="modules" name="search" />
<?php endif; ?>


<jdoc:include type="module" name="breadcrumbs" />

メインコンテンツタグは次のとおりです。

<jdoc:include type="component" />

テンプレートがデバッグ情報を表示できるようにするには、次を追加します。

<jdoc:include type="modules" name="debug" />

テンプレートへのより高度な追加については、デフォルトのテンプレート（ja_purity、Beez）を参照してください。
コンポーネントとモジュールのレイアウトを上書きするには、コンポーネントまたはモジュールのレイアウトファイルをテンプレートのhtmlディレクトリの下にある同様の名前のディレクトリにコピーして変更します。

編集...
追加のユーティリティ。

  1. ブラウザで使用されているモジュール名を強調表示するには、URLの末尾にtp=1を追加します。yourdomain.com？tp = 1
  2. 非アクティブであるがインストールされているテンプレートを表示するには、template=template_nameを追加します。元。yourdomain.com？template = Beez

このように、この2つを組み合わせることができます。yourdomain.com?template=Beez&tp=1

詳細については、以下を参照してください。

  1. Joomlaテンプレートチュートリアルパート1-Joomlaテンプレートの概念
  2. 最初のJoomlaテンプレートを作成する方法
  3. Joomla！ドキュメント：テンプレート開発
  4. GoogleJoomlaテンプレート
于 2009-06-30T14:55:22.813 に答える
3

コード/テンプレート/何かを行う方法を学習する昔ながらの方法は、その方法を既に知っている人から「盗み」、次のようになるまでそれを変更することです。

  • あなたは結果に満足しています。および/または
  • あなたはそれを一人でできるように十分に学びました。

それが成功への最短ルートだと思います。理論は問題ありませんが、実際にやって間違いを犯すことで、より早く習得できます。

于 2009-06-30T04:13:37.387 に答える