Trentech.id
No Result
View All Result
  • Login
  • Register
  • Terbaru
  • Berita
  • Startup
  • Bisnis
  • Learn
  • Games
  • Blockchain
  • Gadget
  • Terbaru
  • Berita
  • Startup
  • Bisnis
  • Learn
  • Games
  • Blockchain
  • Gadget
Trentech.id
No Result
View All Result
  • Terbaru
  • Berita
  • Startup
  • Bisnis
  • Learn
  • Games
  • Blockchain
  • Gadget

Ini Dia Cara Membuat Template WordPress Dengan Bootstrap Mudah

20 April 2022
in Learn
cara membuat template wordpress
1.8k
VIEWS

Daftar Isi

  • Cara Membuat Template WordPress dengan Understrap
  • Sage
5/5 - (1 vote)

Kali ini kita akan coba membahas gimana sih cara membuat template WordPress dengan Bootstrap. Sebenarnya membuat tema WordPress itu bisa dibilang agak rumit apabila kita mendesain tema wordpress dari awal alias from stratch.

Kali ini untuk cara membuat template WordPress kita dapat menggunakan framework Bootstrap sebagai kerangka desainnya, agar dalam membuat desain bisa lebih cepat dan mudah.

Baca lagi

Curhatan Perempuan IT Satu-Satunya, Pasti Mengalami Derita Ini

7 Keterampilan Yang Harus Dimiliki Programmer Untuk 5-10 Tahun Ke Depan

Gaji Programmer Indonesia: Berapa Seharusnya?

[postingan number=3 tag=”programming”]

Untuk membuat Tema WordPress, kita dapat menggunakan base template atau yang biasa disebut dengan template dasar. Dengan template dasar ini, struktur direktori sebuah template sudah disediakan secara langsung, kita cukup mendesainnya saja tanpa harus memikirkan struktur foldernya seperti apa.

Untuk itu, kami memberikan beberapa rekomendasi base template yang bisa kamu gunakan untuk cara membuat template WordPress menggunakan Bootstrap, yuk langsung check aja! 😀

Cara Membuat Template WordPress dengan Understrap

understrap - cara membuat template wordpress

UnderStrap menggabungkan tema Underscore (yang dibuat oleh Automattic) yang sudah mendukung responsive web desain yaitu Bootstrap 4 (oleh Twitter) menjadi framework yang sempurna untuk proyek theme WordPress kamu.

Saya sendiri personally menggunakan base template ini karena sudah tersedia banyak fitur seperti :

  1. SASS
    Memanfaatkan tools SASS untuk mempermudah pembuatan stylesheet, yang membuat mengganti warna, font, stylings dll menjadi mudah
  2. NPM
    Dilengkapi dengan dukungan NPM untuk mengelola semua dependensi. Hanya satu perintah yang bisa kamu jalankan di terminal kamu untuk memperbarui semua aset.
  3. Gulp
    Dilengkapi dengan Gulp sebagai task runner dan satu file gulpfile.js dengan beberapa tugas default. Misalnya untuk mengkompilasi SASS ke CSS.
  4. Dan masih banyak lainnya

Kamu dapat melihat seluruh dokumentasi dan filenya pada website understrap.com

[postingan number=3 tag=”hacker”]

Sage

cara membuat template wordpress

Sage, yang dibuat oleh Roots, merupakan base template kedua rekomendasi saya. Template ini hampir sama dengan Understrap, hanya saja template ini tidak berdasarkan oleh Underscore yang dibuat oleh WordPress. Ada beberapa fitur juga dalam base template Sage yang sangat membantu kita dalam proses development :

  1. Menulis stylesheet dengan Sass
  2. Secara otomatis memeriksa kode JavaScript kamu dari error
  3. Mengoptimalkan gambar, memungkinkannya pengujian browser tersinkronasi, dan lainnya dengan setup gulp yang disediakan oleh template
  4. Sage hadir dengan versi terbaru dari Bootstrap.
  5. Template didasarkan pada HTML5 Boilerplate.

Kamu bisa cek langsung di websitenya di roots.io/sage


