WordPressテーマ制作の全工程(3)：HTML静的テンプレート制作

「WordPressテーマ制作の全工程(2):テーマファイル構成」をご紹介しましたが、今回は引き続き「WordPressテーマ制作の全工程(3):HTML static」をお届けします。テンプレート制作』、一緒に見ていきましょう~

WordPressを作るにはPHPの知識が必要ですが、何といってもブログページはWebページです。Webページが表示できる理由ブラウザとは、最終的にブラウザの表示結果を制御するHTML、CSS、JSなどのターミナルコードのことです。 WordPress テーマの作成も例外ではなく、それらはすべて Web ページであり、Web ページの最も基本的な部分は HTML です。 WordPress テーマを作成したい場合は、まずテーマのインターフェイスをデザインする必要があります。繊細、シンプル、分厚く、自由など、スタイルは完全にあなた次第です。その後、デザイン コンセプトを .html に変換すると、表示できるようになります。通常はブラウザ上で。

この一連のチュートリアルでは、ブログのインターフェイスをデザインする方法や、HTML と CSS の基本については説明しません。代わりに、HTML と CSS の基本をすでに理解していることを前提としています。 . HTML を知らなくても、CSS を知らなくても、次の内容はバイブルのように思えるかもしれません。

この一連のチュートリアルでは、

tutsplus が無料で提供する HTML テンプレート Aurelius を例として、WordPress テーマの制作プロセスを説明します。テンプレートも同様です。 HTML テンプレート ファイルは、以下からダウンロードできるように提供されています。これを使用して、HTML 静的ページと PHP コードを組み合わせて WordPress テーマを作成する方法を練習します。ダウンロード後、中のhtmlファイルはダブルクリックで直接開くことができます。

このテンプレートはすべての人が好むものではないかもしれませんが、テーマ作成の練習には十分です。また、驚かれるかもしれませんが、なぜ英語なのでしょうか？心配しないでください。英語かどうかは関係ないことが後でわかります。これらのダウンロードしたファイルの用途について話しましょう:

ホームページ:index.html
• アーカイブ ページ:archive.html
• ページ:page.html
記事ページ: single.html
• お問い合わせページ: contact.html
• サイドバーなしページ: full_width.html
• 画像: /images/
• スタイル シート: style.css
• サムネイル:screenshot.png

これらは基本的に、ほとんどのブログで見られるページのタイプです。お気づきかと思いますが、どの WordPress テーマを使用しても、記事ページはタイトルと内容を除いて基本的に同じであり、これがいわゆるテンプレートです。

今日の焦点は、上で提供した静的 HTML Web ページ ファイルをダウンロードすることです。そのため、次の内容に注目してください。

推奨学習:「

WordPress チュートリアル 」

以上がWordPressテーマ制作の全工程(3)：HTML静的テンプレート制作の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。