Kapan sih Menggunakan Bootstrap untuk Tema WordPress?

Kapan Menggunakan Bootstrap untuk Tema WordPress

 

Melakukan pencarian Google untuk WordPress Theme dengan Bootstrap dan Anda akan mendapatkan ratusan hasil. Ini termasuk panduan yang memberitahu Anda bagaimana menggunakan Bootstrap untuk membangun tema serta yang tersedia secara komersial dan bebas menggunakan kerangka Bootstrap.

 

Di sini saya akan memberitahu pro dan kontra penggunaan Bootstrap untuk WordPress Tema, dan membantu Anda untuk mengidentifikasi ketika menggunakan Bootstrap akan membantu alur kerja Anda dan Kapan tidak.

 

Apa itu Bootstrap?

 

Bootstrap website menggambarkan Bootstrap sebagai:

 

HTML, CSS dan JS kerangka kerja yang paling popular untuk mengembangkan proyek pertama yang responsif, mobile di web.

 

Ini memberitahu Anda beberapa hal:

  • Bootstrap responsif dan mobile pertama.
  • Menggunakan HTML, CSS dan JavaScript.

 

Bootstrap awalnya dirancang sebagai kerangka untuk membantu Twitter pengembang bekerja lebih efisien dan konsisten. Nama awal adalah Twitter Blueprint, yang diubah menjadi Bootstrap setelah banyak pengembangan menjadi terlibat dan proyek mulai tumbuh. Ini dirilis sebagai kerangka sumber terbuka 2011 dan telah digunakan untuk berbagai aplikasi, termasuk WordPress tema.

 

Manfaat dari tema dengan Bootstrap

 

  • Sangat responsif dan Mobile-pertama

 

Bootstrap secara otomatis memberikanmu responsif, merombak mobile-first untuk temamu. Bootstrap menggunakan layout grid berbasis 12 kolom dengan kelas grid yang dapat Anda gunakan dengan unsur-unsur dalam file template Anda membuat konten Anda cocok ke dalam grid.

 

  • Menggunakan desain Modern, bersih dan menarik

 

Tata letak dan tipografi yang Anda dapatkan dengan Bootstrap adalah akan sangat bagus. Ini akan membantu Anda membangun sebuah tema yang modern, mudah untuk berinteraksi dengan, dan dapat dibaca. Ada beberapa fitur styling seperti:

  1. Penggunaan <small) elemen untuk sekunder teks dalam judul</small>
  2. styling untuk blockquotes dan kutipan
  3. Tabel styling, yang jauh lebih menyenangkan dari pada yang ada dalam banyak tema-tema WordPress
Bacaan Menarik :  Bangga Menjadi Mahasiswa S1 TI UNRI 2018

 

  • Bermain dengan baik dengan HTML5

 

Bootstrap juga termasuk styling untuk kisaran penuh HTML5 unsur-unsur yang dapat Anda harapkan untuk menggunakan tema Anda. Semua ini dari awal menata dapat sebuah kerumitan nyata, sehingga menghemat banyak pekerjaan, serta membuatnya lebih mudah bagi Anda untuk menggunakan markup semantik tema Anda.

 

  • Memberi Anda akses mudah ke script

 

Dari pada harus menggunakan skrip plugin atau sumber dari tempat lain, Bootstrap menyediakan dengan baik berbagai skrip yang akan membantu Anda menambahkan yang paling umum menggunakan animasi dan interaksi ke situs Anda. Ini termasuk:

 

  1. transisi
  2. modal
  3. dropdown
  4. tooltips
  5. popovers
  6. tombol
  7. dan banyak lagi.

 

Hal ini dapat mempercepat perkembangan Anda dan juga memastikan bahwa semua skrip Anda bermain dengan baik dengan satu sama lain. Jika Anda akan menggunakan lebih dari satu atau dua, Bootstrap dapat membuat pengembangan tema Anda lebih mudah. Namun, jika Anda hanya akan menggunakan satu atau dua mungkin, mungkin ada pendekatan yang lebih efisien dengan sedikit kode yang ditambahkan.

 