Berikut merupakan rekomendasi base template untuk mempermudah kamu membuat template WordPress menggunakan Bootstrap. Apakah kamu punya rekomendasi lain yang lebih keren atau lebih mudah? Atau kamu punya pertanyaan lain? Langsung aja komentar dibawah ini ya! [bk/ap]

Tags: belajarcara membuat temaCara Membuat Tema WordPresscara membuat template wordpressprogrammerprogrammingwordpresswordpress theme
Previous Post

Inilah 6 Kesalahan Umum dalam Pembuatan Desain Website

Next Post

Inilah Tanda-Tanda Kalau Sebenarnya Kamu Cuma Ngaku Hacker

Related Posts

Curhatan Perempuan IT Satu-Satunya, Pasti Mengalami Derita Ini

Curhatan Perempuan IT Satu-Satunya, Pasti Mengalami Derita Ini

11 September 2023
1.6k

Kamu perempuan dan anak IT pasti sudah tidak asing hidup dengan dikelilingi banyak laki-laki baik itu di dunia pekerjaan, perkuliahan...

Ini Dia Tips Memulai Pemrograman dengan Python

Ini Dia Tips Memulai Pemrograman dengan Python

29 August 2023
1.4k

Python merupakan salah satu bahasa pemrograman yang populer di dunia kerja Indonesia. Selain itu di ranah akademik pun banyak akademisi...

Manfaat Belajar Bahasa Pemrograman untuk Kehidupan

7 Keterampilan Yang Harus Dimiliki Programmer Untuk 5-10 Tahun Ke Depan

29 August 2023
1.8k

Waktu terus berjalan, begitulah kehidupan. Kita sebagai programmer selalu dituntut untuk mengembangkan keterampilan di saat perkembangan industri TI terus berkembang...

Terpopuler

  • fitur flipper zero

    Apa Saja Fitur Flipper Zero?

    332 shares
    Share 133 Tweet 83
  • 8 Contoh Pitch Deck Startup yang Bisa Kamu Pelajari

    1333 shares
    Share 533 Tweet 333
  • Saham Kapal Induk: Apa Itu dan Apa Keuntungannya?

    314 shares
    Share 126 Tweet 79
  • Sering Juarai Perlombaan Startup Beginilah Pitch Deck iGrow

    144 shares
    Share 58 Tweet 36
  • Kumpulan Materi Kuliah Jurusan Teknik Informatika dan Ilmu Komputer

    462 shares
    Share 185 Tweet 116
  • Cara Membeli Flipper Zero Indonesia

    111 shares
    Share 44 Tweet 28
  • Upgrade XAMPP? Beginilah Caranya

    307 shares
    Share 123 Tweet 77
  • Belajar dari Pitch Deck GoJek Sebelum Menjadi Unicorn

    147 shares
    Share 59 Tweet 37
  • Perbedaan Mic Condenser dan Dynamic Mic Serta Cara Merawatnya Agar Awet

    267 shares
    Share 107 Tweet 67
  • Belajar dari Kisah Tumbangnya Yahoo: Tak Ada Perusahaan yang Terlalu Besar untuk Gagal

    141 shares
    Share 56 Tweet 35

About . Contact . Partnership . Google News

Trentech.id adalah situs yang menyajikan konten tentang startup, bisnis, game, event, hingga informasi pekerjaan. Trentech berusaha memberikan konten yang berkualitas untuk para pembacanya agar dapat menjadi rujukan utama mengenai dunia teknologi pada khususnya. Tim trentech terdiri dari orang – orang yang berkompeten dibidangnya, dan akan selalu mendukung karya – karya terbaik anak bangsa dengan memberikan kesempatan seluas-luasnya untuk para startup agar dapat publish karyanya di trentech.

Trentech ID

  • About
  • Contact
  • Partnership
  • Panduan Penulis
  • Privacy Policy
  • Sitemap

Tools

  • Harga Crypto Terbaru
  • Cek Ongkir
  • Cek Resi
  • Cek Domain
  • Login
  • Sign Up
About . Contact . Partnership . Google News

Welcome Back!

Sign In with Facebook
Sign In with Google
OR

Login to your account below

Forgotten Password? Sign Up

Create New Account!

Sign Up with Facebook
Sign Up with Google
OR

Fill the forms below to register

All fields are required. Log In

Retrieve your password

Please enter your username or email address to reset your password.

Log In