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

7 September 2018
in Learn
cara membuat template wordpress
1.7k
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

Gaji Programmer Indonesia: Berapa Seharusnya?

Rekomendasi Film untuk Programmer, Menelusuri Dunia Programmer Melalui Film

Inilah Alasan Mengapa Seorang Programmer Jangan Terlalu Lama Duduk

[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

Trentech.id

Trentech.id

Tren Teknologi Indonesia

Related Posts

gaji programmer

Gaji Programmer Indonesia: Berapa Seharusnya?

11 March 2023
1.4k

Gaji programmer di Indonesia menjadi topik yang sering dibicarakan, terutama di kalangan para profesional di bidang teknologi informasi. Seiring dengan...

rekomenasi film untuk programmer | the social network

Rekomendasi Film untuk Programmer, Menelusuri Dunia Programmer Melalui Film

19 February 2023
1.4k

Programmer memainkan peran penting dalam dunia teknologi saat ini. Mereka menjadi tangan dan pikiran yang menciptakan produk digital dan membuatnya...

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...

Login
Please login to comment
0 Comments
Inline Feedbacks
View all comments

Terpopuler

  • contoh pitch deck

    8 Contoh Pitch Deck Startup yang Bisa Kamu Pelajari

    1006 shares
    Share 402 Tweet 251
  • Indeed PHK 2.200 Karyawan

    108 shares
    Share 43 Tweet 27
  • Kumpulan Materi Kuliah Jurusan Teknik Informatika dan Ilmu Komputer

    353 shares
    Share 141 Tweet 88
  • 5 Pokemon Terkuat dan Terfavorit

    166 shares
    Share 66 Tweet 42
  • Zippyshare Tutup Maret 2023: Apa Pelajaran yang Bisa Diambil?

    108 shares
    Share 43 Tweet 27
  • Hai MAHASISWA, 15 Situs Ini Diam-diam Bisa Bikin Skripsimu Cepat Kelar!

    135 shares
    Share 54 Tweet 34
  • Kalau Mau Kaya Tanpa Jadi Pengusaha, Belajar Coding Bisa Jadi Jawabannya

    127 shares
    Share 51 Tweet 32
  • Kerangka Pitch Deck Bisnis yang Efektif untuk Mempersuasi Investor

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

    247 shares
    Share 99 Tweet 62
  • Belajar dari Pitch Deck GoJek Sebelum Menjadi Unicorn

    109 shares
    Share 44 Tweet 27

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

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
wpDiscuz