MODXRevolution-基本的なチュートリアル。 MODXRevolution-基本チュートリアルMODXRevolutionの基本的なチューニング

MODXの公式サイト

http://modx.com/

上のサイトの作成に関する主要な資料MODx

スニペットのパラメーター

http://wiki.modxcms.com/index.php/Category:Snippets

残りのディストリビューションはhttp://modx.com/download/evolution/からダウンロードできます。

上のサイトの作成のシーケンスMODx進化

1. config.inc.phpファイルを編集しないように、ホスティング業者によって指定された同じプレフィックスでデータベースを作成します。
2. MODxをインストールします。 Zrobitinalashtuvannya。
3. テンプレートをassets/templatesフォルダーのサイトにコピーします。
4. 最小テンプレートテンプレートからindex.htmlテンプレートコードをコピーします。
5. すべて真ん中に 方法を書く

   .

6. スクリプト、画像、スタイル（img、link、scrypts）へのパスを記述します。 例えば、

7. サイト上のリンクテンプレートを指定します。
8. 悪臭の一部のすべての側面の寝室を見ると、塊になります。 チャンクはワイヤーブラのカーリーテンプルに現れます。 たとえば、（（HEAD））
9. サイトのスマットメニューは、okremyチャンクのせいにすることができます。 。
10. サイトメニューこのサイトマップは、Wayfinderスニペットとしてレンダリングされます。 Wayfinderスニペットの説明。
11. 説明、写真、メッセージなどを含むその番号のリソースのリストは、同上ニップレットで表示されます。 Dittoスニペットを記述して添付します。
12. ナビゲーションランタン「Breadcrumbs」がBreadcrumbsスニペットに表示されます。 ブレッドクラムスニペットの説明。
13. サイトの検索は、AjaxSearchスニペットを使用して行われます。 AjaxSearchスニペットの説明。
14. フォーム zvorotny zv'azku-スニペットeForm。 eFormスニペットを使用したzvorotnyzv'yazkuの折りたたみフォームのお尻。
15. 父親の力とintを示す、TVパラメータ内の画像の存在を再確認するためのプラグインPhx割り当て。
16. さらに、スタイルのスプラットを規定する必要があります。
17. サイトをホスティングに転送した後：

みなさん、こんにちは！ CMFからの基本的なレッスン MODX Revo解決 MODXシステムからわかる限り、必要なプラグインをインストールし、基本的なフレームワークをインストールします。

拍手

Zapiniti

基本的なMODXレッスンのリソース：

• pdoToolsドキュメント：docs.modx.pro/components/pdotools/

MODxプラグインのインストールとカスタマイズ

インストール可能 高度 MODxバージョン、インストール時に、フォルダに管理者の名前が付けられることが示されています 素晴らしい.

必須のプラグインMODx

MODxの最も人気があり、最も頻繁に邪悪な追加：

1. エース-MODxコードエディタ;
2. コレクション-リソースのコレクションの導入と管理。
3. pdoTools-基本的なツールのセットMODx;
4. FormIt-MODxのフォームを備えたロボット。
5. phpThumbOf-MODxの画像を備えたロボット。
6. TinyMCE / CKEditor（オプション）-MODx用のテキストWYSIWYGエディター。
7. 音訳-MODXのURL音訳。
8. MIGX-MODxに追加されるフィールドを追加しました。
9. 自動テンプレート-リソーステンプレートの「インテリジェント」自動認識。

MODxRevolutionの基本的な調整

「 全身調整".

1. 共有：わかりやすいURL

   • 仮名の音訳：ロシア;
   • 泡だて器に優しいURL：そう;
   • 風味豊かなURLモード：そう;
   • すべてのコンテキストで重複URIに変更します。そう;
   • 注目の投稿URL：そう;
   • 名前も変更することを忘れないでください ht.accessの .htaccessサイトのルートにあります。

2. Razdіl：パネルkeruvannya

   • トップメニューに説明を表示： Ni。

3. Rozdil：ウェブサイト

   • Storinka許し404「文書が見つかりません」：リソースID404;
   • 封鎖の場合：そう;
   • サイト名：プロジェクトに名前を付けます。

4. Rozdіl：システムとサーバー

   • NadsilatiヘッダーX-Powered-By： Ni。

