架站勤拿手

單頁加入jQuery語法(也可含CSS)

前言

有些時候有些語法只須在某頁執行就可以了，我們就可以僅在該頁中加入jQuery語法，同時也是節省主機效能，CSS的置入也適用以下的方法。

方法

我列出我常用的方法，如下 :

1、用Elementor編輯的單頁

請直接參考此篇 : https://smallway.com.tw/wp/8373/

2、用區塊編輯器的單頁

若是用區塊編輯器來寫文章或編輯頁面，只要拉一個html工具，再配合此篇的語法，貼上即可。

3、用片段程式碼外掛來置入

外掛「Code Snippets」最主要用途是用來自訂function PHP，當然也可以用來置入jQuery與CSS。

以下列各例程式碼中，藍色數字指的是該篇的「id」。

■單篇頁面

function facy_hook_javascript() {
 if (is_page ('10')) {
   ?>
       <script>
        // your javscript code goes here
       </script>
      <style>
       /*CSS寫這裡*/
      </style>
   <?php
 }
}
add_action('wp_head', 'facy_hook_javascript');

■多篇頁面

//-----------------------------
指定多頁面
add_action( 'wp_head', function () {
 if ( is_page( array('3898','11723') ) ) {
?>
  <script>
   alert();
   // your javscript code goes here
 </script>

  <style>
    /*CSS寫這裡*/
  </style>
<?php
	 
 }	 
});

■單篇文章(或CPT)

function facy_hook_js() {
 if (is_single ('16')) {
   ?>
       <script type="text/javascript">
         // your javscript code goes here
       </script>

      <style>
       /*CSS寫這裡*/
      </style>

   <?php
 }
}
add_action('wp_head', 'facy_hook_js');

總結

會用何種方式我會視情況，不過我比較偏向1與2的方式。