WordPressは、記事ページがJavaScript / CSSコードをロードすることをどのように指定していますか？

生産中WordPressテーマを設定する際、WordPress の特定のページに表示される特定の JavaScript または CSS コードがある場合、それは XNUMX 回だけ使用されます。

コードはどこに配置する必要がありますか? Style.css または base.js?

しかし、そのためのコストは少し高くなります。

例 1:

• WordPress サイトで Highslide JavaScript 効果を取得してみてください。
• しかし、通常は画像や必要なページがある部分にのみ使用され、使用されていないページにページをロードして Highslide セクションを追加するため、50 KB を超える JavaScript は大きすぎます。

例 2:

• 標準の互換性方法を使用する記事を掲載タグはそれを挿入しますが、挿入されたタグによって生成されたページは、W3C 検証に合格できません。
• 良い方法は、JavaScript である SWFObject を使用して、W3C で検証されたコードを生成することです。
• しかし問題は、WordPress のすべてのページに SWFObject をロードするのは無駄であり、すべてのページがこの JavaScript ファイルを使用しているわけではないということです。

実際、WordPress の強力なカスタム フィールドを使用して、カスタム投稿やページ読み込み用にさまざまな JavaScript ページを実装できます。

この記事では、WordPress、カスタム JavaScript、または CSS ファイルでカスタム フィールドを使用する方法について説明します。

ご理解いただければ、カスタム フィールドの値は JavaScript や CSS ファイルほど単純ではありません。

WordPress テーマにカスタム フィールドを追加する方法

WordPress テーマの header.php ファイルを開き、コードを見つけます ▼

<?php wp_head(); ?>

の後に▼を付ける

<!-- 指定文章页面加载JavaScript/CSS代码 开始 -->
    <?php if (is_single() || is_page()) {
$head = get_post_meta($post->ID, 'head', true); 
if (!empty($head)) { ?> 
<?php echo $head; ?> 
<?php } } ?>
<!-- 指定文章页面加载JavaScript/CSS代码 结束 -->

コードのヘッドは、カスタマイズ可能なカスタム フィールドの名前です。

WordPress の投稿またはページにカスタム フィールドを追加する

WordPress バックエンド記事の編集ページのエディターには、「カスタム フィールド」用の小さなウィンドウがあります。

1. 「名前」には次のように入力します。head
2. 次に、「値」に、表示に追加するコードを入力します ▼

• [カスタム フィールドの追加] をクリックします。
• 記事を更新すると、テーマをコーディングし、これらのカスタム フィールドに値を入力できるようになります。

「値」にはロードする必要のあるコードのみを出力するので、「値」には以下のようなコードを入力する必要があります▼

<script type="text/javascript">...</script>

または ▼

<style type="text/css">...</style>

上記のコードを出力します。

WordPress カスタムフィールドのその他の用途

上記の原則を理解すると、WordPress カスタム フィールドは、カスタム ページにカスタム JavaScript または CSS を実装できるだけでなく、カスタム フィールドを介して多くの機能を実装できることがわかります。

それらを実装する方法については、カスタム フィールドを使用してみてください。

WordPress で JavaScript/CSS コードをロードするために、記事のタグとカテゴリのヘッダーとフッターを指定する方法は?

WordPressでヘッダーをカスタマイズする方法?次の記事の手順に従ってインストールできますWordPressプラグインヘッドコードの追加を実現▼

WordPress はどのようにヘッド コードを記事に追加しますか? WP プラグインはヘッド コードを最適化します

この記事のように、WordPress でヘッダーをカスタマイズする方法は?「WordPress フッター ヘッダー プラグインをインストールする」で説明したヘッダー フッター コード マネージャー プラグインは、現在 PHP コードを追加できません...そこで、WordPress プラグインの公式サイトで検索したところ、ヘッダー ページにあることがわかりました。 .

WordPressでヘッダーをカスタマイズする方法は?WordPressフッターヘッダープラグインをインストールする

一部のWordPress HTML / Javascript / CSSコードは、特定の記事またはページにのみ表示する必要があります.ヘッダーフッターコードマネージャープラグインを介して、WordPressの指定された記事/ページにヘッダーおよびフッターコードを追加できます. ヘッダー フッター…

• このように、WordPress テーマを変更した後にカスタム コードを紛失したり、カスタム コードを手動で転送したりする心配はありません。