Dutormasi.com –Pada dasarnya jika sudah membuat website bisnis dari bootstrap maka bisa saja langsung memasukkan nya ke dalam hosting dan memberikan domainnya. Maka otomatis website yang telah dibuat akan bisa di akses melalui internet.
Namun coba saja pikirkan, apabila anda ingin mengupdate suatu postingan didalam website anda apakah anda harus mengatur di kodingan nya juga? yahhh tentu saja tidak kan. Nahh maka sebab tiulah kita membutuhkan plaform wordpress agar otomatis website yang dibuat bisa diakses melalu wordpress saja dan postingannya bisa di atur melalu wordpress.
Baca Juga :
- Cara Menghubungkan Boostrap Ke WordPress Lengkap
- Cara Cek Broken Link (URL Mati) pada Blog atau website
Wahh bagaimana caranya? yahhh sebenarnya bagi saya cukup susah dan mudah karena saya juga baru belajar juga. Namun sebelum kita lanjut ke cara masukkan kodingannya ke wordpress, kita bisa harus melihat dulu konsep dan penjelasan website bisnis yang saya buat yaitu website sekolah.
1. Penjelasan Jenis Web
Website sekolah adalah jenis website yang berisi mengenai layanan dan informasi
informasi sekolah seperti :
1. Membantu dalam meningkatkan kredibilitas sekolah
2. Sebagai media informasi sekolah
3. Wadah untuk memamerkan berbagai prestasi sekolah
4. Memperkenalkan berbagai fasilitas yang ada
5. Media untuk promosi
6. Menampilkan profile sekolah
7. Media untuk menampilkan tenaga penedidik sekolah
8. Menyambung tali silaturahmi antara guru dan alumni
9. Media untuk menampilkan galeri sekolah
2. Konsep Web
Pada bagian halaman depan web akan menampilkan tampilan profile sekolah,
prestasi, ekstrakurikuler, tenaga pendidik dan galeri sekolah. Selain itu pada website
ini juga akan menampilkan sebuah informasi atau berita terbaru tentang sekolah yang
nantinya akan membantu wali murid beserta calon siswa siswi baru dalam
mendapatkan informasi tersebut.
Nahh, jika anda sudah mengetahui website bisnis yang akan saya buat. Selanjutnya kita masuk ke tutorial bagaimana cara memasukkan atau menghubungkan bootstrap ke wordpress.
Cara Menghubungkan Bootstrap Ke wordpress
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.