Cara Menghubungkan Boostrap Ke WordPress Lengkap

0
Cara Menghubungkan Boostrap Ke Wordpress Lengkap

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.

Cara Menghubungkan Boostrap Ke WordPress

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.

Kelebihan bootstap adalah :
  • Penggunaan bootstrap cukup mudah
  • Penggunaan bootrap sangat menghemat waktu
  • Tampilan dari bootstrap sangat cukup modern
  • Bootstrap juga responsive dan user friendly.
  • ringan
Penggunaan Bootstrap:
  • Download bootstrap langsung dari website resminya yaitu getbootstrap.com
  • Kemudian anda ambil kode CSS dan Javascript
  • Buka aplikasi sublimetext
  • Letak kode CSS dan Javacript
Kemudian setelah anda membuat website menggunakan bootrap anda bisa memasukkan website tersebur ke dalam CMS wordpress. WordPress merupakan bukan suatu hal yang aneh lagi  saat anda menggeluti dunia blog, banyak sekali platform platform yang tersedia di google.
Namun, walaupun banyak tetapi pada suatu platform tentu memiliki kekurangan dan kelebihan. Untuk tahun 2020, platform yang sangat terkenal dan banyak digunakan oleh orang orang adalah wordpress.Wordpress ini merupakan platform website terbaik sekarang, karena hampir semua perusahaan besar dan website website e comerce sekarang menggunakan platform wordpress sebagai pilihannya.

Baca Juga : 

Baca Juga :  4 Situs Mockup yang Mempercantik Tampilan Produk Aplikasimu!!
WordPress adalah sebuah perangkat lunak yang buat atau dirancang agar bisa digunakan semua orang untuk menekankan aksebilitas, kinerja, keamanan agar mudaj digunakan pengguna. Oleh karena itu hampir website website yang ada didunia sekarang rata rata 34% nya memakai WordPress untuk pilihan platform websitenya.

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:

Baca Juga :  Jenis Jenis Website Bisnis Berdasarkan Fungsinya

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.

Baca Juga :  Implementasi Website Bisnis Yang Perlu Diketahui !

Salam Dutormasi !.