Trentech.id Logo
No Result
View All Result
  • Login
  • Register
  • Terbaru
  • Berita
  • Startup
  • Bisnis
  • Learn
  • Games
  • Blockchain
  • Gadget
  • Terbaru
  • Berita
  • Startup
  • Bisnis
  • Learn
  • Games
  • Blockchain
  • Gadget
Logo 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

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.

[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! 😀

Daftar Isi

  • Cara Membuat Template WordPress dengan Understrap
  • Sage

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]

5/5 - (1 vote)

Follow Trentech.id di Google News, Klik DI SINI

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

Inilah 6 Kesalahan Umum dalam Pembuatan Desain Website

Next Post

Inilah Tanda-Tanda Kalau Sebenarnya Kamu Cuma Ngaku Hacker

Related Posts

Pentingnya Kemampuan Komunikasi Bagi Seorang Programmer

24 December 2024
2k

Seorang programmer adalah orang yang terjun dan menyelami bidang TI. Berbicara tentang bidang keilmuan. TI adalah bidang keilmuan yang sangat...

Hacker Paling Berbahaya

Ini Dia 10 Hacker Paling Berbahaya Didunia

15 July 2024
2k

Pada awalnya, hacker pertama kalinya muncul dengan arti positif yaitu untuk menyebut seorang yang memiliki keahlian dalam bidang komputer dan...

Manfaat Belajar Bahasa Pemrograman untuk Kehidupan

7 Keterampilan Wajib Programmer Untuk 5-10 Tahun Ke Depan

21 March 2024
2k

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

Terpopuler

  • 1140-hiden-dangers-of-wi-fi.imgcache.rev.web.1100.633-832458b3

    3 Cara Memutus Koneksi Orang Lain dari Jaringan Wi-Fi Anda

    1005 shares
    Share 402 Tweet 251
  • 8 Contoh Pitch Deck Startup yang Bisa Kamu Pelajari

    2449 shares
    Share 979 Tweet 612
  • 16 Jenis Saham: Panduan Lengkap Memahami Dunia Investasi

    587 shares
    Share 235 Tweet 147
  • HP Nokia Edge 2022 Mirip Iphone 13, Cek Harga dan Spesifikasi

    316 shares
    Share 126 Tweet 79
  • Penyebab Zenius Tutup Setelah 20 Tahun Beroperasi

    213 shares
    Share 85 Tweet 53
  • Malaysia Negara Pertama Terima Zakat dengan Crypto

    110 shares
    Share 44 Tweet 28
  • Prompt ChatGPT untuk Designer

    161 shares
    Share 64 Tweet 40
  • Ini Dia 7 Perintah CMD Keren yang Wajib Kamu Coba

    365 shares
    Share 146 Tweet 91
  • Inilah 5 Hacker Indonesia Level Dewa yang Diakui dan Ditakuti Dunia

    281 shares
    Share 112 Tweet 70
  • Ini Dia 5 Layanan Pembuat Aplikasi Mobile Tanpa Perlu Bisa Coding

    122 shares
    Share 49 Tweet 31

About . Contact . Partnership . Google News . Telegram

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
  • Advertising
  • Privacy Policy
  • Sitemap

Tools

  • Harga Crypto Terbaru
  • Cek Ongkir
  • Cek Resi
  • Cek Domain

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
  • Login
  • Sign Up
About . Contact . Partnership . Google News