Postingan lainnya

Buku Ini Koding!

Baru!

Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!

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"

php

@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

@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 ?

@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',
			)
		);

@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.

@riesurya

4 Kontribusi 2 Poin

Dipost 9 tahun yang lalu