phpwind9.0テンプレート制作、フォーラム形式開発
すべての PHPer にとって、最近最もうれしいことは PHPwind9.0 のリリースですが、それを理解し、特定の開発を実行するには、依然として多大な労力が必要です。フォーラム テンプレートのメカニズムはポータル テンプレートのメカニズムとは異なるため、今日はフォーラム テンプレートを作成する一般的なプロセスに焦点を当てます。
まず、phpwind9.0 のフォーラム テンプレートのメカニズムについて理解しましょう。
実際、phpwind9.0 のテンプレート メカニズムは discuzx2.5 に似ています。これらはプログラム自体に付属するデフォルトのテンプレート (テンプレート内のファイル) です。その後、テンプレートのセットを自分で設計するとします。そして、それらを対応するフォルダーに置きます。バックグラウンドで指定すると、プログラムは、変更したい場所にテンプレートを作成することを目的としています。フォーラム インターフェイスのスタイルを変更したい場合は、変更する必要があります。サイト全体のテンプレートを作成したい場合は、利益が損失を上回ります。
2. フォーラム テンプレート スタイルを作成するにはどのようなファイルとディレクトリが必要ですか?
1. 新しいスタイルのカタログ
2. css ディレクトリと css ファイル (スタイル)
3. js ディレクトリと js ファイル (javascript、jquery、その他のスクリプト)
4. 画像ディレクトリと画像ファイル (スタイルピクチャ)
5. テンプレートディレクトリと HTML ファイル (テンプレート)
6. Manifest.xml (インストール設定ファイル)
説明:
①新しいスタイルディレクトリを作成し、その中に以下の2~6のファイルを全て配置します。
②標準化するには、引き続き dev ディレクトリと build ディレクトリを css ディレクトリに作成する必要があります。dev はスタイルに使用される css ディレクトリです。build ディレクトリは圧縮された CSS です。圧縮CSS機能がオンになった後にバックグラウンドディレクトリに生成されるファイル。新しいスタイルの CSS ファイルを dev ディレクトリに配置するだけです。
③ スタイルに js 特殊効果が必要ない場合は、この項目を無視できます。そうでない場合は、js ディレクトリを作成し、そこに js ファイルを配置する必要があります。
④ スタイルに写真が必要ない場合は、この項目を無視してかまいません。そうでない場合は、画像ディレクトリを作成して、その中に写真ファイルを置く必要があります。
⑤htmテンプレートファイルを保存するテンプレートディレクトリを作成する必要があります。htmファイル名は、公式の/template/bbs/配下にある該当テンプレートの名前と一致していなければ、プログラムは認識できません。
⑥背景識別とテンプレート画像のインストールのためにManifest.xmlファイルを作成する必要があります。
上記の説明の補足として、http://www.zsbs.net/phpwind/forum.html
を参照してください。3. フォーラムページに対応するテンプレート
多くの友人が、あるページをどのファイルに変更するかなどのアドバイスを体験サイトに求めます。誰もが寄り道をせずにファイルを 1 つずつ表示できるように、まず、対応する HTML ファイルについて説明します。私が知っているページがある場合は、説明がない場合は、コメントを残してください。能力がある場合は、さらに説明を投稿してください。
フォーラムのホームページ: /index.php?m=bbs
対応するテンプレート:/template/bbs/index_run.htm
フォーラムの最新投稿ページと最終返信ページ (写真)
対応するテンプレート: /template/bbs/forum_run.htm、forum_run.htm、forum_list.htm
フォーラムチャンネルページ:/index.php?m=bbs&c=cate&fid=1
対応するテンプレート: /template/bbs/cate_run.htm および cate_digest.htm
フォーラムページ:/index.php?m=bbs&c=thread&fid=1
対応するテンプレート:/template/bbs/thread_run.htm
フォーラム投稿閲覧ページ: /read.php?tid=1&fid=1
対応するテンプレート: /template/bbs/read_run.htm および read_reply_floor.htm および read_floor.htm
実際、これを見れば、いくつかのルールも見つけられるはずです:
たとえば、ホームページでは通常、XX_run.htm のようなファイルが実行されます。
たとえば、リンク URL パスにどのような名前が含まれているかを確認すると、対応するテンプレートにもその名前がプレフィックスとして付けられます。
たとえば、リンク URL パス名と同じプレフィックスを持つファイルは、このリンクに関連する HTML ファイルです。
皆さんも推論していただければ幸いです。家では手が冷えているので、一例ずつ説明しません。
IV. テンプレートの作成
ここでは詳しく説明しませんが、次回はサンプルチュートリアルを使用して説明します。唯一の解決策は、phpの各種if判定やプログラムのタグをhtmlコードの中に入れることです。 CSS、JS、画像、その他のパスを一致させるだけです。
5. Manifest.xml インストール ファイルを構成します
このファイルについての私の理解は、新しいスタイルがあるかどうかを識別するための背景の重要な基礎となる可能性があるということです。実験を行って、新しいディレクトリを作成し、その中にこの構成ファイルを配置し、プログラムのバックグラウンドで新しいスタイルを認識できるように、新しいスタイル ディレクトリを /themes/forum/ の直下に配置しました。この設定ファイルの重要性については多くは言いませんが、指示に従ってください。
詳細については、公式 Web サイトの phpwind9.0 マニュアルを参照してください。
6. 新しく用意したテンプレートをインストールします
1. 新しいテンプレート ディレクトリ全体をプログラム ルート ディレクトリ/主題/フォーラム/の下に置き、バックグラウンドに入り、クラウド プラットフォーム → テンプレート管理 → ローカル インストール → 新しいテンプレートが表示されますので、確認してください。そしてそれをインストールします。
2. インストールが完了したからといって、既に使用しているわけではありません。 このスタイルを指定するには、バックグラウンドのセクション設定に移動してください。たとえば、セクション 1 をブログに使用し、セクション 2 を情報に使用し、セクション 3 をフォーラムに使用したいとします。もちろん、それに合わせてさまざまなスタイルのセクション テンプレートを作成するだけです。 , 現在はセクション バインディング スタイルのみですが、チャンネル ページにもスタイル バインディング機能が追加されることが公式によって確認されました。スタイル バインディング機能については、phpwind9.0 の正式版が期待されます。

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック











vue.jsでBootstrapを使用すると、5つのステップに分かれています。ブートストラップをインストールします。 main.jsにブートストラップをインポートしますブートストラップコンポーネントをテンプレートで直接使用します。オプション:カスタムスタイル。オプション:プラグインを使用します。

HTMLはWeb構造を定義し、CSSはスタイルとレイアウトを担当し、JavaScriptは動的な相互作用を提供します。 3人はWeb開発で職務を遂行し、共同でカラフルなWebサイトを構築します。

ブートストラップスプリットラインを作成するには2つの方法があります。タグを使用して、水平方向のスプリットラインを作成します。 CSS Borderプロパティを使用して、カスタムスタイルのスプリットラインを作成します。

webdevelopmentReliesOnhtml、css、andjavascript:1)htmlStructuresContent、2)cssStylesit、および3)Javascriptaddsinteractivity、形成、

ブートストラップに画像を挿入する方法はいくつかあります。HTMLIMGタグを使用して、画像を直接挿入します。ブートストラップ画像コンポーネントを使用すると、レスポンシブ画像とより多くのスタイルを提供できます。画像サイズを設定し、IMG-Fluidクラスを使用して画像を適応可能にします。 IMGボーダークラスを使用して、境界線を設定します。丸い角を設定し、IMGラウンドクラスを使用します。影を設定し、影のクラスを使用します。 CSSスタイルを使用して、画像をサイズ変更して配置します。背景画像を使用して、背景イメージCSSプロパティを使用します。

Bootstrapフレームワークをセットアップするには、次の手順に従う必要があります。1。CDNを介してブートストラップファイルを参照してください。 2。独自のサーバーでファイルをダウンロードしてホストします。 3。HTMLにブートストラップファイルを含めます。 4.必要に応じてSASS/LESSをコンパイルします。 5。カスタムファイルをインポートします(オプション)。セットアップが完了したら、Bootstrapのグリッドシステム、コンポーネント、スタイルを使用して、レスポンシブWebサイトとアプリケーションを作成できます。

ブートストラップボタンの使用方法は?ブートストラップCSSを導入してボタン要素を作成し、ブートストラップボタンクラスを追加してボタンテキストを追加します
