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

Ini Dia Cara Membuat Template WordPress Dengan Bootstrap Mudah

7 September 2018
in Learn
cara membuat template wordpress
1.6k
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 Juga:
  • 7 Keterampilan Yang Harus Dimiliki Programmer Untuk 5-10 Tahun Ke Depan
  • Inilah 6 Kesalahan Umum dalam Pembuatan Desain Website
  • Tutorial Cara Instal Webuzo di VPS

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

Baca Juga:
  • Cara Memeriksa Apakah Data Email dan Password Saya Sudah Diketahui Hacker
  • Begini Langkah Mudah Mengamankan Akun Instagram dari Serangan Hacker
  • Ini 6 Keahlian Tommy Jonathan Sinaga di Internet, Apa Saja?

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

Trentech.id

Trentech.id

Tren Teknologi Indonesia

Related Posts

coding sambil berdiri

Inilah Alasan Mengapa Seorang Programmer Jangan Terlalu Lama Duduk

19 April 2022
1.5k

Kemampuan untuk berpikir kreatif merupakan salah satu kemampuan yang harus dimiliki oleh programmer manapun. Dengan memiliki kemampuan ini, sang programmer...

film programmer

Programmer Wajib Tonton Film Ini

12 April 2022
1.6k

Dunia pemrograman memang ibarat sebuah teka-teki yang membuat banyak orang penasaran. Tidak sedikit orang yang mencintai dunia ini, namun tidak...

Pengorbanan Seorang Programmer, di Balik Celana Pendek dan Berangkat Siang

Pengorbanan Seorang Programmer, di Balik Celana Pendek dan Berangkat Siang

9 April 2022
1.5k

Bangun lebih siang dari pekerja pada umumnya, berangkat ke kantor ketika jalanan sudah sepi, menggunakan kaus dan celana pendek ke...

Please login to join discussion

Terpopuler

  • contoh pitch deck

    8 Contoh Pitch Deck Startup yang Bisa Kamu Pelajari

    925 shares
    Share 370 Tweet 231
  • Kumpulan Materi Kuliah Jurusan Teknik Informatika dan Ilmu Komputer

    328 shares
    Share 131 Tweet 82
  • Masa Depan Zoom Tercoreng PHK: Dampak dan Prospek

    108 shares
    Share 43 Tweet 27
  • Upgrade XAMPP? Beginilah Caranya

    231 shares
    Share 92 Tweet 58
  • Masa Depan Bitcoin Kian Terancam

    108 shares
    Share 43 Tweet 27
  • Menjelajahi Kelebihan dan Keterbatasan Chatbot AI BARD

    108 shares
    Share 43 Tweet 27
  • Startup Kecerdasan Buatan (AI) Membawa Solusi Baru dalam Industri

    108 shares
    Share 43 Tweet 27
  • Alasan Mahasiswa IT Harus Bisa Coding

    121 shares
    Share 48 Tweet 30
  • Dampak PHK Masal eBay pada Karyawan dan Industri E-commerce

    108 shares
    Share 43 Tweet 27
  • 6 Kebiasaan Elon Musk yang Bisa Bikin Kamu Sukses

    120 shares
    Share 48 Tweet 30

About . Contact . Partnership

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
  • Terbaru
  • Berita
  • Startup
  • Bisnis
  • Learn
  • Games
  • Blockchain
  • Gadget
Login / Register

Welcome Back!

Login to your account below

Forgotten Password? Sign Up

Create New Account!

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
Forgot Password?
Lost your password? Please enter your username or email address. You will receive a link to create a new password via email.