Mengubungkan Bootstrap Website Bisnis Ke Platform Wordpress

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.

Mengubungkan Bootstrap Website Bisnis Ke Platform Wordpress


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 : 



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

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 :

  1. ASSETS
  2. FUNCTIONS.PHP
  3. INDEX.PHP
  4. 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:

/*
Theme Name: Theme Bootstrap
Author: Onphpid
Author URI : https://facebook.com/bocahapi
Theme URI : http://www.onphpid.com/
Description: Theme ini dibuat untuk praktik tutorial cara menggunakan bootstrap pada wordpress
Version: 1.5
Text Domain: theme-bootstrap
*/

Nah jika sudah anda buka dashboar wordpress anda, lalu aktive kan themes bootrap anda ini. Nah sebenarnya belum sampai situu yaaaa untuk postingan selanjutnya akan saya lanjuti piostingan pada kali ini. Untuk itu selalu tungguin postingan saya selanjutnya dan terima kasih sudah membaca postingan ini.

Salam Dutormasi.

Ikaln Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel