Sesuaikan

Desain Kustom »CSS Kustom

Daftar Isi

CSS Kustom

CSS Kustom adalah bagian dari Customizer, dan merupakan fitur dari paket WordPress.com Premium, Business, dan eCommerce. Anda dapat menambahkan CSS kustom ke blog WordPress.com Anda menggunakan Penyunting CSS di Situs Saya → Desain → Sesuaikan → CSS di dasbor blog.

Catatan: Untuk situs dengan paket WordPress.com Business dan eCommerce yang diinstal plugin, bagian CSS Kustom dapat ditemukan di Situs Saya → Desain → Sesuaikan → CSS Tambahan di dasbor blog.

CSS singkatan dari Cascading Style Sheets. Ini adalah bahasa markup yang mengontrol tampilan elemen HTML pada halaman web. Ada banyak hal yang dapat Anda lakukan dengan CSS untuk mengubah desain situs web, seperti yang ditunjukkan oleh proyek CSS Zen Garden yang sangat populer, yang merupakan sebuah pembuktian bahwa Anda dapat mengubah penampilan satu file HTML hanya dengan CSS.

Mengoptimalkan penggunaan fitur ini memerlukan pengetahuan yang cukup terkait cara kerja CSS dan HTML, atau setidaknya kemauan yang kuat untuk belajar. Lihat bagian Bantuan CSS di bagian bawah halaman ini untuk mengetahui informasi selengkapnya.

Jika ingin mendapatkan tema kustom WordPress.com dan tidak tertarik untuk mempelajari CSS, sebaiknya Anda mempekerjakan desainer untuk membuat perubahan yang diinginkan.


↑ Daftar Isi ↑

Bantuan CSS

Butuh bantuan CSS? Kami dapat memberikan dukungan CSS terbatas melalui obrolan langsung atau email. Jangan ragu-ragu untuk menghubungi dan kami akan memberi tahu Anda apakah kami dapat memenuhi permintaan CSS Anda. Jika tidak, kami dapat membimbing Anda ke arah yang tepat!

Untuk mempelajari cara kerja CSS di WordPress.com, lihat Menyunting CSS. Jika baru mengenal CSS, coba lihat tutorial CSS seperti HTML Dog’s CSS Beginner Tutorial terlebih dahulu.

Jika baru memulai, pasti ada hal-hal yang cukup sulit dipelajari di awal, tetapi CSS adalah ilmu yang sangat bernilai dan dapat digunakan berulang-ulang. Ada BANYAK sumber daya bagus di internet untuk memulai mempelajari HTML dan CSS lebih lanjut.

Berikut beberapa tips yang dapat membantu Anda:

Tutorial CSS yang Disarankan

Buku CSS yang Disarankan

↑ Daftar Isi ↑

Pertanyaan yang Sering Diajukan

Apakah CSS Kustom mengizinkan saya menyunting HTML? 

Tidak. CSS Kustom hanya memungkinkan Anda menambahkan atau mengganti CSS untuk tema; fitur ini tidak memberi Anda akses untuk mengubah markup HTML atau kode PHP. Anda dapat mengubah tema WordPress.com apa pun menjadi kanvas kosong dengan menonaktifkan CSS tema di pengaturan CSS kustom Anda.

Apakah CSS Kustom mengizinkan saya mengunggah tema?

Tidak. Mengunggah tema kustom hanya didukung di paket WordPress.com Business and eCommerce. Baca selengkapnya tentang ini di sini.

Bisakah saya menghapus tautan kredit seperti ‘Blog di WordPress.com’, tema, font, atau tautan bilah peralatan? 

Semua pengguna WordPress.com wajib mempertahankan Bilah Admin (bilah gelap yang muncul di bagian atas situs WordPress.com saat login). Pelanggan yang menggunakan paket WordPress.com Business dan eCommerce dapat menghubungi pihak dukungan untuk membantu menghapus Bilah Admin jika diperlukan.

Kredit footer dapat disembunyikan jika paket WordPress.com Business atau eCommerce di situs aktif. Jangan menggunakan CSS untuk menyembunyikan atau mengubah kredit jika Anda tidak menggunakan salah satu paket tersebut.

Semua pengguna WordPress.com dapat memilih beberapa pilihan untuk kredit footer, dari logo WordPress.com minimalis hingga pilihan teks seperti “Situs Web WordPress.com” atau “Didukung oleh WordPress.com.” Lihat dokumentasi ini untuk informasi lebih lanjut.

Mengubah gaya teks footer (mis. warna dan ukuran font) tidak masalah selama masih dapat dibaca. Dengan CSS, Anda juga dapat menambahkan konten seperti pemberitahuan hak cipta di bagian footer yang sudah ada.

Dapatkah saya menggunakan CSS Kustom untuk membuat perubahan visual berskala kecil pada tema yang ada?

