CSS TIDAK TERBACA

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.

avatar zaiiiriii
@zaiiiriii

9 Kontribusi 0 Poin

Diperbarui 6 tahun yang lalu

26 Jawaban:

Perhatiin penggunaan huruf besar pada nama file cssnya. Mungkin salah disitu.

avatar wandifrog
@wandifrog

274 Kontribusi 56 Poin

Dipost 6 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

avatar Afriliawan
@Afriliawan

14 Kontribusi 2 Poin

Dipost 6 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

avatar Afriliawan
@Afriliawan

14 Kontribusi 2 Poin

Dipost 6 tahun yang lalu

@Afriliawan ane udah inspeksi laman gan. trus apa lagi? masih di localhost gmn gan? ane gk paham mksud agan. maaf newbie

avatar zaiiiriii
@zaiiiriii

9 Kontribusi 0 Poin

Dipost 6 tahun yang lalu

@wandifrog uda di cek smua gan. termasuk typo nya tapi bener smua. gk ada yg salah. :(

avatar zaiiiriii
@zaiiiriii

9 Kontribusi 0 Poin

Dipost 6 tahun yang lalu

Kesabaran kunci utama, terus berdoa dan berusaha. Terimakasih :) Semangat mas @zaiiriii :D

avatar gugunguntoro
@gugunguntoro

250 Kontribusi 10 Poin

Dipost 6 tahun yang lalu

Tanggapan

wah mantap sekali

Mungkin bootstrap yg digunakan di localhost sama di hosting beda versi gan. Soalnya ane kemaren juga gitu

avatar zeeb
@zeeb

60 Kontribusi 19 Poin

Dipost 6 tahun yang lalu

Full Scriptnya Please :)

avatar CodenameJR
@CodenameJR

278 Kontribusi 107 Poin

Dipost 6 tahun yang lalu

@bumiharum thanks gan.. jadi terharu :D

avatar zaiiiriii
@zaiiiriii

9 Kontribusi 0 Poin

Dipost 6 tahun yang lalu

@zeeb mungkin. tapi aku pake wordpress offline gan. bukan offline. skrg gmn sudah fix blm gan punya dirimu..

avatar zaiiiriii
@zaiiiriii

9 Kontribusi 0 Poin

Dipost 6 tahun yang lalu

@CodenameJR ini script headnya gan


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

    <!-- Bootstrap Core CSS -->
    <link href="style.css" rel="stylesheet">
    <link href="bootstrap-theme.css" rel="stylesheet">
    <link href="bootstrap-theme.min.css" rel="stylesheet">
	<link href="modern-bussines.css" rel="stylesheet">
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
	<link href="https://fonts.googleapis.com/css?family=Hind|Lobster" rel="stylesheet">
</head>

kode diatas berjalan baik waktu aku run lewat "localhost/otm". tapi waktu aku upload tema di wordpress offline, dan aku coba buka lewat "localhost/wordpress" kok berantakan seolah css nya gk ada. mungkin ada yg salah gan.

avatar zaiiiriii
@zaiiiriii

9 Kontribusi 0 Poin

Dipost 6 tahun yang lalu

Itu karena file css nya harus di daftar dulu di function.php dalam tema wordpress.

avatar LatifDayat
@LatifDayat

11 Kontribusi 2 Poin

Dipost 6 tahun yang lalu

Jawaban Terpilih

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');
 ?>

avatar arepsv
@arepsv

100 Kontribusi 64 Poin

Dipost 6 tahun yang lalu

nah kan.. kalo ngasih source, pasti pada tau ;)

avatar CodenameJR
@CodenameJR

278 Kontribusi 107 Poin

Dipost 6 tahun yang lalu

@CodenameJR benar mas, ya gimana coba mau jawab tapi kodenya aja kita ndak tahu.. :)

avatar LatifDayat
@LatifDayat

11 Kontribusi 2 Poin

Dipost 6 tahun yang lalu

@zaiiiriii masih ada localhostnya? agan pergi ke folder aplication, trus buka bagian config, pilih config.php, agan pencet ctrl+H ketik localhostnya itu, nanti di ganti dengan website yg agan hosting, trus pilih replace all, save dan selanjutnya agan cek lgi webnya

avatar Afriliawan
@Afriliawan

14 Kontribusi 2 Poin

Dipost 6 tahun yang lalu

btw gan ane mau nanya dong, cara bkin thread gini gimana, biar ada keterangan php, ci, dll itu gimana? trus yg di maksud tag minimal 1 itu kaya gimana ya, ane member baru disini mohon bantuannya :3

avatar Afriliawan
@Afriliawan

14 Kontribusi 2 Poin

Dipost 6 tahun yang lalu

@Afriliawan itu yang keterangan php,ci,dll itu dia tag.. setiap agan masukin tag, akan ada tulisan sesuai tag yang agan masukin dithread agan.. dan tag minimal satu itu maksudnya, setiap satu thread yang mau dibuat, itu harus diberikan minimal satu tag, kalo tagnya kosong engga bisa.

avatar CodenameJR
@CodenameJR

278 Kontribusi 107 Poin

Dipost 6 tahun yang lalu

@CodenameJR coba contoh tagnya kaya gimana gan, ane gagal terus :3 Maap ane newbie disini

avatar Afriliawan
@Afriliawan

14 Kontribusi 2 Poin

Dipost 6 tahun yang lalu

@CodenameJR @LatifDayat hehe.. maklum gan.. panik..

avatar zaiiiriii
@zaiiiriii

9 Kontribusi 0 Poin

Dipost 6 tahun yang lalu

@arepsv @Afriliawan agan pake CI ya?

avatar zaiiiriii
@zaiiiriii

9 Kontribusi 0 Poin

Dipost 6 tahun yang lalu

@zaiiiriii Codeigniter..? Belum sampai situ ane belajar.. :) masih belajar develop theme WordPress..

avatar arepsv
@arepsv

100 Kontribusi 64 Poin

Dipost 6 tahun yang lalu

iya gan ane CI, ini juga baru belajar hehe btw itu gimana maksud tagnya itu gan? coba tagnya kaya gimana ane mau belajar disini soalnya :D

avatar Afriliawan
@Afriliawan

14 Kontribusi 2 Poin

Dipost 6 tahun yang lalu

rusuh banget ini, bang Hilman coba kasih fitur unfollow di forum sekolah koding, biar notifnya gk rame kyk gini

avatar wandifrog
@wandifrog

274 Kontribusi 56 Poin

Dipost 6 tahun yang lalu

1. ketik tag yg diinginkan misal CSS 2. nanti ada autocomplete, klik aja. nanti dia ngisi sendiri di tag agan.

semoga membantu @Afriliawan

avatar zaiiiriii
@zaiiiriii

9 Kontribusi 0 Poin

Dipost 6 tahun yang lalu

terimakasih gan sudah bisa :D

avatar Afriliawan
@Afriliawan

14 Kontribusi 2 Poin

Dipost 6 tahun yang lalu

Login untuk ikut Jawaban