Dutormasi.com –Membuat website bisa anda buat dengan berbagai cara dan bisa menggunakan html dan jenis framework lainnya. Framework adalah sebuah kerangka kerja yang digunakan untuk mempermudah seorang programmer untuk membuat website.
Salah satu framework yang bisa anda gunakan untuk membuat website adalah bootsrap. Apa itu bootsrap? bootstrap adalah sebuah lemari framework CSS yang dibuat untuk bisa membuat secara khusus untuk bisa mengembangkan front-end atau tampilan interface website.
- Penggunaan bootstrap cukup mudah
- Penggunaan bootrap sangat menghemat waktu
- Tampilan dari bootstrap sangat cukup modern
- Bootstrap juga responsive dan user friendly.
- ringan
- Download bootstrap langsung dari website resminya yaitu getbootstrap.com
- Kemudian anda ambil kode CSS dan Javascript
- Buka aplikasi sublimetext
- Letak kode CSS dan Javacript
Baca Juga :
Nahh UNTUK MENGHUBUNGKAN BOOSTRAP KE WORDPRESS, anda harus terlebih dahulu menginstall CMS WordPress. Terserah anda nanty nya CMS tersebut mau dimasukin langsung ke cpanel hosting atau anda ingin masukin terlebih dahulu ke hosting xampp anda.
Kalau anda sudah memiliki file boostrap maka selanjutnya anda menuju saja ke file manager langsung ke wp-content dan pilih themes. Buatlah folder baru dan beri nama theme-boostrap. kemudia isilah beberepa file dan folder didalamnya, seperti berikut yaitu:
Jika kalian sudah memiliki file bootstrap, maka langkah selanjutnya kita akan menuju pada direktori themes di wp-content -> themes. di direktori tersebut silahkan buatlah folder bernama “theme-bootstrap” kemudian buatlah beberapa file dan folder didalamnya seperti contoh berikut :
- ASSETS
- FUNCTIONS.PHP
- INDEX.PHP
- STYLE.CSS
Kemudian anda exstrakan file boostrap anda kedalam folder tersebut sehingga folder boostrep yang telah anda buat akan seluruhnya berada pada themes wordpress. Sehingga membentu struktur seperti dibawah ini:
theme-bootstrap
|–assets
| |–css
| | |–bootstrap.css
| | |–bootstrap.min.css
| | |–bootstrap-theme.css
| | |–bootstrap-theme.min.css
| |
| |–fonts
| | |–glyphicons-halflings-regular.eof
| | |–glyphicons-halflings-regular.svg
| | |–glyphicons-halflings-regular.ttf
| | |–glyphicons-halflings-regular.woff
| | |–glyphicons-halflings-regular.woff2
| |
| |–images
| |
| |–js
| | |–bootstrap.js
| | |–bootstrap.min.js
| | |–jquery.min.js
| | |–npm.js
|
|–functions.php
|–index.php
|–style.css
Lalu bukalah file style.css dan isilah pada kode diatasnya seperti kode dibawah ini:
Salam Dutormasi !.