Ya. Ini merupakan pilihan paling populer dan paling sederhana untuk diterapkan. Jika Anda hanya menambahkan cuplikan CSS kecil untuk perubahan yang ingin diterapkan ke tema yang ada, perubahan tersebut akan diterapkan setelah CSS tema dimuat sehingga menimpa CSS tema tanpa mewajibkan Anda mengelola seluruh rangkaian CSS terpisah. Ini memungkinkan Anda menerapkan perubahan kecil dengan cepat dan mudah hanya dengan beberapa baris kode di penyunting CSS.

Dapatkah saya menggunakan CSS Kustom untuk membuat perubahan visual berskala besar ke tata letak blog saya?

Perubahan besar tentu saja dapat dilakukan dengan CSS kustom, tetap seberapa mudah penerapannya bergabung pada tema dan kemahiran Anda dalam menggunakan CSS. Ketimbang menambahkan gaya ke CSS yang sudah ada di tema, Anda dapat menimpa seluruhnya dan mulai dari nol, mengubah tema WordPress.com apa pun menjadi kanvas kosong. Beberapa tema lebih fleksibel dari yang lain, dan cara terbaik untuk mencari tahu apa saja yang memungkinkan adalah dengan bereksperimen.

Dapatkah saya menggunakan peraturan CSS seperti @import dan @font-face?

WordPress.com Premium saat ini tidak mengizinkan pemuatan file eksternal melalui CSS, tetapi memungkinkan di WordPress.com Business dan eCommerce.

Dapatkan saya menggunakan font web di CSS?

Panel font di Situs Saya → Desain → Sesuaikan → Font memungkinkan Anda memilih pasangan font. Pilihan Anda terbatas hanya untuk dua font web di front end saat bekerja dengan CSS. Selain itu, jika paket WordPress.com Business atau eCommerce aktif, Anda berkemungkinan menambahkan font tambahan menggunakan plugin pihak ke-3.

Apakah gaya yang digunakan adalah gaya CSS kustom saya atau gaya standar tema saya, atau ada yang lain?

Terserah Anda—ada pilihan untuk memilih keduanya! Anda dapat memilih untuk menambahkan CSS secara bertahap guna menimpa CSS yang sudah ada di tema (ini merupakan pilihan yang paling populer) atau Anda dapat memulai dari awal tanpa memuat CSS asli milik tema. Jika menambahkan CSS yang sudah ada di tema, stylesheet standar tema akan dimuat terlebih dahulu, lalu peraturan CSS kustom akan diterapkan setelahnya. Pilih pilihan ini jika Anda hanya ingin membuat penyesuaian kecil ke tema, seperti mengubah penampilan teks atau warna latar belakang. Jika mulai dari nol, stylesheet standar tema tidak akan dimuat. Pilih pilihan ini jika ingin memulai dari nol dan mendesain segalanya sendiri.

Dapatkah saya menerapkan CSS saya ke tema seluler?

Ya. Anda dapat memilih untuk menerapkan CSS Kustom ke tema seluler, tema asal kami untuk perambah seluler. Untuk mengaktifkan opsi ini, buka Situs Saya → Desain → Sesuaikan → CSS lalu cari pengaturan di bawah Penyunting CSS.  Centang kotak di sebelah “Sertakan CSS ini di Tema Seluler.” Gaya Anda kini akan diterapkan ke Minileven. Tema Minileven theme memiliki kelas bodi “mobile-theme”, yang dapat Anda gunakan untuk menulis gaya yang khusus menarget Minileven. Berikut contoh sederhana yang menggunakan kelas bodi “mobile-theme” untuk memberi warna latar belakang merah pada Minileven:

body.mobile-theme {
background-color: #ff0000;
}

Dapatkah saya mengunggah gambar untuk digunakan dengan CSS saya?

Ya. Anda dapat mengunggah gambar ke Pustaka Media, lalu mengarahkannya dengan URL langsung dari dalam stylesheet CSS. Berikut contoh sederhana mengenai cara menggunakan gambar latar belakang di stylesheet Anda:

div#content {
background-image: url('http://example.files.wordpress.com/1999/09/example.jpg');
}

Saya melakukan kesalahan. Bagaimana cara mengatur ulang gaya tema?

Buka Situs Saya → Desain → Sesuaikan→ CSS, hapus semua kode CSS dari penyunting, lalu klik Simpan.

Apa yang terjadi apabila saya membatalkan langganan dari paket WordPress.com Premium, Business, atau eCommerce saya?

Semua upgrade di WordPress.com diperpanjang setiap tahun. Apabila memilih membatalkan langganan, CSS kustom Anda akan tetap disimpan tetapi tidak lagi diterapkan ke situs dan orang lain tidak dapat melihatnya. Jika ingin diterapkan kembali ke situs, Anda dapat membeli kembali upgrade Anda dan gaya akan diterapkan kembali secara otomatis jika Anda belum mengubah tema. Jika tema telah diubah, Anda dapat menemukan CSS lama di tautan Revisi CSS yang ada di atas penyunting di Panel CSS.


Still confused?

Contact support.