Tema blok WordPress menawarkan banyak fleksibilitas. Anda dapat membuat perubahan gaya dan tata letak di dalam browser web Anda – tidak diperlukan pengetahuan pengkodean. Mereka juga dapat memasukkan tambahan seperti pola blok dan variasi gaya.
Variasi gaya memberi Anda kepala mulai desain. Mereka memungkinkan kami untuk membuat banyak kombinasi warna dan tipografi. Mereka juga menampung gaya blok kustom yang ditentukan dalam editor situs. Apa pun dalam file tema.json juga dapat dimasukkan dalam variasi gaya.
Ini berguna untuk profesional web dan pengguna. Pilih variasi yang sesuai dengan kebutuhan Anda dan mulailah membangun situs Anda.
Membuat variasi gaya tema blok kustom lebih mudah dari yang Anda pikirkan. Seluruh proses berlangsung di editor situs WordPress. Variasi sederhana dapat dibangun dalam beberapa menit.
Jadi, ikuti saat kami membangun variasi gaya! Kami akan menunjukkan cara menunjuk dan mengklik jalan Anda ke desain khusus.
Persyaratan Proyek Variasi Gaya
Persyaratan untuk membangun variasi gaya khusus minimal. Anda akan membutuhkan:
- Situs web WordPress (instalasi lokal baik -baik saja).
- Tema blok (kami menggunakan Dua puluh lima).
- Itu Buat tema blok Plugin harus diinstal dan diaktifkan di situs web Anda.
Kami tidak merekomendasikan menggunakan situs web produksi untuk proses ini. Pementasan atau instalasi WordPress lokal adalah cara yang lebih aman.
Mari Bangun Variasi Gaya
Sekarang, saatnya untuk mulai membangun! Masuk ke situs web WordPress Anda dan ikuti langkah -langkah di bawah ini.
Langkah 1: Buka Editor Situs WordPress
Pertama, arahkan ke Penampilan> Editor di admin WordPress untuk membuka Editor Situs. Kemudian, klik Gaya tautan di bilah sisi kiri.
Panel gaya mencakup tautan untuk Tipografi, Warna, Latar belakang, BayanganDan Tata letak. Anda juga akan menemukan Jelajahi gaya Tautan yang menampilkan variasi gaya yang tersedia untuk tema.
Akhirnya, Blok Tautan memungkinkan Anda untuk menyesuaikan gaya blok individual di seluruh situs.
Langkah 2: Ubah Gaya Tema Anda
Langkah ini adalah tentang preferensi pribadi. Kerjakan jalan Anda melalui panel Styles dan mulailah membuat perubahan.
Warna dan tipografi adalah perubahan yang paling jelas, tetapi Anda dapat mengambil hal -hal lebih jauh. Misalnya, Anda dapat mengubah lebar tata letak dan jarak. Plus, setiap blok Termasuk dengan WordPress dapat disesuaikan. Tambahkan margin, padding, perbatasan, atau CSS khusus.
Kami membahas dasar -dasar dalam variasi kami, termasuk:
- Membuat palet warna khusus;
- Menginstal font baru dari Google Fonts;
- Menambahkan jarak khusus untuk blok grup dan paragraf;
- Mengubah tampilan blok tombol;
Hasilnya adalah tampilan bersahaja yang bertujuan untuk kesederhanaan. Tetapi Anda dapat melakukan sebanyak atau sesedikit yang Anda suka. Ingatlah untuk menyimpan perubahan Anda setelah selesai.
Langkah 3: Simpan variasi gaya Anda
Tugas kami selanjutnya melibatkan menyimpan variasi gaya khusus kami. Fungsionalitas ini adalah bagian dari plugin Tema Buat Blok.
Fitur ini terletak di dalam editor situs. Inilah cara menemukannya:
- Saat berada di editor situs, klik pada panel kanandisorot berwarna hijau di bawah ini:
- Klik ikon kunci pas di kanan atas layar dan pilih Buat variasi tema:
- Beri nama variasinya dan pastikan Simpan font kotak dicentang. Kami akan menyebut kami “Bumi yang indah.”
- Klik Buat variasi tema tombol untuk menyimpan pengaturan.
Setelah disimpan, variasi baru ditambahkan ke daftar di Jelajahi gaya Area editor tema. Melayang di atas variasi mengungkapkan namanya.
Cara menggunakan variasi gaya Anda di situs lain
Variasi gaya portabel dan dapat digunakan di beberapa situs web. Proses ini melibatkan penyalinan file JSON yang dihasilkan dan menambahkannya ke situs yang diinginkan.
- Temukan file JSON variasi gaya di
/wp-content/your-theme/styles/Mengganti
your-themedengan nama tema yang Anda gunakan (milik kamitwentytwentyfive).Untuk referensi, file JSON kami dipanggil
beautiful-earth.json - Salin file JSON Variasi Gaya Anda.
- Di situs web baru Anda, tempel file ke
/wp-content/your-theme/styles/– Anda mungkin perlu mengunggah file melalui SFTP atau manajer file host web Anda. - Sekarang Anda akan dapat memilih variasi gaya dalam editor situs.
Tentang font khusus
Sebelumnya, kami menyebutkan kemampuan untuk menambahkan font khusus ke variasi gaya. Ini membutuhkan beberapa langkah tambahan untuk bekerja saat memindahkan variasi Anda ke situs baru.
- Temukan font khusus yang Anda tambahkan di
/wp-content/themes/your-theme/assets/fonts/ - Salin setiap folder masing -masing font.
- Tempel folder font ke direktori yang sama di situs baru Anda. Sekali lagi, Anda mungkin perlu mengunggahnya.
Berikan tema blok Anda tampilan khusus
Variasi gaya adalah cara yang nyaman untuk menambah kepribadian pada tema blok Anda. Anda dapat membangunnya agar sesuai dengan persyaratan proyek Anda.
Mereka juga bertindak sebagai titik awal bagi desainer. Anda dapat terus menambahkan gaya khusus setelah menerapkan variasi. Perubahan yang Anda lakukan akan disimpan dalam database situs.
Ada juga opsi untuk mengatur ulang gaya ke default variasi. Itu membuatnya mudah bereksperimen tanpa kehilangan elemen kunci dari desain Anda.
Bagian terbaiknya adalah variasi gaya tidak memerlukan keahlian pengkodean. Itu menempatkan desain khusus dalam jangkauan semua orang.
Atas