5. 名前空間：エース

   • フォントサイズ： 18px;
   • ソフト集計：やあ;
   • Rozmirの集計： 2;
   • 編集者のテーマ（オプション）： ambiance、chaos、chrome、clouds、clouds_midnight、cobalt、crimson_editor、dawn、dreamweaver、eclipse、github、idle_fingers、katzenmilch、kr、kuroir、merbivore、merbivore_soft、mono_indrk、tomorrow_night、tomorrow_night_blue、
   • その上、あなたはトピックを変えることができます 素材編集者エースと。 命令：

     MODxエースマテリアルテーマ1.システムのカスタマイズ>"ace"名前空間：フォントサイズ：15px編集領域の高さ：560非表示の文字：Takソフトタブ：Nタブサイズ：2エディターテーマ：tomorrow_night 2.ファイル：スーパー>デフォルト>css>インデックス.css：（cssに追加）！important）.ace_gutter（color：＃666E79！important）.ace_active-line、.ace_gutter-active-line（background-color：＃2A2F38！important）.ace_scroller、.ace_gutter（background-色：＃272B33！重要）。 ace_meta.ace_tag（color：＃A6B2C0！important）.ace_meta.ace_tag.ace_tag-name（color：＃DF6A73！important）.ace_entity.ace_other.ace_attribute-name（color：＃D2945D！important）！important）3.キャッシュをクリアしますメニューから。

基本的なリソースの作成

1. Storinka 404-ドキュメントを修正する側が見つかりませんでした。 メニューには表示しないでください。
2. サイトマップ-ビジョンのためのリソース [] 。 空のテンプレート。 メニューに表示しないでください。 所定の場所に入力：XML。 いたずらには利用できません。 HTMLエディタにタグを付けないでください。
3. ロボット-ビジョンのためのリソース robots.txt。 空のテンプレート。 メニューに表示しないでください。 所定の場所に入力：テキスト。 いたずらには利用できません。 HTMLエディタにタグを付けないでください。

過去のレッスンでは、modxをインストールして修正し、サイトの作成に必要なパッケージをインストールしました。 今日のチュートリアルは、優れたHTML / CSS/JSをMODXRevoデザインに移植することについてです。 デザインはどこで入手できますか、私は記事に書いています：MODXテンプレート-それは何ですか、それは何ですか？ 私のサイトでは、既製の有料を選択しました レスポンシブブートストラップブライトボックスという名前で17ドルの森のテンプレート（名前をクリックしてヨガのデモと説明を確認してください）。 あなたはそれを絶対に打ち負かすことができます、それは費用なしですべて同じです-それであなたはますます速く伸びるという全体の原則を理解します。

テーマのHTML構造

実用的なスキンテーマには、html、css、js、および画像ファイルを含めることができます。 phpファイル--Obrobnikフォーム。

私の見解では、assetsフォルダーにはcssファイルとjsファイル（別々のディレクトリにあります）、imagesフォルダーには画像と赤のファイルがあります（赤ではなくてもかまいません-すべてがロックの後ろにインストールされたブラウザーに保存されます）-これらはhtmlファイルです。

テンプレートをModxに移植する

最も簡単な方法は、Webサイトのルートにあるフォルダー（cream html）を含むすべてのファイルをアップロードすることです。 エール、私は折り畳みの道をたどります。 modxファイルとアセットディレクトリがないので、アセット（cssとjsサブフォルダー）をサイトのルートにアップロードし、画像をルートにアップロードします。

以前、テンプレートディレクトリを作成し、そこからすべてのファイルをアップロードしました。自分で行うことができます。

ベーステンプレートの編集

言語ツリーで、[要素]タブに移動し、穂軸パターンを開きます（LMBまたはRMBをクリックして、[編集]を選択するだけです）。

これを確認して、index.htmlのコードに置き換えることができます（サイトのルートには配置していません）。

あなたは素晴らしいメモ帳の助けを借りてHTMLファイルを開くことができます、あるいはもっと良いことに、書く 特別編集者例えば

サイトのメインページに行きましょう。

メインサイド同時に曲がっているように見えます。

スクリプトとcssへのパスを変更した人に起こりました。

方法の修正

パスは一度にこのようになります。

トロッホのスピーチまで、トピックは素晴らしいです、スラッシュ/、および\を通り抜けて、それを修正してください。

すでにaceパッケージをインストールしている場合は、簡単かつ簡単に代替品を検索できます。コードをクリックしてからCtrl + Hキー（LinuxおよびWindowsで動作）をクリックし、上部のフィールドに\と入力します。 、および下部にある/すべてをクリックします。