ホームページ php教程 php手册 phpwind9.0テンプレート制作、フォーラム形式開発

phpwind9.0テンプレート制作、フォーラム形式開発

Jun 21, 2016 am 08:50 AM
bbs css template

すべての 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 の正式版が期待されます。



このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

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

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

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

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

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

VueでBootstrapの使用方法 VueでBootstrapの使用方法 Apr 07, 2025 pm 11:33 PM

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

HTML、CSS、およびJavaScriptの役割:コアの責任 HTML、CSS、およびJavaScriptの役割:コアの責任 Apr 08, 2025 pm 07:05 PM

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

ブートストラップにスプリットラインを書く方法 ブートストラップにスプリットラインを書く方法 Apr 07, 2025 pm 03:12 PM

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

HTML、CSS、およびJavaScriptの理解:初心者向けガイド HTML、CSS、およびJavaScriptの理解:初心者向けガイド Apr 12, 2025 am 12:02 AM

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

ブートストラップに写真を挿入する方法 ブートストラップに写真を挿入する方法 Apr 07, 2025 pm 03:30 PM

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

ブートストラップのフレームワークをセットアップする方法 ブートストラップのフレームワークをセットアップする方法 Apr 07, 2025 pm 03:27 PM

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

ブートストラップボタンの使用方法 ブートストラップボタンの使用方法 Apr 07, 2025 pm 03:09 PM

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

ブートストラップのサイズを変更する方法 ブートストラップのサイズを変更する方法 Apr 07, 2025 pm 03:18 PM

Bootstrapの要素のサイズを調整するには、次のものを含むDimensionクラスを使用できます。

See all articles