Tahun baru, skill baru! 🚀. Masukkan kupon "skill2025" untuk diskon 30% di kelas apa saja

Cara mengintegrasikan file JS dan CSS selain style pada WP Theme

cara mengintegrasikan atau memasang file JS dan CSS (selain style.css) ke dalam WP Theme gmn ya gan ?

mohon bimbingannya agan"

avatar ronaidea
@ronaidea

65 Kontribusi 14 Poin

Diperbarui 9 tahun yang lalu

4 Jawaban:

tambahin aja lagi gan boleh langsung atau di dalam folder , nanti di functionsnya di fungsi yang sama add ini

wp_enqueue_style( 'custom', get_template_directory_uri() . '/css/custom.css' );

anggapannya agan bikin folder css terus nama filenya custom.css

avatar paulpogba
@paulpogba

10 Kontribusi 17 Poin

Dipost 9 tahun yang lalu

sip berhasil untuk custom.css nya mas . thankss

oya untuk JS tinggal pasang link scriptnya sja yak ?

avatar ronaidea
@ronaidea

65 Kontribusi 14 Poin

Dipost 9 tahun yang lalu

nambahin aja : ( part 1 )

- register file CSS

wp_register_style( 'bootstrap', trailingslashit( get_template_directory_uri() ) . 'assets/bootstrap/bootstrap.min.css', false, null );

wp_register_style( 'fontawesome', trailingslashit( get_template_directory_uri() )  . 'assets/fontawesome/css/font-awesome.min.css', false, null );

untuk pemanggilannya, gunakan fungsi wp_enqueue_style

wp_enqueue_style( array(
			'bootstrap',
			'fontawesome',
			)
		);

avatar riesurya
@riesurya

4 Kontribusi 2 Poin

Dipost 9 tahun yang lalu

part 2 : javascript

wp_register_script( 'bootstrap', trailingslashit( get_template_directory_uri() ) . 'assets/bootstrap/bootstrap.min.js', array('jquery'), null, true);

wp_enqueue_script( ' bootstrap' ) );

panggil dengan wp_enqueue_scripts() di functions.php :


add_action( 'wp_enqueue_scripts',  ( 'my_register_theme_scripts' );
function my_register_theme_scripts()
{
    wp_register_style( 'bootstrap', trailingslashit( get_template_directory_uri() ) . 'assets/bootstrap/bootstrap.min.css', false, null );

    wp_register_style( 'fontawesome', trailingslashit( get_template_directory_uri() )  . 'assets/fontawesome/css/font-awesome.min.css', false, null );
}

add_action( 'wp_enqueue_scripts',  ( 'my_enqueue_theme_scripts' );
function my_enqueue_theme_scripts()
{
   wp_enqueue_style( array(
			'bootstrap',
			'fontawesome',
			)
		);
wp_enqueue_script( ' bootstrap' ) );
}

Simple kan.

avatar riesurya
@riesurya

4 Kontribusi 2 Poin

Dipost 9 tahun yang lalu

Login untuk ikut Jawaban