今日は、PHP プロジェクトにページリンクを追加する方法を学びました。また、ページのデータを含むファイルの管理方法も理解します。
まず、ウェブサイト https://www.tailwindui.com にアクセスして、そのように作成するホームページのさまざまなレイアウトやデザインを確認する必要があります。
デザインを選択すると、デザインの右隅にコードをコピーするオプションがあります。それをコピーして、次の手順に従います。
vs code プロジェクト内 (バージョン 1.
勤務時90)
、次の依存関係が必要です:
HTML5 基本コード
スタイルページ用の CSS
PHP ページの作成
<!--html This example requires updating your template: ``` <html class="h-full bg-gray-100"> <body class="h-full"> ``` -->
次のようにコードにこれらを追加します。
DOCTYPE html> <html lang="en" class="h-full bg-gray-100"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body class="h-full">
アンカータグ内にページリンクが存在します。 HTML の形式:
<a href="/" class="rounded-md bg-gray-900 px-3 py-2 text-sm font-medium text-white" aria-current="page">Home</a> <a href="/abput.php" class="rounded-md px-3 py-2 text-sm font-medium text-gray-300 hover:bg-gray-700 hover:text-white">About</a> <a href="/contact.php" class="rounded-md px-3 py-2 text-sm font-medium text-gray-300 hover:bg-gray-700 hover:text-white">Contact Us</a> <a href="/testing.php" class="rounded-md px-3 py-2 text-sm font-medium text-gray-300 hover:bg-gray-700 hover:text-white">Testing</a>
ボタンのスタイルは、リンクを含むアンカー タグにも適用され、:hover 疑似クラスを使用して、押されたときのボタンの状態を変更します。
このコードを追加すると、コードのデバッグおよび実行時に空白の画面が表示されます。この問題を解決するには、先頭に PHP 開始タグ (
このファイルの名前は、index.php
<?php require"Index.view.php";
これで出力が表示されます。
すべてを明確に理解していただければ幸いです。
単一のファイルを変更してページに変更を加えるには、 内のナビゲーション バーコードをコピーします。タグ。新しいディレクトリとその中に nav.php という名前の新しいファイルを作成し、このファイルにコードを貼り付けます。このファイルをプロジェクトの残りの部分で利用するには、元のコードがコピーされた場所と同じ場所にそのアドレスを含めます。
手順の概要は次のとおりです:
<?php require('particles/nav.php') ?>
これを行うと、単一のファイル (nav.php) からナビゲーション バーへの変更を管理し、それを含むすべてのページに更新を反映させることができます。
ご理解いただければ幸いです。
以上がPHP で 1 つのファイルを変更することで、ページ リンクを追加し、ページへの変更を管理するにはどうすればよいでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。