Web Design Leaves

function add_my_files() {
  //スタイルシートの読み込み
  wp_enqueue_style( $handle, $src, $deps, $ver, $media);

  //JavaScript の読み込み
  wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer );
}
//アクションフック（wp_enqueue_scripts）への登録
add_action('wp_enqueue_scripts', 'add_my_files');

function add_my_print_css( ){
  if(is_single()) {
?>
<style type="text/css">
#contents p {
  color: red;
}
</style>
<?php
  }
}
add_action( 'wp_head', 'add_my_print_css', 999 );

function add_my_print_js( ){
  if(is_single()) {
?>
<script> alert('footer'); </script>
<?php
  }
}
add_action( 'wp_footer', 'add_my_print_js', 99999 );

function add_my_print_js( ){
  if(is_single()) {
$output = <<<EOF
  function my_alert(msg) {
    msg += ': message';
    alert(msg);
  };
  my_alert('Hello!');
EOF;
   printf( '<script>%s</script>'."\n", $output );
  }
}
add_action( 'wp_footer', 'add_my_print_js', 99999 );

function add_my_print_js( ){
  if(is_single()) {
   printf( '<script>%s</script>'."\n", my_output_test() );
  }
}
add_action( 'wp_footer', 'add_my_print_js', 99999 );

function my_output_test() {
  $output = '';
  $output .= 'alert("My output!")';
  return $output;
}

function add_my_scripts() {
  //script1 を登録
  wp_register_script(
    'script1',
    get_theme_file_uri( '/js/script1.js' )
  );
  //script2 を登録
  wp_register_script(
    'script2',
    get_theme_file_uri( '/js/script2.js' ),
    //script1 を依存ファイルに指定
    array( 'script1' )
  );
  //script2 を読み込みキューへ追加
  wp_enqueue_script('script2');
}
add_action('wp_enqueue_scripts', 'add_my_scripts');

function add_my_scripts() {
  //script1 を読み込みキューへ追加
  wp_enqueue_script(
    'script1',
    get_theme_file_uri( '/js/script1.js' )
  );
  //script2 を読み込みキューへ追加
  wp_enqueue_script(
    'script2',
    get_theme_file_uri( '/js/script2.js' ),
    //script1 を依存ファイルに指定 （順番に読み込まれるので、この場合は省略可能）
    array( 'script1' )
  );

}
add_action('wp_enqueue_scripts', 'add_my_scripts');

<script type='text/javascript' src='http://localhost/wordpress/wp-content/themes/sample/js/script1.js?ver=5.4'></script>
<script type='text/javascript' src='http://localhost/wordpress/wp-content/themes/sample/js/script2.js?ver=5.4'></script>

/**
* エディターアセットのエンキュー
*/
function example_enqueue_editor_assets() {
  wp_enqueue_script(
    'example-editor-scripts',
    plugins_url( 'editor-scripts.js', __FILE__ )
  );
  wp_enqueue_style(
    'example-editor-styles',
    plugins_url( 'editor-styles.css', __FILE__ )
  );
}
add_action( 'enqueue_block_editor_assets', 'example_enqueue_editor_assets' );

add_action( 'enqueue_block_editor_assets', 'themeslug_block_editor_assets' );

function themeslug_block_editor_assets() {
  wp_enqueue_script(
    'themeslug-block-editor',
    get_theme_file_uri( 'assets/js/block-editor.js' ),
    // 依存するスクリプトのハンドル名の配列
    array(
      'wp-blocks',
      'wp-dom-ready',
      'wp-edit-post'
    )
  );
}

function add_my_theme_block_styles() {
  // スタイルを登録
  wp_register_style(
    'my-theme-block-styles',
    get_theme_file_uri('/assets/css/blocks-style.css'),
    array(),
    filemtime(get_theme_file_path('/assets/css/blocks-style.css'))
  );

  // スタイルをエンキュー（ロード）
  wp_enqueue_style('my-theme-block-styles');
}
// 上記関数を enqueue_block_assets にフックしてスタイルシート（blocks-style.css）を読み込む
add_action('enqueue_block_assets', 'add_my_theme_block_styles');

function add_my_theme_block_styles() {
  // スタイルをエンキュー（ロード）
  wp_enqueue_style(
    'my-theme-block-styles',
    get_stylesheet_directory_uri() . '/assets/css/blocks-style.css',
    array(),
    filemtime( get_theme_file_path( '/assets/css/blocks-style.css' ))
   );
}
add_action( 'enqueue_block_assets', 'add_my_theme_block_styles' );

