Artikel ini adalah edisi lokal dari artikel asli berbahasa Jepang. Baca artikel asli berbahasa Jepang
Blocksy adalah tema WordPress gratis dengan banyak fitur. Sebagian besar pengaturannya dilakukan di "Tampilan" (Appearance) → "Kustomisasi" (Customize), yaitu Customizer, sambil melihat pratinjau, dan header serta footer disusun dengan seret dan lepas. Artikel ini menjelaskan, berurutan sesuai pengaturannya, pemasangan tema dan plugin pendamping "Blocksy Companion", warna dan font yang perlu ditentukan lebih dulu, cara membuat header, pengaturan tampilan daftar blog dan halaman artikel, hingga penyiapan child theme.
Memahami komponen Blocksy
Blocksy terdiri dari tiga bagian berikut.
- Blocksy (tema utama): bisa didapat gratis dari WordPress.org. Dilengkapi pengaturan desain di Customizer serta pembuat header dan footer
- Blocksy Companion (plugin gratis): bertugas memuat situs starter (data demo) dan menambahkan fitur ekstensi
- Blocksy Pro (berbayar): menambahkan elemen header tambahan, tampilan bersyarat, fitur tata letak yang lebih rinci, dan sebagainya
Mulailah dengan kombinasi tema utama dan Companion, lalu pertimbangkan Pro ketika Anda tahu fitur yang dibutuhkan tidak cukup di versi gratis (pembagian fitur dan harga bisa berubah, jadi periksa informasi di situs resmi per Oktober 2026).
Blocksy dibuat lebih mendekati tema klasik dan juga mendukung block editor. Lokasi pengoperasiannya berbeda dari tema blok yang menyusun seluruh situs di Site Editor ("Tampilan" → "Editor"), jadi ingatlah bahwa "desain keseluruhan lewat Customizer, isi artikel dan halaman lewat block editor" agar tidak bingung.
Instalasi dan pemasangan Companion
- Di "Tampilan" → "Tema" (Themes) → "Tambah Tema Baru" (Add New Theme), cari "Blocksy", lalu pasang dan aktifkan
- Dari panduan yang muncul setelah aktivasi, atau dari dasbor Blocksy yang ditambahkan ke layar admin, pasang dan aktifkan Blocksy Companion
Dengan WP-CLI, Anda bisa memasangnya seperti berikut.
wp theme install blocksy --activate
wp plugin install blocksy-companion --activateJika Anda mengganti tema pada situs yang sudah berjalan, buat cadangan seluruh situs sebelumnya. Jika tema diganti, shortcode, widget, dan posisi tampilan menu khusus tema sebelumnya bisa tidak ikut terbawa.
Perlu atau tidak memakai situs starter
Setelah Companion dipasang, Anda bisa memuat "situs starter" dari dasbor Blocksy. Halaman yang sudah didesain, pengaturan Customizer, dan plugin yang diperlukan masuk sekaligus, sehingga pada situs baru Anda bisa cepat menangkap gambaran hasil akhirnya.
Namun, sebaiknya hindari memuatnya pada situs yang sudah memiliki artikel. Halaman, gambar, dan menu demo akan ditambahkan, dan pengaturan Customizer juga ditimpa, sehingga Anda tidak lagi tahu mana yang merupakan pengaturan awal. Jika dipakai, kami menyarankan memakainya pada tahap awal situs baru, atau mencobanya di lingkungan staging lalu meniru hanya pengaturan yang diperlukan.
Pengaturan keseluruhan yang perlu ditentukan lebih dulu
Saat Anda membuka "Tampilan" → "Kustomisasi", item pengaturan Blocksy berjajar. Nama item sering kali sudah diterjemahkan ke bahasa lokal, tetapi penulisannya bisa berubah tergantung versi. Hal pertama yang disentuh adalah dua hal berikut yang berpengaruh ke seluruh situs.
Warna (palet warna)
Di pengaturan warna dalam pengaturan umum, tentukan palet warna dasar yang dipakai situs. Di Blocksy, warna teks, warna tautan, warna tombol, dan sebagainya mengacu pada warna dalam palet ini, sehingga jika palet diganti, skema warna seluruh situs berganti sekaligus.
Jika Anda menentukan warna langsung di tiap tempat, saat ingin mengubah skema warna nanti Anda harus memperbaikinya satu per satu. Cara yang mudah dikelola adalah menentukan lewat palet sebagai dasar, dan menentukan secara individual hanya bagian yang benar-benar ingin berwarna lain.
Font (tipografi)
Di pengaturan tipografi, tentukan font, ukuran huruf, dan jarak antarbaris untuk isi artikel dan judul. Hal yang perlu diperhatikan pada situs berbahasa Jepang adalah bahwa memilih font Latin tidak berlaku untuk karakter Jepang. Bagian berbahasa Jepang ditampilkan dengan font di perangkat pengunjung, jadi biarkan font isi artikel pada bawaan seperti "font sistem", atau tentukan font yang mendukung bahasa Jepang.
Jika Anda memuat font Jepang sebagai web font, ukuran file besar dan bisa memengaruhi kecepatan tampil. Jika dipakai, batasi jenis ketebalannya, lalu periksa pengaruhnya terhadap kecepatan tampil dengan PageSpeed Insights dan sejenisnya.
Menyusun header
Jika Anda membuka item header di Customizer, pembuat header (header builder) ditampilkan di bagian bawah layar. Header dibagi menjadi baris atas, tengah, dan bawah, dan elemen seperti logo (judul situs), menu, pencarian, dan tombol diseret lalu diletakkan di kiri, tengah, atau kanan setiap baris.
Yang mudah membuat tersandung adalah bahwa header untuk komputer dan header untuk ponsel diatur secara terpisah. Jika tampilan pembuat dialihkan ke ponsel, tata letak lain akan ditampilkan. Di ponsel, susunan dasarnya adalah menaruh menu di dalam "off-canvas" yang dibuka dari ikon hamburger (trigger). Jika Anda hanya mengatur untuk komputer lalu menerbitkannya, bisa terjadi menu tidak muncul di ponsel, jadi periksa kedua tampilan.
Jika elemen diklik, pengaturan elemen itu (ukuran huruf, warna, margin, dan sebagainya) ditampilkan di sisi kiri. Item yang ditampilkan di menu dibuat di "Tampilan" → "Menu", lalu ditetapkan ke elemen menu di header.
Footer disusun dengan pembuat footer yang prinsipnya sama. Jika ingin mengubah penempatan area widget atau tulisan hak cipta, edit dari item footer.
Tampilan daftar blog dan halaman artikel
Customizer menyediakan item pengaturan untuk setiap jenis halaman, seperti daftar pos (blog), pos tunggal, dan halaman.
- Daftar pos: cara penataan seperti tipe kartu atau tipe daftar, jumlah kolom per baris, rasio gambar unggulan (featured image), panjang kutipan (excerpt), dan informasi pos yang ditampilkan (tanggal terbit, kategori, dan sebagainya)
- Pos tunggal: lebar area konten, ada tidaknya dan posisi sidebar, cara menampilkan bagian judul, serta tampilan artikel terkait dan informasi penulis
- Halaman: seperti pos tunggal, atur lebar dan ada tidaknya sidebar
Yang sangat memengaruhi keterbacaan halaman artikel adalah lebar isi artikel. Teks panjang berbahasa Jepang menjadi sulit dibaca jika satu barisnya terlalu panjang, jadi jika tidak memakai sidebar, atur lebar isi lebih sempit, dan periksa apakah huruf tidak terlalu kecil di ponsel.
Jika Anda ingin mengubah tata letak hanya pada artikel tertentu, dari pengaturan Blocksy yang tampil di sidebar layar edit pos, Anda bisa menentukan misalnya melepas sidebar hanya untuk artikel itu.
Menyiapkan child theme
Jika file tema diedit langsung, perubahan hilang saat tema diperbarui. Untuk sekadar menambah sedikit CSS, "CSS Tambahan" di Customizer sudah cukup. Jika Anda memerlukan kustomisasi PHP atau penimpaan template, buatlah child theme.
Situs resmi Blocksy membagikan kerangka child theme. Jika membuat sendiri, letakkan style.css berikut di wp-content/themes/blocksy-child/,
/*
Theme Name: Blocksy Child
Template: blocksy
*/lalu muat gaya child theme dengan functions.php di folder yang sama.
<?php
add_action( 'wp_enqueue_scripts', function () {
wp_enqueue_style(
'blocksy-child-style',
get_stylesheet_uri(),
array(),
wp_get_theme()->get( 'Version' )
);
}, 20 );Jika beralih ke child theme, pengaturan Customizer disimpan terpisah dari tema induk, sehingga isi yang diatur di tema induk bisa tidak terlihat. Pengaturan Customizer bisa dipindahkan dengan fitur ekspor dan impor jika Companion terpasang, jadi mengekspornya sebelum beralih ke child theme mencegah pekerjaan ulang.
Catatan pembaruan dan operasional
Blocksy dan Companion sering diperbarui. Buat cadangan sebelum memperbarui, dan setelah pembaruan periksa header, halaman artikel, dan tampilan ponsel secara keseluruhan. Jika tampilan berantakan, hapus cache plugin cache atau CDN, lalu periksa kembali. Jika Anda memakai plugin percepatan yang menggabungkan dan mengompresi CSS, CSS lama yang tersisa bisa membuat tampilan tampak rusak.
Ringkasan
- Mulailah memakai Blocksy dengan kombinasi tema utama dan Blocksy Companion, lalu pertimbangkan Pro setelah tahu fitur yang kurang
- Gunakan situs starter pada situs baru atau lingkungan staging, dan pada situs yang sudah ada waspadai penimpaan pengaturan
- Tentukan keseluruhan lewat palet warna untuk warna dan tipografi untuk huruf. Waspadai bahwa font Latin tidak berlaku pada karakter Jepang
- Pembuat header untuk komputer dan ponsel terpisah. Periksa kedua tampilan, dan pakai child theme jika menyentuh PHP
Ada pertanyaan tentang WordPress? Penerbit situs ini berada di Jepang dan membalas dalam bahasa Jepang. Kontak (bahasa Jepang)