WordPressテーマ制作の全工程(11):page.phpの作成
「WordPressテーマ制作の全工程(10):comments.phpの作成」でご紹介しましたが、この記事では引き続きpage.phpの作成方法を紹介していますので、一緒に見ていきましょう。 ~
page.php もページです。ページの意味がわからないかもしれません。ブログ上の Web ページはすべてページではないでしょうか?ここで参照しているページは、「概要」や「連絡先情報」など、WordPress バックエンド - ページで追加および変更できる別のページです。
この page.php には、single.php に似ている、または基本的に同じものがたくさんあります。ここでは一部の内容についてはあまり分析せず、結果だけを見ていきます。分からない場合は、WordPressテーマ制作(8):index.phpの作成までの流れをご覧ください。
1. タイトルを追加
検索コード: <!-- 列 1 / コンテンツ -->
次のように変更します:
<!-- Column 1 / Content --> <h2 class="grid_12 caption clearfix"><?php the_title(); ?></h2>
2. ページ コンテンツを追加します
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel porta erat. Quisque sit amet risus at odio pellentesque sollicitudin. Proin suscipit molestie facilisis. Aenean vel massa magna. Proin nec lacinia augue. Mauris venenatis libero nec odio viverra consequat. In hac habitasse platea dictumst.</p>
次のように変更します:
<?php the_content(); ?>
3. コメント ボックスを追加します
と を含む)
を削除し、次のように置き換えます:
<?php comments_template(); ?>
4. クエリ ステートメント
を追加します。 検索コード: <!-- 列 1 / コンテンツ -->
に変更:
<!-- Column 1 / Content --> <?php if (have_posts()) : the_post(); update_post_caches($posts); ?>
検索:
</div> <?php get_sidebar(); ?>
次のように変更します:
</div> <?php else : ?> <div class="grid_8">
必要なページが見つかりませんでした。
</div> <?php endif; ?> <?php get_sidebar(); ?>
page.php が完成しました。ページもサイドバーページのfull_width.phpとコンタクトページのcontact.phpの2つありますが、作成方法は全く同じなのでここでは割愛しますが、直接書いてあるのでダウンロードすることも可能です。この 2 つのページをどのように使用するのかと疑問に思われるかもしれません。これら 2 つのページの前にそれぞれ 2 つのコメントを書きました:
<?php /* Template Name: Page without sidebar */ ?> <?php /* Template Name: contract */ ?>
将来 WordPress バックエンドで新しいページを作成するときは、右側の列でページ テンプレートを選択できます。サイドバーのないページを選択できます。チェックを外したままにすると、page.php テンプレートがデフォルトで使用されます。 contact.phpのサイドバーで連絡先情報の内容を変更するだけです。
これで、WordPress テーマ制作の一連のチュートリアルは終了です。正直に言うと、おそらく何も学べなかったでしょう。私が教えたことは本当にひどいものでした。感覚的な理解のプロセスとして扱ってください。 WordPressテーマ制作のBar。最後に、私たちが作成したテーマのダウンロードを提供しますが、このようなテーマはあまりにも醜いため、誰も使いたがらないでしょう。また、コメントのページング機能はありません。
推奨学習:「WordPress チュートリアル 」
以上がWordPressテーマ制作の全工程(11):page.phpの作成の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ホットAIツール

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

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

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

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

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

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

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

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

ホットトピック









PHP と Flutter は、モバイル開発でよく使われるテクノロジです。 Flutter は、クロスプラットフォーム機能、パフォーマンス、ユーザー インターフェイスに優れており、高パフォーマンス、クロスプラットフォーム、カスタマイズされた UI を必要とするアプリケーションに適しています。 PHP は、クロスプラットフォームではなく、パフォーマンスが低いサーバー側アプリケーションに適しています。

style.css ファイルを編集することで、WordPress ページの幅を簡単に変更できます。 style.css ファイルを編集し、 .site-content { max-width: [好みの幅] }; を追加します。 [好みの幅]を編集してページ幅を設定します。変更を保存し、キャッシュをクリアします (オプション)。

WordPress の投稿は /wp-content/uploads フォルダーに保存されます。このフォルダーはサブフォルダーを使用して、年、月、記事 ID ごとに整理された記事など、さまざまな種類のアップロードを分類します。記事ファイルはプレーン テキスト形式 (.txt) で保存され、通常、ファイル名には ID とタイトルが含まれます。

WordPress で製品ページを作成します。 1. 製品 (名前、説明、写真) を作成します。 2. ページ テンプレートをカスタマイズします (タイトル、説明、写真、ボタンを追加します)。 3. 製品情報 (在庫、サイズ、重量) を入力します。 4. バリエーションを作成します (さまざまな色、サイズ)。 5. 公開または非表示を設定します。 7. ページをプレビューして公開します。

WordPress テンプレート ファイルは、/wp-content/themes/[テーマ名]/ ディレクトリにあります。これらは、ヘッダー (header.php)、フッター (footer.php)、メイン テンプレート (index.php)、単一記事 (single.php)、ページ (page.php) など、Web サイトの外観と機能を決定するために使用されます。 、アーカイブ (archive.php)、カテゴリ (category.php)、タグ (tag.php)、検索 (search.php)、および 404 エラー ページ (404.php)。これらのファイルを編集および変更することで、WordPress Web サイトの外観をカスタマイズできます。

WordPress で作成者を検索します。 1. 管理パネルにログインしたら、[投稿] または [ページ] に移動し、検索バーを使用して作成者名を入力し、[フィルター] で [作成者] を選択します。 2. その他のヒント: ワイルドカードを使用して検索範囲を広げたり、演算子を使用して条件を組み合わせたり、著者 ID を入力して記事を検索したりできます。

WordPress は、データベース インタラクション、フォーム処理、動的コンテンツ生成、ユーザー リクエストを処理するコア プログラミング言語として PHP 言語を使用して開発されています。 PHP が選ばれた理由としては、クロスプラットフォームの互換性、学習の容易さ、活発なコミュニティ、豊富なライブラリとフレームワークなどが挙げられます。 PHP とは別に、WordPress は機能を強化するために HTML、CSS、JavaScript、SQL などの言語も使用します。

最も安定した WordPress バージョンは、最新のセキュリティ パッチ、パフォーマンスの強化、新機能と改善が導入された最新バージョンです。最新バージョンに更新するには、WordPress ダッシュボードにログインし、[更新] ページに移動して、[今すぐ更新] をクリックします。