function add_my_theme_block_styles() {
  wp_enqueue_style(
    'my-theme-block-styles',
    get_stylesheet_directory_uri() . '/assets/css/blocks-style.css',
    array(),
    filemtime(get_theme_file_path('/assets/css/blocks-style.css'))
  );

  // is_admin() で判定
  if (is_admin()) {

    // エディターの場合にのみ以下のスタイルとスクリプトを読み込む
    wp_enqueue_style(
      'my-theme-editor-styles',
      get_stylesheet_directory_uri() . '/assets/css/editor-style.css',
      array(),
      filemtime(get_theme_file_path('/assets/css/editor-style.css'))
    );

    wp_enqueue_script(
      'my-theme-editor-script',
      get_theme_file_uri( '/assets/js/block-editor.js' ),
      array(),
      filemtime( get_theme_file_path( '/assets/js/block-editor.js' ) ),
      true
    );
  }
}
add_action('enqueue_block_assets', 'add_my_theme_block_styles');

<link rel='stylesheet' id='contact-form-7-css'  href='http://xxxx/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.1.6' media='all' />

function wpcf7_enqueue_scripts() {
  $in_footer = true;
  if ( 'header' === wpcf7_load_js() ) {
    $in_footer = false;
  }
  wp_enqueue_script( 'contact-form-7', //ハンドル名
    wpcf7_plugin_url( 'includes/js/scripts.js' ),
    array( 'jquery' ), WPCF7_VERSION, $in_footer );
    ・・・以下省略・・・

function remove_cf7_scripts_style() {
  //slug が contact の固定ページ以外の場合
  if(!is_page('contact')) {
    wp_dequeue_script( 'contact-form-7' );
    wp_dequeue_style( 'contact-form-7' );
  }
}
add_action( 'wp_enqueue_scripts', 'remove_cf7_scripts_style' );

function remove_cf7_scripts_style() {
  if(!is_page('contact')) {
    //wp_deregister_xxxx で登録を解除
    wp_deregister_script( 'contact-form-7' );
    wp_deregister_style( 'contact-form-7' );
  }
}
add_action( 'wp_enqueue_scripts', 'remove_cf7_scripts_style' );

function remove_cf7_scripts_style() {
  if(!is_page('apply-for-staff')) {
    wp_dequeue_script( 'google-recaptcha' );  //追加
    wp_dequeue_script( 'contact-form-7' );
    wp_dequeue_style( 'contact-form-7' );
  }
}
add_action( 'wp_enqueue_scripts', 'remove_cf7_scripts_style' );

function remove_cf7_scripts_style() {
  if(!is_page('apply-for-staff')) {
    wp_deregister_script( 'google-recaptcha' );  //追加
    wp_deregister_script( 'contact-form-7' );
    wp_deregister_style( 'contact-form-7' );
  }
}
add_action( 'wp_enqueue_scripts', 'remove_cf7_scripts_style' );

<link rel='stylesheet' type='text/css'  href='http://localhost/.../style.min.css?ver=5.4' media='all' />
<script type='text/javascript' src='http://localhost/...js/script1.js?ver=5.4'></script>

add_theme_support( 'html5', array( 'script', 'style' ) );

function my_theme_setup() {
   add_theme_support( 'html5', array( 'script', 'style' ) );
}
add_action( 'after_setup_theme', 'my_theme_setup');

<link rel='stylesheet' href='http://localhost/.../style.min.css?ver=5.4' media='all' />
<script src='http://localhost/...js/script1.js?ver=5.4'></script>

<script>
  // style 要素を作成
  const myCustomStyle = document.createElement('style');
  // style 要素のコンテンツ（CSS）
  myCustomStyle.innerHTML = `
    p {
      color: green;
    }`;
    // 上記の style 要素を head に追加
  document.head.appendChild(myCustomStyle);
</script>

<body <?php body_class(); ?>>
<?php wp_body_open(); ?>

add_action('wp_body_open', function() {
  echo '<!--wp_body_open このHTMLコメントが挿入されます-->';
});

function my_body_ope_hook() {
  echo '<!--wp_body_open このHTMLコメントが挿入されます-->';
}

add_action('wp_body_open', 'my_body_ope_hook');

add_action( 'wp_body_open', function() {
  ?>
  <script>
    console.log('hello! wp_body_open');
  </script>
  <?php
});

add_action( 'wp_body_open', function() {
  if(is_single()) {
    ?>
    <script>
    // style 要素を作成
    const myCustomStyle = document.createElement('style');
    // style 要素のコンテンツ（CSS）
    myCustomStyle.innerHTML = `
    p {
      color: green;
    }`;
    // 上記の style 要素を head に追加
    document.head.appendChild(myCustomStyle);
    </script>
    <?php
  }
});