Daftar dan Belajar Sekarang!

CSS TIDAK TERBACA

foto zaiiiriii
9 Kontribusi 0 Coto
1 tahun yang lalu
Slmt mlam agan2 mastah. Saya newbie yg pingin bljr website. Langsung saja, saya sudah membuat template website php dan css dan saya menggunakan bootstrap 3. Website sudah selesai dan berjalan baik di localhost (saya tes di 3 browser dan berjalan dgn baik). Lalu saya coba upload ke wordpress (saya menggunakan wordpress offline untuk mencobanya sebelum template saya gunakan di hosting). Tapi ternyata tampilan website berantakan seperti tidak menggunakan CSS. Saya sudah pastikan pemanggilan CSS tersebut tepat. Saya sudah coba searching di google tentang masalah ini tapi belum mendapatkan jawaban yg memuaskan. Mungkin agan2 disini sudi berbagi ilmu dan pengalamannya kepada saya untuk persoalan saya. Terima kasih.

Tag: css wordpress

✔ Forum ini sudah terjawab


Jawaban
foto arepsv
96 Kontribusi 54 Coto
1 tahun yang lalu
di kelas wordpress sekolahkoding ada tutorialnya kog gan.. semoga membantu :) di script headernya
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>Belajar CSS</title>

    <?php wp_head(); ?>
   
</head>
functions.php
<?php 
	/*
	 * contoh jika file yang mau di load berada di folder assets dalam tema wordpress agan.
	 * lengkapnya bisa cek di codex.wordpress.org
	 * semoga membantu gan :)
	 */
	/* ------------------enqueue scripts functions------------------ */
	function kustom_style_enqueue(){
		/* ------------------register style------------------ */
			wp_register_style('Load_googleFont','https://fonts.googleapis.com/css?family=Hind|Lobster');		
			wp_register_style('Load_fontawesome', get_template_directory_uri() . '/assets/css/font-awesome.min.css');
			wp_register_style('Load_bootstrap', get_template_directory_uri() . '/assets/css/bootstrap.min.css');

		/* ------------------enqueue style------------------ */
			wp_enqueue_style('Load_googleFont'); // google fonts enqueue
			wp_enqueue_style( 'style', get_stylesheet_uri() ); // style.css
			wp_enqueue_style('Load_fontawesome'); // -> folder /assets/css/font-awesome/font-awesome.min.css
			wp_enqueue_style('Load_bootstrap'); // -> folder /assets/css/bootstrap.min.css

		/* ------------------register script------------------ */
			#false / true pertama -> show or hide versi scriptnya 
			#false / true kedua -> untuk buat script.js berada di head atau footer
			wp_register_script('Load_Jquery', get_template_directory_uri() . '/assets/js/jquery.min.js',array(), false, false);
			wp_register_script('Load_Bootstrap', get_template_directory_uri() . '/assets/js/bootstrap.min.js',array(), false, true);

		/* ------------------enqueue script------------------ */
			//wp_enqueue_script('jquery');
			wp_enqueue_script('Load_Jquery');
			wp_enqueue_script('Load_Bootstrap');
	}

	add_action('wp_enqueue_scripts','kustom_style_enqueue');
 ?>
answered icon
foto wandifrog
273 Kontribusi 55 Coto
1 tahun yang lalu
Perhatiin penggunaan huruf besar pada nama file cssnya. Mungkin salah disitu.

foto Afriliawan
14 Kontribusi 1 Coto
1 tahun yang lalu
ijin nyimak gan, ane juga mengalami hal serupa banyak yg bilang salah di bagian CSS nya, ada juga versi xampp harus sama kaya xampp yg digunain dari web hosting nya itu

foto Afriliawan
14 Kontribusi 1 Coto
1 tahun yang lalu
Nih gan ane udah bisa barusan di bantu sama temen, coba agan inspect element web agan, nanti kalo masih localhost, brarti kesalahan di bagian application\config\config.php agan cek di bagian base_url trus yg tadinya msih localhost agan ganti sama web agan. semoga membantu :D

foto zaiiiriii
9 Kontribusi 0 Coto
1 tahun yang lalu
@Afriliawan ane udah inspeksi laman gan. trus apa lagi? masih di localhost gmn gan? ane gk paham mksud agan. maaf newbie

foto zaiiiriii
9 Kontribusi 0 Coto
1 tahun yang lalu
@wandifrog uda di cek smua gan. termasuk typo nya tapi bener smua. gk ada yg salah. :(

foto gugunguntoro
250 Kontribusi 8 Coto
1 tahun yang lalu
Kesabaran kunci utama, terus berdoa dan berusaha. Terimakasih :) Semangat mas @zaiiriii :D

foto zeeb
60 Kontribusi 19 Coto
1 tahun yang lalu
Mungkin bootstrap yg digunakan di localhost sama di hosting beda versi gan. Soalnya ane kemaren juga gitu

foto CodenameJR
276 Kontribusi 103 Coto
1 tahun yang lalu
Full Scriptnya Please :)


Login untuk diksusi di forum sekolah koding