WordPress テーマを HTML5 に変換する-＆＃＆プレス-php.cn

HTML5 では、さまざまな優れた新機能とシンプルなオプションが導入されています。まもなく、現在使用されているほとんどのブラウザで完全にサポートされるようになる予定です。最終的には、誰もが WordPress テーマを XHTML から HTML5 に変換する必要があります。 Google の Panda アップデート後、Web サイトは Google でのランクを上げるために、より明確で読みやすいコードを必要とします。テーマを XHTML から HTML5 に変換する方法を説明します。また、(下位互換性のため) JavaScript が無効になっているインターネットユーザーの 2% にも配慮します。

＃＃＃私たちの目標＃＃＃

このチュートリアルでは、WordPress テーマを XHTML から HTML5 に変換することに焦点を当てます。以下にリストされているファイルを使用して変更を段階的に説明します (これらのファイルはテーマフォルダーにあります。つまり、

wp-content/messages/yourtheme/here!

)

(オプション)

基本的な HTML5 レイアウト

これから構築する基本的な HTML5 レイアウトを見てみましょう。 HTML5 は、コードの先頭にある単なるドキュメントタイプではありません。新しく導入されたいくつかの要素は、マークアップを減らして効率的な方法でスタイルとコードを作成するのに役立ちます (これが HTML5 が優れている理由の 1 つです)。

リーリー

ここで必要なのは、

header

、footer、nav、section、article# の新しい HTML5 について知ることだけです。 ## ラベルを好きな場所に配置するだけです。 div 構造化 XHTML とは対照的に、新しく導入されたタグの名前は一目瞭然です。

ステップ 1

header.php を HTML5 に変換します

次に、XHTML WordPress テーマの header.php で一般的に使用されるコードを紹介します。

#HTML テーマ header.php

リーリー

なぜこんなことをするのか、誰かが尋ねるはずです。答えは簡単で、HTML5 のセマンティックマークアップです。マークアップが削減され、理解と管理が非常に簡単になります。

HTML5 header.php (変換)

コードを読み、以下の手順に従ってテーマの header.php を HTML5 に変換します。

リーリー

ご覧のとおり、変換されたコードは XHTML コードとよく似ています。これらの変更について説明しましょう。

div コードを、HTML5 でナビゲーションバーを制御するための新しいセマンティックタグに置き換えました。

ヘッダーに section タグを含める人もいます。これについては多くの議論があります。私は、HTML5 の美しさを損なうため、ヘッダーに section タグを含めることに個人的に反対します。もちろん、そこで古い div を使用することもできます。 スクリプトとスタイルシートについてはどうですか?

WordPress テーマを HTML5 に変換する場合、ヘッダーに含まれるスクリプトとスタイルシートは非常にシンプルです。 HTML5 では、

ホットAIツール

Undresser.AI Undress

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

AI Clothes Remover

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

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

Video Face Swap

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

もっと見る

人気の記事

アサシンのクリードシャドウズ：シーシェルリドルソリューション
3週間前 By DDD

Windows11 KB5054979の新しいものと更新の問題を修正する方法
2週間前 By DDD

アサシンクリードシャドウ - 鍛冶屋を見つけて武器と鎧のカスタマイズを解除する方法
1 か月前 By DDD

Atomfallのクレーンコントロールキーカードを見つける場所
3週間前 By DDD

<🎜>：Dead Rails-すべての課題を完了する方法
3週間前 By DDD

もっと見る

ホットツール

メモ帳++7.3.1

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

SublimeText3 中国語版

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

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

神レベルのコード編集ソフト（SublimeText3）

もっと見る

ホットトピック

Gmailメールのログイン入り口はどこですか？

7640

15

CakePHP チュートリアル

1391

52

Steamのアカウント名の形式は何ですか

90

11

Win11 Activation Key Permanent

71

19

NYTの接続はヒントと回答です

32

150

もっと見る

Related knowledge

WordPressは初心者にとって簡単ですか？ Apr 03, 2025 am 12:02 AM

WordPressは、初心者が簡単に始めることができます。 1.バックグラウンドにログインした後、ユーザーインターフェイスは直感的であり、シンプルなダッシュボードは必要なすべての関数リンクを提供します。 2。基本操作には、コンテンツの作成と編集が含まれます。 WysiWygエディターは、コンテンツの作成を簡素化します。 3.初心者は、プラグインとテーマを介してウェブサイトの機能を拡張でき、学習曲線は存在しますが、練習を通じて習得できます。

WordPressブログを始める方法：初心者向けのステップバイステップガイド Apr 17, 2025 am 08:25 AM

ブログは、人々が自分の意見、意見、意見をオンラインで表現するための理想的なプラットフォームです。多くの初心者は自分のウェブサイトを構築することに熱心ですが、技術的な障壁やコストの問題を心配することをためらっています。ただし、プラットフォームが初心者の能力とニーズを満たすために進化し続けるにつれて、今まで以上に容易になり始めています。この記事では、テーマの選択からプラグインの使用まで、セキュリティとパフォーマンスを向上させ、独自のWebサイトを簡単に作成できるように、WordPressブログを構築する方法を段階的に導きます。ブログのトピックと方向を選択してくださいドメイン名を購入したり、ホストを登録する前に、カバーする予定のトピックを特定することをお勧めします。個人的なウェブサイトは、旅行、料理、製品のレビュー、音楽、またはあなたの興味を引き起こす趣味を中心に展開できます。あなたが本当に興味を持っている領域に焦点を当てることは継続的な執筆を奨励することができます

ワードプレスは何に適していますか？ Apr 07, 2025 am 12:06 AM

wordpressisisgoodforvirtalayanywebprojectoitsversitilityasacms.itexcelsin：1）ユーザーフレンドリー、柔軟性と柔軟性と顧客化の維持、およびプルージンの数値化; 3）seooptimization;

WordPressを3日で学ぶことはできますか？ Apr 09, 2025 am 12:16 AM

3日以内にWordPressを学ぶことができます。 1.テーマ、プラグインなどのマスター基本知識。2。インストールや作業原則などのコア関数を理解します。 3.例を使用して、基本的および高度な使用法を学びます。 4.デバッグテクニックとパフォーマンスの最適化の提案を理解します。

WixまたはWordPressを使用する必要がありますか？ Apr 06, 2025 am 12:11 AM

WIXは、プログラミングの経験がないユーザーに適しており、WordPressは、よりコントロールと拡張機能を必要とするユーザーに適しています。 1）WIXはドラッグアンドドロップエディターとリッチテンプレートを提供しているため、Webサイトをすばやく構築できます。 2）オープンソースのCMSとして、WordPressには巨大なコミュニティとプラグインエコシステムがあり、詳細なカスタマイズと拡張をサポートしています。

WordPressの費用はいくらですか？ Apr 05, 2025 am 12:13 AM

WordPress自体は無料ですが、使用するには余分な費用がかかります。1。WordPress.comは、無料から支払いまでの範囲のパッケージを提供し、価格は月あたり数ドルから数十ドルまでの範囲です。 2。WordPress.orgでは、ドメイン名（年間10〜20米ドル）とホスティングサービス（月額5〜50米ドル）を購入する必要があります。 3.ほとんどのプラグインとテーマは無料で、有料価格は数十から数百ドルです。適切なホスティングサービスを選択し、プラグインとテーマを合理的に使用し、定期的に維持および最適化することにより、WordPressのコストを効果的に制御および最適化できます。

WordPressはまだ無料ですか？ Apr 04, 2025 am 12:06 AM

WordPressのコアバージョンは無料ですが、使用中に他の料金が発生する場合があります。 1。ドメイン名とホスティングサービスには支払いが必要です。 2。高度なテーマとプラグインが充電される場合があります。 3.プロフェッショナルサービスと高度な機能が請求される場合があります。

なぜWordPressを使用するのはなぜですか？ Apr 02, 2025 pm 02:57 PM

人々は、その力と柔軟性のためにWordPressを使用することを選択します。 1）WordPressは、さまざまなWebサイトのニーズに適した、使いやすさとスケーラビリティを備えたオープンソースのCMSです。 2）豊富なテーマとプラグイン、巨大なエコシステム、強力なコミュニティサポートがあります。 3）WordPressの作業原則は、テーマ、プラグイン、コア関数に基づいており、PHPとMySQLを使用してデータを処理し、パフォーマンスの最適化をサポートします。

See all articles