Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
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.
26 Jawaban:
Perhatiin penggunaan huruf besar pada nama file cssnya. Mungkin salah disitu.
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
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
@Afriliawan ane udah inspeksi laman gan. trus apa lagi? masih di localhost gmn gan? ane gk paham mksud agan. maaf newbie
@wandifrog uda di cek smua gan. termasuk typo nya tapi bener smua. gk ada yg salah. :(
Kesabaran kunci utama, terus berdoa dan berusaha. Terimakasih :) Semangat mas @zaiiriii :D
Tanggapan
wah mantap sekali
Mungkin bootstrap yg digunakan di localhost sama di hosting beda versi gan. Soalnya ane kemaren juga gitu
@zeeb mungkin. tapi aku pake wordpress offline gan. bukan offline. skrg gmn sudah fix blm gan punya dirimu..
@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.
Itu karena file css nya harus di daftar dulu di function.php dalam tema wordpress.
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');
?>
nah kan.. kalo ngasih source, pasti pada tau ;)
@CodenameJR benar mas, ya gimana coba mau jawab tapi kodenya aja kita ndak tahu.. :)
@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
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
@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.
@CodenameJR coba contoh tagnya kaya gimana gan, ane gagal terus :3 Maap ane newbie disini
@CodenameJR @LatifDayat hehe.. maklum gan.. panik..
@zaiiiriii Codeigniter..? Belum sampai situ ane belajar.. :) masih belajar develop theme WordPress..
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
rusuh banget ini, bang Hilman coba kasih fitur unfollow di forum sekolah koding, biar notifnya gk rame kyk gini
1. ketik tag yg diinginkan misal CSS 2. nanti ada autocomplete, klik aja. nanti dia ngisi sendiri di tag agan.
semoga membantu @Afriliawan