Pola blok

Teks ini diterjemahkan menggunakan AI. Jika Anda ingin melihat teks asli dalam bahasa Inggris, klik di sini.

Pola WordPress adalah kumpulan blok yang disusun bersama menjadi bagian yang matang, terarah, dan berkarakter untuk pos, halaman, atau templat.

Anda dapat membuat pos, halaman, dan templat yang indah dengan mudah menggunakan pola WordPress.com, yang dibuat oleh tim desain di WordPress.com agar dapat mewarisi gaya global tema Anda dengan lancar. Pilih dari beragam koleksi pola dan sesuaikan sesuka Anda; tidak perlu plugin tambahan atau coding. Anggap pola-pola ini sebagai pustaka komponen untuk editor blok.

Menggunakan pola di WordPress.com

Menemukan pola melalui editor blok

Pola WordPress.com tersedia di editor blok dengan mengikuti petunjuk berikut:

1. Buka editor untuk pos, halaman, atau templat apa pun.
2. Klik tombol + untuk membuka penyisip blok.
3. Klik tab Pola untuk menelusuri daftar kategori pola (Untuk menelusuri semua pola dalam tampilan kisi, gulir ke bawah daftar dan klik Jelajahi semua pola.)
4. Klik pola yang Anda inginkan untuk menyisipkannya ke pos, halaman, atau templat Anda.

Dari sana, Anda dapat mengedit konten pola (gambar, teks, tautan, dll.) di editor. Gaya tema yang ditentukan melalui Editor Situs akan otomatis diterapkan ke pola yang disisipkan.

Temukan pola melalui Pustaka Pola

Untuk melihat pratinjau pola pada berbagai lebar layar dan memeriksa responsivitas desain, Anda dapat menggunakan Pustaka Pola WordPress.com. Pustaka ini tidak hanya memungkinkan Anda menelusuri, mencari, dan melihat pratinjau pola pada berbagai lebar layar, tetapi juga memungkinkan Anda menyalin dan menempelkan pola ke editor blok.

Saat mengunjungi Pustaka Pola, gunakan navigasi kategori untuk melihat semua pola yang tersedia. Atau, gunakan formulir pencarian untuk mencari pola berdasarkan kata kunci atau fitur. Setelah menemukan pola yang ingin digunakan, klik tombol pola Salin.

Setelah memilih pola, buka editor untuk pos, halaman, atau templat di situs web WordPress.com Anda, lalu tempelkan pola menggunakan pintasan keyboard (command + v di Mac atau ctrl + v di Windows) atau dengan mengeklik kanan dan memilih Tempel.

Seperti pola lainnya, Anda dapat mengedit konten pola yang ditempelkan (gambar, teks, tautan, dll.) di editor blok.

Membangun dengan pola

Pola blok kami dibuat agar portabel, tetapi file theme.json Anda tetap perlu mengikuti beberapa panduan untuk memastikan pola kami tampil sebaik mungkin.

Secara khusus, kami menganggap slug berikut didefinisikan dalam spacing.spacingSizes:

• “slug”: "20”
• “slug”: "30"
• “slug”: "40"
• “slug”: "50"
• “slug”: "60"
• “slug”: "70"
• “slug”: "80"

Ini adalah preset spasi yang sama dengan yang dibuat secara default oleh WordPress. Jika preset ini tidak ada di tema Anda, beberapa spasi blok mungkin akan hilang sepenuhnya saat Anda menempelkan pola. Pola kami mungkin tetap berfungsi jika tema Anda menggunakan preset spasi yang berbeda, tetapi inilah standar yang kami ikuti.

Panduan struktur pola

Selain menggunakan pola WordPress.com di pos, halaman, dan templat, Anda juga dapat membuat pola sendiri. Tim desain WordPress.com telah menerbitkan beberapa pembelajaran mereka di WordPress Developer Blog, termasuk beberapa panduan yang disarankan berikut untuk membuat pola:

