ホームページ > php教程 > php手册 > スタイル テンプレートの不完全な変更に関する基本チュートリアル

スタイル テンプレートの不完全な変更に関する基本チュートリアル

WBOY
リリース: 2016-06-13 12:43:17
オリジナル
1059 人が閲覧しました


私の少ない経験ですが、テンプレート修正が初めての友達の参考になれば幸いです。

テンプレートの変更については、スターの署名から「HTML をよく学ぶことが重要です」という文を引用します :)

画像や色の変更に加えて、スタイルを追加します。深さはテンプレートを変更することです。

テンプレートは HTML 言語と PHP 変数であり、この 2 つが含まれています。
まずシステム設定でテンプレート エディターに入り、viewthread_post などのテンプレートを自由に開くことができます。個人的には、このテンプレートが最も重要で、次にインデックス ヘッダー フッターとフォーラムの各部分が続くと思います。テンプレートは、経験があれば自然にわかると思いますが、その名前が示すように、多くのことがわかります。インデックス、ヘッダー、フッターは、フォーラムに入ると表示されるものです。 viewthread_post は、投稿を 1 つずつ閲覧するときに表示されるものです。
フォーラムの現在のアドレスから、変更したい対応するテンプレートを見つけることもできます。各投稿を見ると、IE のアドレスは http"//***/viewthread.php です。 ?tid=、このページを変更したい場合は、テンプレートの viewthread カテゴリを見つける必要があります。viewthread_post はその 1 つであり、投稿に関するものです。他のものはフォーラムへのジャンプであり、署名が関連しているなどです。ここではテンプレートを変更するだけなので、あまり深くは説明しません。テンプレートの変更は簡単で、Web ページ作成ツールを使用します。DW の視覚化は非常に便利です。コードは上にあり、プレビュー ウィンドウは下にあります。すべての viewthread_post テンプレート コードをコードにコピーしてみましょう。 DW のウィンドウを開くと、下のプレビュー ウィンドウではっきりと確認できます。

にはこの 2 つしかありません。$ip は IP の画像です。この画像は所有者と管理者のみに表示されます。$stars は各メンバー用です。$avatar はアバターです。テンプレートを変更するには、多くの場合、これらの変数の方法と位置を変更する必要があります。この時点で、別の IE ウィンドウを開いて、フォーラムの投稿を DW プレビュー ウィンドウのフレーム内の変数と比較すると、対応する変数が何に表示されているかがわかります。または、テンプレート内のいくつかの変数を削除して変更を確認し、変更があるかどうか、または欠落しているものがあるかどうかを確認することができます。たとえば、フォーラムの凡例を変更する必要がある場合は、そのアドレスが index.PHP にあることが示されている場合は、このカテゴリで検索します。名前から、それがindex_whosonlineというテンプレートであることが分かります。HTMLを知らない場合は、Mozhuと管理者の指示に従ってください。ひょうたん絵の描き込みなどもあります。
まだまだ先のようですが、スタイルについては後述します。 テンプレートについて予備的な理解ができたら、まず既製のテンプレートを見つけて変更してみます。たとえば、VBB のスタイルが良い場合は、Web ページを(もちろん良いと思うページと投稿部分も)名前を付けて保存し、DW で開きます。

必要なのは投稿だけです次に、プレビューウィンドウで不要なものを削除し、削除して削除を繰り返し、最後に必要な投稿のフレームのみを保持し、元の投稿の内容、投稿時間などの余分なものを削除します。クリーンなページを維持し (もちろん、事前に新しい DW ウィンドウを作成して、viewthread_post の元のテンプレートを開いてこれを確認します)、Discuz の viewthread_post テンプレートに変数を 1 つずつ取り込んで、どの変数が含まれているかを確認します。配置場所はどこでも構いませんが、元の VBB の配置に従った場所が最適です。交換完了。

何が追加されたか、フレーム幅のパーセンテージなど、またはあなたがプレイしたもの、または異なるフォーラムなどのために何を変更する必要があるかを確認してください。ほぼ完了したら、コード ウィンドウのコードをコピーしてフォーラムに貼り付け、viewthread_post テンプレートをカバーし、更新して結果を確認します (画像パスが正しく、同時にスペースにアップロードされている必要があることに注意してください)何か間違ったことはありますか?

一部のコードは、DW に貼り付けると黄色のエラー コードが表示される場合があります。特定の目的のために削除しないでください。



これは viewthread_post テンプレートの単なる例であり、主な目的は、テンプレートに慣れて変更することです。将来的には、テンプレートを変更して新しいスタイルを作成できるようになります。これは非常にスムーズでした。もっと自分だけのオリジナル作品を作ってみましょう。 。 。インデックス部分に関してはこれだけですが、フォーラムのページには複数のテンプレートを組み合わせる必要があることに注意してください。テンプレートを個別に確認して変更しないでください。場合によっては、カテゴリ全体の状況を考慮する必要があります。また、フォーラムの美化には通常、フレーム付きの画像の追加が含まれますが、美化の効果はすぐに現れますが、速度への影響も考慮する必要があります。速度を重視する場合は、追加の画像を追加すると効果があります。しかし、フォーラムが人々に与える印象には、スタイルも非常に重要です。これについてはあまり言うことはありません。
フォーラムが統一されたスタイルを実現できるように、完全なスタイル、いくつかの詳細、フォーラムのスクロール バーの色の適切な一致、および適切なマウス ポインターのセット (どちらも IE6.0 サポートが必要) ロゴなど。そして調和のとれた効果。

テンプレート内のすべては HTML 言語と変数の組み合わせに基づいているため、HTML 言語を少し理解していれば、HTML をよく学ぶことが非常に重要であることをもう一度強調します。私が書いたものを読むためです。さらに詳しく理解するには、PHP について、少なくとも基本的な構文について知っている必要があります。たとえば、「PHP では、引用符の前に引用符を追加する必要があります。」これは今しか理解できません :D

Big C からは、将来的には新しいバージョンになると聞きました (現在のバージョンはすでにそうです)。複数のテンプレートを使用することになり、現在のテンプレート構造は若干変更されている可能性があります。その時点で、フォーラムは、テンプレートを変更して他のスタイルを使用することに制限されることなく、複数のスタイルを使用できます。無限の感嘆の中で…

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のおすすめ
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート