Pola Blok WordPress dan Gaya Global dalam Tema Dua Puluh Dua Puluh Dua

Diterbitkan: 2022-02-09

Pola Blok WordPress dan Gaya Global dari Tema Dua Puluh Dua Puluh Dua adalah tambahan paling menakjubkan untuk pengeditan situs lengkap WordPress.

Beberapa pengguna WordPress mengatakan bahwa Tema WordPress baru adalah tentang kumpulan Gutenberg Block of Patterns . Namun, Dua Puluh Dua Puluh Dua tidak membatasi itu. Ini memiliki kemampuan pengeditan situs lengkap dan banyak lagi. Itu sebabnya kami terus menerbitkan posting blog tentang berbagai topik Tema baru.

Sampai sekarang kami telah menerbitkan tentang ikon situs, penyesuaian menu, bilah sisi, dan beranda khusus atau halaman depan Tema Dua Puluh Dua.

Lebih banyak posting blog unggulan akan datang untuk memberi Anda gambaran lengkap tentang tema WordPress baru yang menjanjikan.

Isi sembunyikan
1 Pola Blok WordPress dari Dua Puluh Dua Puluh Dua Tema
2 Cara menggunakan Pola Blok WordPress
2.1 Perpustakaan Pola
2.2 Direktori Pola
3 Cara Menyesuaikan Pola Blok WordPress
4 Manfaat Pola Blok di Dua Puluh Dua Puluh Dua Tema
5 Gaya Global dalam Dua Puluh Dua Puluh Dua Tema
5.1 Tipografi
5.2 Warna
5.3 Tata Letak
5.4 Blok
6 Kesimpulan

Pola Blok WordPress dari Dua Puluh Dua Puluh Dua Tema

Sekarang, sebelum masuk ke penjelasan mendalam tentang Pola Blok WordPress , saya ingin menjawab pertanyaan pertama yang muncul di benak semua orang. Pertanyaannya adalah Apa itu Pola Blok WordPress ?

Pola Blok WordPress atau Pola Blok Gutenberg adalah bagian siap pakai yang dibuat dengan kombinasi beberapa Blok Gutenberg. Jadi, pengguna WordPress dapat menghemat waktu mereka dengan menggunakan pola premade daripada menambahkan beberapa blok untuk membangun bagian.

Pola WordPress memiliki desain premade yang terbatas tetapi batasan ini dapat dihilangkan dengan menggunakan direktori Pola.

Cara menggunakan Pola Blok WordPress

Ada dua cara untuk menggunakan Pola Blok Gutenberg. Anda dapat menggunakan pustaka pola tema Twenty Twenty Two atau langsung menyalin pola apa pun dari Direktori Pola WordPress.

Perpustakaan Pola

Pattern Library
Perpustakaan Pola

Sumber pertama dari Gutenberg Block Pattern adalah Pattern Library. Biarkan saya menunjukkan kepada Anda bagaimana Anda dapat menambahkan pola apa pun yang dibuat sebelumnya dari perpustakaan Pola WordPress.

Pertama-tama, tambahkan halaman baru atau mulai mengedit halaman tempat Anda ingin menggunakan pola.

  • Klik pada Ikon Plus.
  • Klik pada Tab Pola.
  • Klik pada Pola Anda.
Adding Block Pattern
Menambahkan Pola Blok

Setelah mengklik pola yang diinginkan itu akan ditambahkan ke halaman.

Direktori Pola

Pattern Directory
Direktori Pola

Sebagai pengguna WordPress, Anda mungkin tahu bahwa Anda tidak terbatas pada penggunaan pustaka pola WordPress Default. Ada sumber lain dari mana Anda dapat menambahkan pola Gutenberg. Ada direktori Pola WordPress yang terletak di situs WordPress.org. Dan menambahkan pola apa pun ke situs Anda seperti menggigit sepotong kue.

  • Pergi ke direktori Pola.
  • Pilih pola keinginan.
  • Klik Salin.
  • Tempelkan ke halaman yang sedang Anda edit.
Copy from Pattern Directory
Salin dari Direktori Pola

Cara Menyesuaikan Pola Blok WordPress