Kelemahan dari tema dengan Bootstrap

 

  • Banyak yang harus dipelajari

 

Jika tema Anda akan menggunakan proporsi yang signifikan dari styling ini (atau Anda akan menggunakan Bootstrap untuk mendukung banyak tema), maka ada baiknya meluangkan waktu untuk mempelajari cara kerja gaya Bootstrap.  Tetapi jika Anda hanya membutuhkan beberapa kolom dan desain yang responsif, mungkin hal ini berlebihan.

 

  • Menggunakan Query Media Tetap

 

Queries media yang digunakan oleh Bootstrap didasarkan pada asumsi tentang lebar layar dan perangkat yang menjadi usang. Jika Anda memutuskan untuk menambahkan permintaan media perantara ke stylesheet Anda, maka Anda harus mengambil 155 garis tata-letak tata letak untuk sistem grid dan menyesuaikannya dengan titik istirahat baru.

Bacaan Menarik :  Bangga Menjadi Mahasiswa S1 TI UNRI 2018

 

  • Menambah Bloat

 

Bootstrap tak dapat disangkal memberi Anda banyak fungsi dan gaya yang dapat Anda gunakan dalam tema Anda, dan itu hal yang hebat.   Namun, jika Anda hanya akan menggunakan sebagian kecil dari apa yang disediakan, itu berarti Anda menambahkan semua kode ekstra itu dengan percuma. File yang diperkecil, yang memang membantu, tetapi meski begitu, apakah Anda benar-benar membutuhkan semua kode yang tidak digunakan dalam tema Anda?

 

  • Dapat Menghalangi Desain Imajinatif

 

Bahaya dari banyaknya tema menggunakan Bootstrap adalah begitu banyak tema yang pada dasarnya tampak sama.  Pengembang tema WordPress telah melakukan pekerjaan luar biasa untuk membuang pengaduan tema mereka ‘tampak seperti WordPress’ dalam beberapa tahun terakhir, jadi apakah kita ingin semua tema kami ‘terlihat seperti Bootstrap’?

 

Ringkasan

 

Bootstrap pasti memiliki manfaatnya. Jika Anda membutuhkan tata letak yang menarik, bersih dan responsif untuk situs serta akses ke berbagai efek JavaScript, maka hal itu dapat membantu mempercepat proses pengembangan tema Anda.

 

Namun, jika Anda ingin mendapatkan hasil maksimal dari Bootstrap, Anda harus meluangkan waktu untuk mempelajarinya. Ada banyak cara mempelajari Bootstrap, dan jika Anda tak terbiasa menggunakannya, hal itu mungkin tak akan berhasil.

 

Untuk menyimpulkan, saya akan merekomendasikan menggunakan Bootstrap dalam berbagai situasi:

 

  • Jika Anda siap untuk berusaha mempelajari cara menggunakan Bootstrap
  • Jika Anda akan menggunakan banyak fitur Bootstrap, seperti sistem grid dan skrip
  • Jika Anda tidak memiliki desainer yang bekerja dengan Anda (atau tidak sendiri) dan menginginkan desain siap pakai
  • Jika Anda ingin mengembangkan tema responsif tetapi tidak tahu cara menulis querie media
Bacaan Menarik :  Bangga Menjadi Mahasiswa S1 TI UNRI 2018

 

Dan saya menyarankan untuk tidak menggunakannya dalam keadaan seperti ini:

 

  • Jika Anda ingin lebih banyak fleksibilitas berkaitan dengan breakpoint, desain atau tata letak
  • Jika Anda hanya akan menggunakan satu skrip, atau Anda tidak akan menggunakan sistem grid
  • Jika Anda ingin perbaikan yang cepat-Bootstrap bukanlah pilihannya
  • Jika ada kerangka tema WordPress atau tema starter yang melakukan pekerjaan yang Anda butuhkan dan memberi Anda lebih banyak, seperti fungsi dan pengait

 

Leave a Reply

Your email address will not be published. Required fields are marked *