WordPress は記事のヘッダーとフッターを指定して、PHP/JavaScript/CSS コードを読み込みます

使用する場合WordPressのウェブサイトヘッダーとフッターに PHP/JavaScript/CSS コードを読み込むには、WordPress で特定の記事またはページを指定する必要があります。

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

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

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

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

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

<?php wp_head(); ?>

の後に▼を付ける

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

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

チェン・ウェイリアン合格推奨WordPressプラグイン次の PHP コードを追加して、記事ページを指定し、フット カスタム フィールドを読み込みます▼

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

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

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

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

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

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

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

または ▼

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

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

記事のヘッダーとフッターが PHP/JavaScript/CSS コードをロードすることを WordPress はどのように指定しますか?

カスタム フィールドの PHP コードを WordPress テーマの header.php ファイルに追加すると、WordPress テーマの変更後にカスタム フィールドの PHP コードが失われるため、カスタム フィールドの PHP コードを WordPress テーマに追加する必要があります。新しいテーマ。

より良い解決策は、ヘッド、フッター、ポスト インジェクション プラグインの使用、記事の投稿またはページのページとフッターにカスタム フィールドを追加する PHP コードを実装します。

WordPressでヘッダーをカスタマイズする方法?以下の記事からWordPressプラグインをインストールすることで頭や足にコードを追加できます▼

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

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

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