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 8 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 8 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 8 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 8 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 8 tahun yang lalu

Login untuk ikut Jawaban