Menambahkan pola blok bukanlah akhir dari cerita. Kita juga perlu menyesuaikannya dengan kebutuhan kita. Semua pola blok menawarkan semacam opsi penyesuaian, tidak peduli blok itu berasal dari perpustakaan tema atau direktori. Sekarang mari kita lihat jenis kustomisasi apa yang tersedia dengan pola.

Ganti Gambar: Sebagian besar pola blok akan datang dengan gambar default. Jadi, jika Anda menambahkan pola apa pun dengan gambar, Anda dapat dengan mudah mengubahnya ke gambar lain dari pustaka situs Anda. Anda juga dapat mengunggah gambar apa pun untuk menggantinya dengan gambar default.

Replace Image
Ganti Gambar

Tambahkan Teks Khusus: Teks yang disertakan dengan pola adalah teks tiruan. Jadi, kita perlu menambahkan teks khusus sebagai pengganti teks tiruan.

Add Custom Text
Tambahkan Teks Khusus

Kustomisasi Tombol: Jika Anda menambahkan blok yang memiliki teks tombol, maka Anda perlu menambahkan tautan ke tombol tersebut. Jika tidak, tombol tidak akan memicu tindakan apa pun. Anda juga dapat mengubah gaya, ukuran, dan warna tombol.

Customize Button
Kustomisasi Tombol

Manfaat Pola Blok di Dua Puluh Dua Puluh Dua Tema

Sekarang setelah Anda tahu mengapa dan bagaimana menggunakan pola blok, inilah saatnya untuk menyatakan manfaatnya.

Hemat Waktu : Manfaat utama dari pola adalah, mereka dapat menghemat waktu kita. Seperti yang telah saya nyatakan sebelumnya, Pola adalah kombinasi dari beberapa Blok Gutenberg. Jadi, saat menambahkan pola ke halaman, sebenarnya kita menambahkan beberapa blok sekaligus. Begitulah cara kami menghemat waktu dengan menggunakan pola daripada menambahkan banyak blok.

Mudah untuk Dikustomisasi : Manfaat lainnya adalah bahwa semua Pola Blok Gutenberg fleksibel dan dapat disesuaikan. Pengaturannya mirip dengan blok default editor Gutenberg. Sehingga, kami merasa nyaman saat menyesuaikannya.

Gaya Global dalam Tema Dua Puluh Dua Puluh Dua

Pengaturan Gaya Global dari tema Twenty Twenty Two memungkinkan kami menyesuaikan tema dengan tiga pengaturan utama. Kami dapat menyesuaikan Tipografi, Warna, dan Tata Letak situs kami. Mari kita lihat pengaturan global:

Tipografi

Pengaturan tipografi memungkinkan kami untuk menyesuaikan font teks dan tautan situs kami. Namun, tidak banyak kontrol dalam opsi pengaturan ini. Anda dapat bermain dengan empat opsi yaitu font family, size, line height, dan Appearance.

Typography
Tipografi

warna

Bagian warna dari pengaturan gaya global memungkinkan kita mengubah warna Latar Belakang, Teks, dan tautan. Anda dapat memilih dari pelet warna default atau memilih warna khusus apa pun. Namun, Anda juga dapat mengubah palet warna default.

Global Colors
Warna Global

tata letak

Pengaturan Layout menawarkan untuk menambahkan padding ke situs Anda. Anda dapat menambahkan padding khusus ke sisi Atas, Kanan, Bawah, dan kiri situs WordPress Anda.

Global Layout
Tata Letak Global

Blok

Fakta menarik lainnya dari Global Styles adalah kita juga dapat menggunakan warna khusus untuk blok individu. Untuk itu, kita perlu menavigasi ke bagian Blok pilih blok tertentu yang ingin kita atur warna kustomnya. Setelah memilih blok, kami mengatur warna khusus untuk Latar Belakang, Teks, dan Tautan dari blok yang dipilih.

Individuals Blocks Color
Individu Blok Warna

Kesimpulan

Itu saja tentang Pola Blok WordPress dan Gaya Global. Manfaatkan Parrerns Blok Gutenberg sebaik-baiknya untuk membuat halaman arahan. Jika Anda menghadapi kesulitan saat menggunakan pola blok Gutenberg jangan ragu untuk berkomentar di bawah.