• Blok Grup tingkat atas yang membentang selebar penuh halaman.
  • Ini memudahkan Anda mengubah warna latar belakang seluruh bagian halaman dan menyusun ulang bagian-bagian halaman, karena setiap pola berada di dalam blok Grup.
  • Blok Grup ini biasanya memiliki nilai padding kiri dan kanan yang dipetakan ke pengaturan tata letak gaya global situs agar pola dapat menyesuaikan dengan tema. 
• Blok kontainer (Kisi, Kolom, Baris dan Tumpukan, dll.) disarangkan langsung di dalam blok tingkat atas.
  • Blok ini diatur ke nilai lebar “lebar” milik tema, sehingga konten pola dapat memiliki lebar maksimum sebagaimana ditentukan oleh tema.
• Dua blok Pengatur jarak ditempatkan langsung di atas dan di bawah blok Kontainer.
  • Blok Pengatur jarak ini memungkinkan Anda memilih dan mengatur ruang antar-pola tanpa harus mencari kontrol padding yang relevan untuk blok tersebut.

Dapatkan informasi selengkapnya tentang cara kerja blok tertentu dan cara membuat konten dengannya di sini.

Menonaktifkan pola

Untuk menghapus Pola blok dalam sebagian besar kasus, lihat dokumentasi resmi WordPress tentang membatalkan pendaftaran pola. Namun, mungkin ada kasus ketika Anda ingin menonaktifkan pola yang khusus untuk WordPress.com.

Untuk menonaktifkan pola, Anda harus memiliki akses ke SSH atau SFTP untuk situs Anda agar dapat mengedit file functions.php tema Anda.

Untuk menonaktifkan semua pola yang tidak dibuat pengguna, salin dan tempel kode berikut di bawah file functions.php tema Anda:

// Disable the remote patterns coming from the Dotorg pattern directory.
// See https://developer.wordpress.org/themes/patterns/registering-patterns/#disabling-remote-patterns
add_filter( 'should_load_remote_block_patterns', '__return_false' );

// Remove and unregister patterns from core, Dotcom, and plugins. 
// See 		https://github.com/Automattic/jetpack/blob/d032fbb807e9cd69891e4fcbc0904a05508a1c67/projects/packages/jetpack-mu-wpcom/src/features/block-patterns/block-patterns.php#L107
add_filter( 'rest_dispatch_request', 'your_theme_restrict_block_editor_patterns', 12, 3 );

/**
 * Restricts block editor patterns in the editor by removing support for all patterns from:
 *  - Dotcom and plugins like Jetpack
 *  - Dotorg pattern directory except for theme patterns
 */
function your_theme_restrict_block_editor_patterns( $dispatch_result, $request, $route ) {
	if ( strpos( $route, '/wp/v2/block-patterns/patterns' ) === 0 ) {
		$patterns = WP_Block_Patterns_Registry::get_instance()->get_all_registered();

		if ( ! empty( $patterns ) ) {
			// Remove theme support for all patterns from Dotcom, and plugins. 
			// See https://developer.wordpress.org/themes/patterns/registering-patterns/#unregistering-patterns
			foreach ( $patterns as $pattern ) {
				unregister_block_pattern( $pattern['name'] );
			}

			// Remove theme support for core patterns from the Dotorg pattern directory. 
			// See https://developer.wordpress.org/themes/patterns/registering-patterns/#removing-core-patterns
			remove_theme_support( 'core-block-patterns' );
		}
	}
	
	return $dispatch_result;
}

Untuk menonaktifkan hanya pola WordPress.com, salin dan tempel kode berikut di bawah file functions.php tema Anda:

add_filter( 'a8c_override_patterns_source_site', 'your_theme_restrict_block_editor_patterns_from_dotcom_library' );

/**
 * Restrict patterns from the Dotcom library
 */
function your_theme_restrict_block_editor_patterns_from_dotcom_library() {
	return 'disable-dotcom-patterns-source';
}