314 blok untuk penyunting blok WordPress
Blok nyata dengan panel pengaturan sungguhan, disisipkan dari penyisip bawaan WordPress. Tanpa shortcode, tanpa kanvas khusus, tanpa editor kedua yang perlu dipelajari. Semua yang dilihat pengunjung adalah kontrol di sidebar.
Diperbarui
209 blok yang bisa Anda sisipkan hari ini
Filter berdasarkan keluarga atau cari berdasarkan nama, kata kunci, atau fungsi blok. Blok premium ditandai, dan setiap paket menyertakan semuanya.
Penyisip bawaan WordPress, dengan keluarga Canvas di bawah keluarga inti. Tidak ada yang berupa shortcode dan tidak ada yang membuka editor kedua.
Menampilkan semua 209
Tulisan
31 blok, tercantum di bawah Tulisan pada penyisip blok.
Academic Works Gratis
Rekaman portofolio sebagaimana dirancang untuk desain akademik: baris buku, kartu makalah jurnal, dan detail rekaman itu sendiri pada halamannya.
Agency Works Gratis
Tampilkan proyek Portofolio sebagai carousel atau grid bergaya agensi, atau tampilkan satu halaman proyek tunggal (atribut, CTA kontak, proyek terkait).
Lihat langsung: Agency Works di Portofolio (dibuka di tab baru)
Blog Archive Loop Gratis
Loop blog untuk kueri utama (indeks, kategori, tag, penulis, tanggal). Menggunakan partial blog-entry tema dan pagination.
Lihat langsung: Blog Archive Loop di Beranda (dibuka di tab baru) Pengaturan blok Blog Archive Loop dalam dokumentasi
Blog Loop Gratis
Loop entri blog yang dapat disusun. Susun kartu per postingan dari blok Post Image/Title/Meta/Excerpt; wadah, paginasi, dan elemen antarmuka timeline dikendalikan oleh tata letak.
Lihat langsung: Blog Loop di Blog | Grid (dibuka di tab baru) Pengaturan blok Blog Loop dalam dokumentasi
Blog Single Post Gratis
Tata letak posting blog tunggal (judul, meta, gambar, konten, tag, bagikan, navigasi, penulis, komentar, terkait + sidebar). Untuk single.html.
Construction Projects Gratis
Tampilkan proyek dari tipe pos Projects sebagai grid portofolio (2 hingga 5 kolom), atau tampilkan satu halaman proyek (atribut, CTA kontak, proyek terkait).
Lihat langsung: Construction Projects di Proyek | 5 Kolom (dibuka di tab baru)
Illustrator Works Gratis
Item portofolio sebagai grid kartu persegi yang dapat difilter dengan bingkai berwarna, atau bagian dari halaman satu proyek.
Lihat langsung: Illustrator Works di Beranda (dibuka di tab baru)
Interior Projects Gratis
Tampilkan proyek studio dari tipe pos Projects sebagai kisi portofolio yang bisa difilter, atau tampilkan satu halaman proyek (bilah sisi detail, tombol ajakan konsultasi, proyek terkait).
Lihat langsung: Interior Projects di Stonecroft (dibuka di tab baru)
Law Firm Cases Gratis
Tampilkan kasus dari tipe pos Portofolio sebagai kartu, atau tampilkan satu halaman kasus (atribut, CTA kontak, kasus terkait).
Lihat langsung: Law Firm Cases di Kasus Terbaru (dibuka di tab baru)
Photo Shots Gratis
Tampilkan foto dari tipe pos Shots sebagai grid pratinjau yang dapat diperluas, atau tampilkan satu halaman shot (bingkai, detail pengambilan gambar, CTA pertanyaan, shot terkait).
Lihat langsung: Photo Shots di Jelajahi (dibuka di tab baru)
Post Archive Index Gratis
Setiap entri sebagai tanggal dan judul, opsional dikelompokkan menurut tahun dan bulan: indeks “semua yang sudah kami terbitkan”.
Post Author Gratis
Menampilkan kartu biografi penulis pos saat ini beserta avatar, nama tampilan, dan deskripsi biografi.
Lihat langsung: Post Author di Web yang Lambat: Mengapa Pengalaman Membaca Terbaik Kian Senyap (dibuka di tab baru) Pengaturan blok Post Author dalam dokumentasi
Post Comments Gratis
Menampilkan templat komentar WordPress, termasuk daftar komentar dan formulir pengiriman.
Lihat langsung: Post Comments di Web yang Lambat: Mengapa Pengalaman Membaca Terbaik Kian Senyap (dibuka di tab baru) Pengaturan blok Post Comments dalam dokumentasi
Post Content Gratis
Menampilkan seluruh konten dari postingan saat ini, dengan menjalankan semua filter konten termasuk shortcode dan embed.
Lihat langsung: Post Content di Ini adalah Tulisan Standar dengan Gambar Pratinjau (dibuka di tab baru) Pengaturan blok Post Content dalam dokumentasi
Post Date Gratis
Tanggal publikasi pos itu sendiri, untuk byline yang tidak dapat ditampilkan oleh daftar meta.
Lihat langsung: Post Date di Web yang Lambat: Mengapa Pengalaman Membaca Terbaik Kian Senyap (dibuka di tab baru) Pengaturan blok Post Date dalam dokumentasi
Post Excerpt Gratis
Menampilkan cuplikan postingan saat ini yang dipotong per kata dengan panjang yang dapat dikonfigurasi.
Lihat langsung: Post Excerpt di Blog | Grid (dibuka di tab baru) Pengaturan blok Post Excerpt dalam dokumentasi
Post Image Gratis
Menampilkan gambar unggulan postingan saat ini dengan ukuran yang dapat dikonfigurasi dan tautan permalink opsional.
Lihat langsung: Post Image di Blog | Feed Campuran (dibuka di tab baru) Pengaturan blok Post Image dalam dokumentasi
Post Media Gratis
Kotak media utama dari postingan saat ini: gambar unggulannya, embed video atau audio, slider galeri, kisi thumbnail, kutipan, kartu tautan atau status, dipilih sesuai format postingan.
Lihat langsung: Post Media di Blog | Timeline Sidebar Kiri (dibuka di tab baru) Pengaturan blok Post Media dalam dokumentasi
Post Meta Gratis
Menampilkan metadata pos yang dapat dikonfigurasi, termasuk tanggal, penulis, kategori, dan jumlah komentar.
Lihat langsung: Post Meta di Blog | Feed Campuran (dibuka di tab baru) Pengaturan blok Post Meta dalam dokumentasi
Post Navigation Gratis
Menampilkan tautan navigasi postingan sebelumnya dan berikutnya untuk postingan saat ini.
Lihat langsung: Post Navigation di Web yang Lambat: Mengapa Pengalaman Membaca Terbaik Kian Senyap (dibuka di tab baru) Pengaturan blok Post Navigation dalam dokumentasi
Post Read More Gratis
Menampilkan tautan atau tombol baca selengkapnya yang mengarah ke permalink postingan saat ini.
Lihat langsung: Post Read More di Beranda (dibuka di tab baru) Pengaturan blok Post Read More dalam dokumentasi
Post Reading Bar Gratis
Menampilkan kontrol waktu baca, ukuran font, cetak, serta bagikan dan gulir untuk artikel saat ini.
Lihat langsung: Post Reading Bar di Ini adalah Tulisan Standar dengan Gambar Pratinjau (dibuka di tab baru) Pengaturan blok Post Reading Bar dalam dokumentasi
Post Reading Time Gratis
Berapa lama rekaman ini dibaca, dihitung dari isinya sendiri.
Lihat langsung: Post Reading Time di Web yang Lambat: Mengapa Pengalaman Membaca Terbaik Kian Senyap (dibuka di tab baru) Pengaturan blok Post Reading Time dalam dokumentasi
Post Related Gratis
Menampilkan grid postingan terkait dari kategori yang sama dengan postingan saat ini.
Lihat langsung: Post Related di Web yang Lambat: Mengapa Pengalaman Membaca Terbaik Kian Senyap (dibuka di tab baru) Pengaturan blok Post Related dalam dokumentasi
Post Share Gratis
Menampilkan tautan berbagi di media sosial untuk postingan saat ini dengan jaringan, gaya, dan ukuran yang dapat diatur.
Lihat langsung: Post Share di Event Single (dibuka di tab baru) Pengaturan blok Post Share dalam dokumentasi
Post Terms Gratis
Menampilkan istilah taksonomi (kategori atau tag) untuk posting saat ini dengan gaya teks, lencana, pil, awan tag, atau kategori sebaris.
Lihat langsung: Post Terms di Blog | Feed Campuran (dibuka di tab baru) Pengaturan blok Post Terms dalam dokumentasi
Post Title Gratis
Menampilkan judul postingan saat ini di dalam tag heading yang dapat dikonfigurasi, dengan tautan permalink opsional.
Lihat langsung: Post Title di Blog | Feed Campuran (dibuka di tab baru) Pengaturan blok Post Title dalam dokumentasi
Post Table of Contents Gratis
Daftar isi dari judul-judul postingan itu sendiri, dengan jangkar yang berfungsi dan penanda yang mengikuti pembaca.
Lihat langsung: Post Table of Contents di Panduan Praktis tentang Token Desain yang Bertahan Setelah Rebranding (dibuka di tab baru) Pengaturan blok Post Table of Contents dalam dokumentasi
Tulisan Gratis
Kueri dan tampilkan postingan dalam berbagai tata letak termasuk grid, list, masonry, dan timeline. Mendukung pemfilteran berdasarkan kategori, tag, custom post type, dan pengurutan.
Lihat langsung: Tulisan di Blog | Grid (dibuka di tab baru) Pengaturan blok Tulisan dalam dokumentasi
Recent Comments Gratis
Komentar terbaru yang telah disetujui dari seluruh situs, masing-masing dengan avatar, nama, dan beberapa kata pembuka pemberi komentar, yang menautkan ke utas.
Lihat langsung: Recent Comments di Widget (dibuka di tab baru) Pengaturan blok Recent Comments dalam dokumentasi
Resume Works Gratis
Tampilkan proyek dari tipe pos Works dalam bentuk daftar ringkas atau kisi ubin, atau tampilkan satu halaman proyek (atribut, CTA, proyek terkait).
Konten
30 blok, tercantum di bagian Konten pada penyisip blok.
Background Video / Audio Gratis
Lapisan video atau audio berulang yang dihosting sendiri untuk hero, latar belakang bagian, atau pemutar yang didesain. Hanya menghasilkan elemen media, sehingga pembungkus yang mengatur posisinya tetap berada di tangan Anda.
Lihat langsung: Background Video / Audio di Aksi Media (dibuka di tab baru) Pengaturan blok Background Video / Audio dalam dokumentasi
Cascading Images Disertakan dalam paket apa pun
Komposisi gambar berlapis dengan translate, rotate, scale, z-index, jeda animasi per gambar, dan bentuk latar belakang dekoratif opsional.
Lihat langsung: Cascading Images di Cascading Images (dibuka di tab baru) Pengaturan blok Cascading Images dalam dokumentasi
Chart Disertakan dalam paket apa pun
Buat bagan dari kumpulan data yang Anda sediakan, sehingga angka dari laporan atau perbandingan harga dapat dibaca sekilas. Jenis bagan, data, dan labelnya semua berasal dari konfigurasi yang Anda isi.
Lihat langsung: Chart di Layanan - Layout 1 (dibuka di tab baru) Pengaturan blok Chart dalam dokumentasi
Circle Stack Disertakan dalam paket apa pun
Deretan avatar, ikon, atau lencana teks berbentuk lingkaran yang tersusun horizontal: cocok untuk cuplikan tim, bukti sosial, dan jumlah pengikut.
Lihat langsung: Circle Stack di Circle Stacks (dibuka di tab baru) Pengaturan blok Circle Stack dalam dokumentasi
Klien Gratis
Tampilkan logo klien, mitra, atau merek dalam grid responsif atau owl-carousel dengan tautan opsional dan dukungan lightbox.
Lihat langsung: Klien di Klien (dibuka di tab baru) Pengaturan blok Klien dalam dokumentasi
Data Table Disertakan dalam paket apa pun
Susun baris dan kolom informasi terstruktur, seperti daftar spesifikasi atau perbandingan paket, dengan judul kolom yang dapat diurutkan pengunjung dan baris ringkasan opsional di bagian bawah.
Lihat langsung: Data Table di User Profile (dibuka di tab baru) Pengaturan blok Data Table dalam dokumentasi
Map Gratis
Peta Google Maps atau OpenStreetMap dengan penanda kustom, level zoom, dan, khusus Google Maps, pengaturan jenis dan gaya peta.
Lihat langsung: Map di Peta (dibuka di tab baru) Pengaturan blok Map dalam dokumentasi
Hover Card Gratis
Kartu gambar yang miring secara 3D mengikuti kursor, dengan judul dan keterangan kategori yang terangkat ke arah pengunjung.
Lihat langsung: Hover Card di Hover Parallax (dibuka di tab baru) Pengaturan blok Hover Card dalam dokumentasi
Icon Browser Gratis
Kisi referensi yang dapat dicari berisi semua ikon dalam paket ikon yang diaktifkan.
Lihat langsung: Icon Browser di Ikon (dibuka di tab baru) Pengaturan blok Icon Browser dalam dokumentasi
Inline SVG Gratis
Ikon vektor yang digambar dari data path SVG, dengan kontrol ukuran, warna, viewBox, dan opasitas per lapisan di bilah samping.
Lihat langsung: Inline SVG di Harga (dibuka di tab baru) Pengaturan blok Inline SVG dalam dokumentasi
Link Tiles Gratis
Kisi kotak ikon dan label, masing-masing menautkan ke halaman. Kotak yang mengarah ke halaman yang tidak ada akan dikecualikan.
Lihat langsung: Link Tiles di Grup Daftar & Kartu (dibuka di tab baru) Pengaturan blok Link Tiles dalam dokumentasi
Lists & Cards Gratis
Grup daftar dan kartu berbasis Bootstrap dengan beragam gaya, warna, dan tata letak.
Lihat langsung: Lists & Cards di Grup Daftar & Kartu (dibuka di tab baru) Pengaturan blok Lists & Cards dalam dokumentasi
Media Embed Gratis
Tempatkan pemutar video atau audio di halaman dari layanan hosting, dari file yang sudah Anda unggah, atau dari alamat embed yang diberikan penyedia, dengan ukuran sesuai rasio aspek yang Anda pilih.
Lihat langsung: Media Embed di Embed Media (dibuka di tab baru) Pengaturan blok Media Embed dalam dokumentasi
Nav Tree Gratis
Pohon tautan multi-level yang berjenjang: daftar navigasi yang digunakan oleh panel samping atau sidebar dokumentasi.
Navbar Gratis
Bilah navigasi yang dapat diciutkan dengan merek, pemicu hamburger, tautan dropdown, dan form pencarian, tombol, atau teks opsional di ujung.
Lihat langsung: Navbar di Navigasi (dibuka di tab baru) Pengaturan blok Navbar dalam dokumentasi
Overlay Content Gratis
Satu lapisan konten di dalam overlay: diratakan, dapat diberi masker, dengan ikon pemicu dan blok bersarang.
Lihat langsung: Overlay Content di Overlay Item (dibuka di tab baru) Pengaturan blok Overlay Content dalam dokumentasi
Overlay Item Gratis
Kartu gambar dengan overlay yang ditumpuk di atasnya: lencana, lapisan warna, dan satu atau lebih lapisan konten overlay.
Lihat langsung: Overlay Item di Overlay Item (dibuka di tab baru) Pengaturan blok Overlay Item dalam dokumentasi
Judul Halaman Gratis
Bilah Judul Halaman / hero. Letakkan judul, subjudul, dan breadcrumb di dalamnya; pilih perataan, gambar latar, parallax, dan skema gelap.
Lihat langsung: Judul Halaman di Tata Letak Judul Halaman Rata Kiri (dibuka di tab baru) Pengaturan blok Judul Halaman dalam dokumentasi
Page Title Buttons Gratis
Tombol aksi di area judul halaman. Dalam mode dinamis, membaca tombol milik setiap halaman, atau menampilkan tombol yang Anda buat di sini. Tombol tanpa tautan akan menjadi pemicu gulir.
Lihat langsung: Page Title Buttons di Tombol (dibuka di tab baru) Pengaturan blok Page Title Buttons dalam dokumentasi
Particles Gratis
Lapisan latar partikel animasi untuk bagian: jaring garis, medan bintang, gelembung, salju, atau low poly.
Lihat langsung: Particles di Particles (dibuka di tab baru) Pengaturan blok Particles dalam dokumentasi
Preloader Gratis
Indikator pemuatan CSS animasi dalam salah satu gaya loader dari sistem desain.
Lihat langsung: Preloader di Preloader (dibuka di tab baru) Pengaturan blok Preloader dalam dokumentasi
Pricing Switcher Disertakan dalam paket apa pun
Sakelar yang mengatur tampilan harga bulanan/tahunan (atau dua status lain) di beberapa blok Pricing Table yang berpasangan.
Lihat langsung: Pricing Switcher di Harga (dibuka di tab baru) Pengaturan blok Pricing Switcher dalam dokumentasi
Q&A Item Gratis
Satu pertanyaan dan jawabannya, masing-masing dengan penandanya sendiri: blok dasar sebuah wawancara.
Lihat langsung: Q&A Item di Jane Doe tentang Dua Puluh Tahun Merancang Tipografi (dibuka di tab baru) Pengaturan blok Q&A Item dalam dokumentasi
Rounded Skill Gratis
Satu cincin keterampilan melingkar yang terisi sesuai persentasenya, menampilkan angka, teks Anda sendiri, ikon, atau penghitung di tengahnya.
Lihat langsung: Rounded Skill di Pie & Keterampilan (dibuka di tab baru) Pengaturan blok Rounded Skill dalam dokumentasi
Scroll Arrow Disertakan dalam paket apa pun
Panah gulir ke bawah beranimasi untuk bagian hero, yang menggulir halus ke anchor bagian target.
Lihat langsung: Scroll Arrow di Christmas Sale Store (dibuka di tab baru) Pengaturan blok Scroll Arrow dalam dokumentasi
Star Rating Gratis
Rating bintang yang diatur sebagai satu skor tunggal. Mendukung setengah bintang, ikon kustom, dan elemen pembungkus opsional.
Lihat langsung: Star Rating di Hasil (dibuka di tab baru) Pengaturan blok Star Rating dalam dokumentasi
Testimonials Gratis
Tampilkan apa yang dikatakan pelanggan tentang Anda dalam bentuk grid, carousel yang berputar, atau balon ucapan, dengan penulis, foto, dan rating bintang di setiap kutipan.
Lihat langsung: Testimonials di Testimoni & Twitter (dibuka di tab baru) Pengaturan blok Testimonials dalam dokumentasi
Thumbnails Gratis
Grid thumbnail gambar dengan efek hover dan keterangan opsional. Mendukung lightbox dan overlay tautan.
Ticker Gratis
Ticker pengumuman yang bergulir dengan item, arah, kecepatan, dan gaya yang dapat dikonfigurasi.
Lihat langsung: Ticker di Ticker (dibuka di tab baru) Pengaturan blok Ticker dalam dokumentasi
Twitter Feed Gratis
Umpan tweet terbaru dari sebuah akun yang berganti-ganti, diambil saat halaman dimuat. Pilih akun, jumlah tweet yang ditampilkan, dan tata letak widget-nya.
Lihat langsung: Twitter Feed di Widget (dibuka di tab baru) Pengaturan blok Twitter Feed dalam dokumentasi
Canvas
29 blok, tercantum di bawah Canvas di penyisip blok.
Peringatan Gratis
Kotak peringatan dan notifikasi yang menggunakan sistem alert Bootstrap atau style-msg Canvas. Mendukung varian terisi, berbingkai, dan diperluas, dengan ikon opsional dan tombol tutup.
Lihat langsung: Peringatan di Kotak Gaya (dibuka di tab baru) Pengaturan blok Peringatan dalam dokumentasi
Tombol Gratis
Tombol lengkap dengan varian gaya, ukuran, bentuk, warna, ikon, efek hover, dan opsi bayangan.
Lihat langsung: Tombol di Tombol (dibuka di tab baru) Pengaturan blok Tombol dalam dokumentasi
Code Highlight Disertakan dalam paket apa pun
Blok kode dengan sorotan sintaks yang didukung Prism.js. Mendukung 15+ bahasa dengan tombol salin ke papan klip opsional.
Lihat langsung: Code Highlight di Penyorot Kode (dibuka di tab baru) Pengaturan blok Code Highlight dalam dokumentasi
Penghitung Gratis
Penghitung angka animasi dengan ikon, awalan/akhiran, dan label keterangan.
Lihat langsung: Penghitung di Penghitung (dibuka di tab baru) Pengaturan blok Penghitung dalam dokumentasi
Divider Gratis
Pemisah horizontal dengan ikon opsional, varian gaya, perataan, preset lebar, dan dukungan tautan gulir-ke.
Lihat langsung: Divider di Pemisah (dibuka di tab baru) Pengaturan blok Divider dalam dokumentasi
Dropcap Gratis
Huruf dropcap bergaya disertai teks paragraf. Mendukung varian berkotak, berbingkai, lingkaran, dan lingkaran berbingkai dengan posisi kiri atau kanan.
Lihat langsung: Dropcap di Headings & Dropcaps (dibuka di tab baru) Pengaturan blok Dropcap dalam dokumentasi
Heading Gratis
Heading bergaya dengan subjudul opsional. Mendukung tipe Heading Block, Title Block, Emphasis Title, dan Fancy Title.
Lihat langsung: Heading di Headings & Dropcaps (dibuka di tab baru) Pengaturan blok Heading dalam dokumentasi
Highlight Gratis
Teks sorotan dengan varian gaya yang dapat dikonfigurasi, termasuk penanda, garis bawah, gradien, garis luar, dan hanya teks. Mendukung teks pendukung opsional sebelum dan sesudah, serta tag HTML level blok apa pun.
Icon Box Gratis
Kotak fitur dengan ikon, judul, dan deskripsi. Mendukung berbagai gaya ikon, ukuran, tata letak, dan efek hover.
Lihat langsung: Icon Box di Kotak Unggulan (dibuka di tab baru) Pengaturan blok Icon Box dalam dokumentasi
Icon List Gratis
Daftar ikon dengan item repeater. Setiap item memiliki ikon (kelas CSS), label teks, dan tautan opsional. Mendukung varian ukuran default, large, dan extra-large.
Lihat langsung: Icon List di Daftar Ikon (dibuka di tab baru) Pengaturan blok Icon List dalam dokumentasi
Login Form Disertakan dalam paket apa pun
Menampilkan formulir masuk WordPress dengan gaya Canvas. Menampilkan pesan selamat datang kepada pengguna yang sudah masuk.
Lihat langsung: Login Form di Masuk & Daftar (dibuka di tab baru) Pengaturan blok Login Form dalam dokumentasi
Notification Gratis
Tampilkan notifikasi toast yang dipicu oleh klik tombol atau otomatis saat halaman dimuat.
Lihat langsung: Notification di Notifikasi (dibuka di tab baru) Pengaturan blok Notification dalam dokumentasi
Page Title Breadcrumbs Gratis
Menampilkan jejak breadcrumb (Beranda > Induk > Saat ini) untuk halaman atau tulisan saat ini.
Lihat langsung: Page Title Breadcrumbs di Tata Letak Judul Halaman Rata Kiri (dibuka di tab baru) Pengaturan blok Page Title Breadcrumbs dalam dokumentasi
Page Title Heading Gratis
Menampilkan judul halaman atau tulisan sebagai judul. Mendukung mode sumber dinamis (konteks) dan statis (literal).
Lihat langsung: Page Title Heading di Tata Letak Judul Halaman Rata Kiri (dibuka di tab baru) Pengaturan blok Page Title Heading dalam dokumentasi
Page Title Subtitle Gratis
Merender subjudul halaman. Membaca meta _canvas_page_subtitle dalam mode dinamis, atau menampilkan teks kustom dalam mode statis.
Lihat langsung: Page Title Subtitle di Tata Letak Judul Halaman Rata Kiri (dibuka di tab baru) Pengaturan blok Page Title Subtitle dalam dokumentasi
Plain Image Gratis
Elemen img polos (tanpa pembungkus figure) dengan kontrol kelas yang tepat, tautan opsional, dan pasangan srcset retina (2x) opsional.
Lihat langsung: Plain Image di Shape Dividers (dibuka di tab baru) Pengaturan blok Plain Image dalam dokumentasi
Portfolio Excerpt Disertakan dalam paket apa pun
Menampilkan kutipan singkat untuk item portofolio saat ini.
Lihat langsung: Portfolio Excerpt di Open Imagination (dibuka di tab baru) Pengaturan blok Portfolio Excerpt dalam dokumentasi
Pricing Table Disertakan dalam paket apa pun
Kartu kotak harga yang fleksibel. Mendukung tata letak default, simple, minimal, dan extended dengan pengalih harga, daftar fitur, dan tombol CTA opsional.
Lihat langsung: Pricing Table di Harga (dibuka di tab baru) Pengaturan blok Pricing Table dalam dokumentasi
Process Steps Gratis
Indikator langkah bernomor atau berikon dengan garis penghubung putus-putus. Opsional mengaktifkan konten tab Bootstrap 5 dengan navigasi sebelumnya/berikutnya.
Lihat langsung: Process Steps di Process Steps (dibuka di tab baru) Pengaturan blok Process Steps dalam dokumentasi
Progress Bar Gratis
Bilah skill/progres beranimasi dengan penghitung persentase, orientasi horizontal atau vertikal, dan pola bergaris Bootstrap.
Lihat langsung: Progress Bar di Bilah Kemajuan & Keterampilan (dibuka di tab baru) Pengaturan blok Progress Bar dalam dokumentasi
Promo Box Gratis
Kotak ajakan bertindak promosi dengan judul, teks pendukung, dan tombol CTA. Mendukung gaya default, border, terang, dan gelap.
Lihat langsung: Promo Box di Kotak Promo (dibuka di tab baru) Pengaturan blok Promo Box dalam dokumentasi
Quote Gratis
Blockquote dengan gaya border default, kutipan ikon, dan balon ucapan. Mendukung perataan terbalik, footer kutipan, serta penggantian warna border/ikon secara opsional.
Lihat langsung: Quote di Kutipan & Blockquote (dibuka di tab baru) Pengaturan blok Quote dalam dokumentasi
Read More Gratis
Area konten yang dapat diciutkan dengan animasi buka-tutup, dipicu oleh tautan baca selengkapnya.
Lihat langsung: Read More di Read More (dibuka di tab baru) Pengaturan blok Read More dalam dokumentasi
Register Form Disertakan dalam paket apa pun
Formulir pendaftaran pengguna dengan gaya Canvas. Memerlukan pendaftaran pengguna yang diaktifkan di pengaturan WordPress.
Lihat langsung: Register Form di Masuk & Daftar (dibuka di tab baru) Pengaturan blok Register Form dalam dokumentasi
Shape Divider Gratis
Pemisah bentuk SVG dekoratif untuk transisi bagian.
Lihat langsung: Shape Divider di Shape Dividers (dibuka di tab baru) Pengaturan blok Shape Divider dalam dokumentasi
Social Icons Gratis
Kelompok tautan ikon sosial dengan animasi hover, beberapa gaya, ukuran, dan posisi sticky opsional.
Lihat langsung: Social Icons di Social Icons (dibuka di tab baru) Pengaturan blok Social Icons dalam dokumentasi
Stat List Gratis
Daftar angka, masing-masing berupa nilai tebal di atas label singkat, seperti tahun pengalaman, peluncuran, atau penghargaan.
Lihat langsung: Stat List di Tim (dibuka di tab baru) Pengaturan blok Stat List dalam dokumentasi
Styled Icon Gratis
Ikon mandiri dengan gaya terisi, berbingkai, atau polos, varian bentuk, opsi warna, dan tautan opsional.
Lihat langsung: Styled Icon di Styled Icons (dibuka di tab baru) Pengaturan blok Styled Icon dalam dokumentasi
Team Member Gratis
Satu anggota tim dengan foto, nama, peran, biografi, tautan media sosial, dan angka, dalam bentuk kartu, baris daftar, kartu statistik, kartu bertumpuk, atau potret pemimpin.
Lihat langsung: Team Member di Tim (dibuka di tab baru) Pengaturan blok Team Member dalam dokumentasi
Interaktif
25 blok, tercantum di bawah Interaktif pada penyisip blok.
Accordion Gratis
Susun panel berjudul yang bisa dibuka dan ditutup, sehingga deretan pertanyaan atau materi referensi yang panjang muat dalam satu halaman dan pengunjung hanya membuka bagian yang mereka butuhkan.
Lihat langsung: Accordion di Toggle & Akordeon (dibuka di tab baru) Pengaturan blok Accordion dalam dokumentasi
AJAX Button Gratis
Tombol yang memuat konten eksternal melalui AJAX ke dalam sebuah container. Mendukung mode penyisipan append, prepend, dan replace.
Lihat langsung: AJAX Button di AJAX Button (dibuka di tab baru) Pengaturan blok AJAX Button dalam dokumentasi
Karusel Gratis
Slider responsif berbasis owl-carousel dengan jumlah item per breakpoint, pemutaran otomatis, panah navigasi, titik navigasi, lightbox, dan dukungan lazy-load.
Lihat langsung: Karusel di Karusel (dibuka di tab baru) Pengaturan blok Karusel dalam dokumentasi
Countdown Disertakan dalam paket apa pun
Timer hitung mundur atau hitung maju yang didukung oleh plugin countdown jQuery.
Lihat langsung: Countdown di Penghitung (dibuka di tab baru) Pengaturan blok Countdown dalam dokumentasi
Flip Card Disertakan dalam paket apa pun
Satu kartu flip 3D dengan sisi depan dan sisi belakang, masing-masing dengan latar belakangnya sendiri, yang berbalik saat diarahkan kursor.
Lihat langsung: Flip Card di Flip Cards (dibuka di tab baru) Pengaturan blok Flip Card dalam dokumentasi
Gallery Gratis
Galeri gambar dengan dukungan masonry, kolom yang dapat dikonfigurasi, kontrol jarak, dan lightbox opsional.
Lihat langsung: Gallery di Gallery (dibuka di tab baru) Pengaturan blok Gallery dalam dokumentasi
Cookie Consent Gratis
Bar persetujuan cookie dengan modal preferensi privasi dan sakelar persetujuan per layanan.
Lihat langsung: Cookie Consent di GDPR Layout 2 (dibuka di tab baru) Pengaturan blok Cookie Consent dalam dokumentasi
Hover 3D Gratis
Kartu dengan efek kemiringan perspektif CSS saat kursor bergerak, didukung oleh modul JS tema.
Image Compare Disertakan dalam paket apa pun
Penggeser perbandingan gambar sebelum dan sesudah dengan orientasi, offset, gaya pegangan, dan label sisi yang dapat dikonfigurasi.
Lihat langsung: Image Compare di Image Compare (dibuka di tab baru) Pengaturan blok Image Compare dalam dokumentasi
Image Hotspot Disertakan dalam paket apa pun
Gambar interaktif dengan pin hotspot berposisi yang menampilkan tooltip saat diarahkan atau diklik.
Lihat langsung: Image Hotspot di Image Hotspots (dibuka di tab baru) Pengaturan blok Image Hotspot dalam dokumentasi
Image Slider Disertakan dalam paket apa pun
Penggeser gambar bertenaga FlexSlider dengan animasi geser/pudar, putar otomatis, panah, titik, navigasi thumbnail, dan dukungan geser sentuh.
Lihat langsung: Image Slider di Slider Gambar (dibuka di tab baru) Pengaturan blok Image Slider dalam dokumentasi
Modal Disertakan dalam paket apa pun
Picu dialog modal / pop-up dari tombol, tautan, atau buka otomatis saat halaman dimuat.
Lihat langsung: Modal di Modal & Popover (dibuka di tab baru) Pengaturan blok Modal dalam dokumentasi
Nav Gratis
Strip navigasi tab / pil / garis bawah dengan status aktif dan nonaktif serta dropdown satu level.
Lihat langsung: Nav di Navigasi (dibuka di tab baru) Pengaturan blok Nav dalam dokumentasi
Off-Canvas Gratis
Panel geser off-canvas Bootstrap 5 (start / end / top / bottom) yang dibuka oleh tombol atau tautan.
Lihat langsung: Off-Canvas di Bootstrap Off-Canvas (dibuka di tab baru) Pengaturan blok Off-Canvas dalam dokumentasi
Pagination Gratis
Baris paginasi: gaya lingkaran, membulat, kapsul, 3D, transparan, atau tombol, dalam tiga ukuran dan perataan apa pun.
Lihat langsung: Pagination di Paginations & Progress Bars (dibuka di tab baru) Pengaturan blok Pagination dalam dokumentasi
Parallax Image Disertakan dalam paket apa pun
Bagian gambar parallax lebar penuh dengan overlay dan konten opsional.
Lihat langsung: Parallax Image di Elemen Parallax (dibuka di tab baru) Pengaturan blok Parallax Image dalam dokumentasi
Scroll Reveal Disertakan dalam paket apa pun
Animasikan konten agar muncul saat pengguna menggulir halaman ke bawah.
Slider Disertakan dalam paket apa pun
Sematkan slider Canvas di mana saja di situs dengan memilihnya. Slide, efek, navigasi, dan tinggi dikonfigurasi langsung pada slider tersebut.
Lihat langsung: Slider di Hunian & Dekorasi Interior (dibuka di tab baru) Pengaturan blok Slider dalam dokumentasi
Tab Strip Gratis
Deretan tab yang panelnya merupakan blok biasa di bagian lain halaman.
Lihat langsung: Tab Strip di User Profile (dibuka di tab baru) Pengaturan blok Tab Strip dalam dokumentasi
Tab Gratis
Bagi konten terkait ke dalam tab berlabel agar pengunjung membaca satu bagian dalam satu waktu, sehingga halaman perbandingan atau spesifikasi yang panjang tetap cukup singkat untuk dipindai.
Lihat langsung: Tab di Tab (dibuka di tab baru) Pengaturan blok Tab dalam dokumentasi
Text Fill Scroll Disertakan dalam paket apa pun
Secara bertahap mengisi warna teks saat elemen masuk ke area pandang.
Text Rotator Gratis
Teks berputar yang beranimasi atau teks yang diketik secara bertahap di dalam elemen heading.
Lihat langsung: Text Rotator di Headings & Dropcaps (dibuka di tab baru) Pengaturan blok Text Rotator dalam dokumentasi
Toggle Gratis
Sembunyikan satu bagian konten di balik judul yang diklik pengunjung untuk ditampilkan, misalnya untuk jawaban panjang atau sekumpulan istilah yang sebaiknya tidak memenuhi halaman secara default.
Lihat langsung: Toggle di Toggle & Akordeon (dibuka di tab baru) Pengaturan blok Toggle dalam dokumentasi
Video Facade Gratis
Embed video dengan lazy-load di balik gambar thumbnail; iframe hanya dimuat saat diklik agar halaman lebih cepat.
YouTube Background Gratis
Video YouTube yang diputar sebagai latar belakang ambient tanpa suara di belakang konten overlay.
Lihat langsung: YouTube Background di Acara Tunggal | Video Lebar Penuh (dibuka di tab baru) Pengaturan blok YouTube Background dalam dokumentasi
WooCommerce
24 blok, tercantum di bawah WooCommerce di penyisip blok.
Conference Tickets Disertakan dalam paket apa pun
Kotak harga untuk kategori produk tiket, masing-masing dengan pemilih jumlah dan tautan tambah ke keranjang yang aktif.
Lihat langsung: Conference Tickets di Tiket (dibuka di tab baru) Pengaturan blok Conference Tickets dalam dokumentasi
Store Price Filter Disertakan dalam paket apa pun
Kontrol rentang harga dengan dua pegangan yang memfilter kisi produk secara langsung.
Lihat langsung: Store Price Filter di Toko dengan Filter (dibuka di tab baru) Pengaturan blok Store Price Filter dalam dokumentasi
Daftar keinginan Gratis
Produk yang disimpan pembeli, lengkap dengan harga, stok, dan tombol tambah ke keranjang. Letakkan di halaman yang dipilih di Opsi Tema, Wishlist.
Wishlist Button Gratis
Menyimpan produk saat ini ke daftar keinginan pembeli. Gunakan di templat produk dan kartu produk.
Add to Cart Disertakan dalam paket apa pun
Menampilkan form tambahkan ke keranjang WooCommerce untuk produk saat ini dengan input kuantitas opsional.
Lihat langsung: Add to Cart di Gaun Pendek Motif Kotak (dibuka di tab baru) Pengaturan blok Add to Cart dalam dokumentasi
Cart Table Disertakan dalam paket apa pun
Menampilkan tabel keranjang WooCommerce dengan baris item, jumlah, dan total.
Lihat langsung: Cart Table di Keranjang (dibuka di tab baru) Pengaturan blok Cart Table dalam dokumentasi
Cart Totals Disertakan dalam paket apa pun
Tampilkan panel total keranjang WooCommerce termasuk subtotal, pengiriman, dan tombol checkout.
Lihat langsung: Cart Totals di Keranjang (dibuka di tab baru) Pengaturan blok Cart Totals dalam dokumentasi
Checkout Billing Disertakan dalam paket apa pun
Tampilkan formulir alamat penagihan checkout WooCommerce.
Checkout Order Review Disertakan dalam paket apa pun
Tampilkan ringkasan tinjauan pesanan checkout WooCommerce dengan item baris dan total.
Cross-Sells Disertakan dalam paket apa pun
Menampilkan produk cross-sell dari keranjang WooCommerce saat ini. Hanya tampil saat keranjang aktif dan berisi produk cross-sell.
Lihat langsung: Cross-Sells di Keranjang (dibuka di tab baru) Pengaturan blok Cross-Sells dalam dokumentasi
WooCommerce Notices Disertakan dalam paket apa pun
Menampilkan notifikasi WooCommerce: galat, pesan sukses, atau notifikasi informasi.
Lihat langsung: WooCommerce Notices di Keranjang (dibuka di tab baru) Pengaturan blok WooCommerce Notices dalam dokumentasi
Product Carousel Disertakan dalam paket apa pun
Tampilkan produk WooCommerce dalam carousel owl-carousel yang dapat digulir. Mendukung autoplay, panah navigasi, titik, dan breakpoint responsif.
Lihat langsung: Product Carousel di Karusel (dibuka di tab baru) Pengaturan blok Product Carousel dalam dokumentasi
Product Categories Disertakan dalam paket apa pun
Tampilkan kategori produk WooCommerce sebagai grid kartu responsif dengan thumbnail, nama, dan jumlah produk.
Lihat langsung: Product Categories di Kaus Leher Bulat Biru (dibuka di tab baru) Pengaturan blok Product Categories dalam dokumentasi
Product Gallery Linker Disertakan dalam paket apa pun
Deret thumbnail yang memindahkan karusel galeri produk ke gambar yang Anda klik.
Lihat langsung: Product Gallery Linker di Kacamata Aviator Pria (dibuka di tab baru) Pengaturan blok Product Gallery Linker dalam dokumentasi
Product Images Disertakan dalam paket apa pun
Menampilkan gambar unggulan produk WooCommerce dan thumbnail galeri opsional.
Lihat langsung: Product Images di Gaun Pendek Motif Kotak (dibuka di tab baru) Pengaturan blok Product Images dalam dokumentasi
Product Meta Disertakan dalam paket apa pun
Menampilkan kartu meta produk: SKU, kategori, dan tag.
Lihat langsung: Product Meta di Gaun Pendek Motif Kotak (dibuka di tab baru) Pengaturan blok Product Meta dalam dokumentasi
Product Price Disertakan dalam paket apa pun
Menampilkan harga produk WooCommerce termasuk harga diskon dan format mata uang.
Lihat langsung: Product Price di Gaun Pendek Motif Kotak (dibuka di tab baru) Pengaturan blok Product Price dalam dokumentasi
Product Rating Disertakan dalam paket apa pun
Menampilkan rating bintang dan jumlah ulasan (opsional) untuk produk WooCommerce yang sedang ditampilkan.
Lihat langsung: Product Rating di Gaun Pendek Motif Kotak (dibuka di tab baru) Pengaturan blok Product Rating dalam dokumentasi
Product Share Disertakan dalam paket apa pun
Menampilkan kartu “Share:” dengan tautan berbagi media sosial untuk produk WooCommerce saat ini.
Lihat langsung: Product Share di Gaun Pendek Motif Kotak (dibuka di tab baru) Pengaturan blok Product Share dalam dokumentasi
Product Short Description Disertakan dalam paket apa pun
Menampilkan deskripsi singkat produk dengan markup paragrafnya tetap utuh.
Lihat langsung: Product Short Description di Gaun Pendek Motif Kotak (dibuka di tab baru) Pengaturan blok Product Short Description dalam dokumentasi
Product Tabs Disertakan dalam paket apa pun
Menampilkan tab data produk WooCommerce: Deskripsi, Informasi Tambahan, dan Ulasan.
Lihat langsung: Product Tabs di Gaun Pendek Motif Kotak (dibuka di tab baru) Pengaturan blok Product Tabs dalam dokumentasi
Produk Disertakan dalam paket apa pun
Tampilkan produk WooCommerce dalam tata letak grid atau daftar. Filter berdasarkan sumber, kategori, tag, dan urutan.
Lihat langsung: Produk di Produk (dibuka di tab baru) Pengaturan blok Produk dalam dokumentasi
Related Products Disertakan dalam paket apa pun
Menampilkan grid produk WooCommerce yang terkait dengan produk saat ini. Hanya ditampilkan pada templat produk tunggal.
Lihat langsung: Related Products di Gaun Pendek Motif Kotak (dibuka di tab baru) Pengaturan blok Related Products dalam dokumentasi
Variation Swatches Disertakan dalam paket apa pun
Titik warna atau tombol pil untuk memilih variasi produk variabel.
Lihat langsung: Variation Swatches di Gaun Cetak Merah Muda (dibuka di tab baru) Pengaturan blok Variation Swatches dalam dokumentasi
Header
22 blok, tercantum di kategori Header pada penyisip blok.
App Menu Gratis
Bilah navigasi bergaya aplikasi yang dipasang di bagian bawah layar pada perangkat kecil.
Lihat langsung: App Menu di Menu - Gaya App 1 (dibuka di tab baru) Pengaturan blok App Menu dalam dokumentasi
Color Scheme Toggle Gratis
Sakelar mode gelap untuk pengunjung. Tampil di situs saat Dark Mode Switch aktif di Opsi Tema > Color Scheme > Dark Mode dengan penempatan yang mencakup header.
Header Button Gratis
Tombol atau tautan ajakan bertindak untuk header yang dibangun, dengan gaya dari kelas tombol tema.
Lihat langsung: Header Button di Beranda (dibuka di tab baru) Pengaturan blok Header Button dalam dokumentasi
Header Cart Gratis
Ikon + dropdown mini-cart WooCommerce untuk header yang sudah dibuat. Tidak menampilkan apa pun saat WooCommerce tidak aktif.
Lihat langsung: Header Cart di Beranda (dibuka di tab baru) Pengaturan blok Header Cart dalam dokumentasi
Header Container Gratis
Akar dari header yang dibangun: letakkan Logo, Navigasi, dan bagian header lainnya di dalamnya.
Lihat langsung: Header Container di Restoran Italia (dibuka di tab baru) Pengaturan blok Header Container dalam dokumentasi
Header Icon Link Gratis
Satu tautan khusus ikon untuk header yang sudah dibuat (daftar keinginan, akun, pengguna, pemicu keranjang, modal login), menggunakan markup .header-misc-icon.
Lihat langsung: Header Icon Link di Header SaaS (dibuka di tab baru) Pengaturan blok Header Icon Link dalam dokumentasi
Header Info Gratis
Elemen info/kontak inline kecil (telepon, email, jam buka, atau teks) dengan ikon dan tautan opsional untuk header yang sudah dibuat.
Lihat langsung: Header Info di Menu - Style 7 (dibuka di tab baru) Pengaturan blok Header Info dalam dokumentasi
Header Logo Gratis
Logo situs untuk header yang dibuat. Secara default menggunakan Site Logo dari Opsi Tema, atau gambar pengganti yang Anda pilih.
Lihat langsung: Header Logo di Restoran Italia (dibuka di tab baru) Pengaturan blok Header Logo dalam dokumentasi
Header Navigation Gratis
Menu navigasi utama untuk header yang sudah dibuat. Pilih menu dan perataannya.
Lihat langsung: Header Navigation di Restoran Italia (dibuka di tab baru) Pengaturan blok Header Navigation dalam dokumentasi
Header Root Gratis
Elemen terluar dari header yang dibangun: memuat kelas varian dan atribut data-sticky-* yang dibaca oleh skrip header lengket tema. Letakkan di dalamnya grup #header-wrap (dan konten header lainnya).
Lihat langsung: Header Root di Beranda (dibuka di tab baru) Pengaturan blok Header Root dalam dokumentasi
Header Search Gratis
Tombol pemicu pencarian header. Menghasilkan pemicu #top-search yang terhubung ke dropdown pencarian tema.
Lihat langsung: Header Search di Beranda (dibuka di tab baru) Pengaturan blok Header Search dalam dokumentasi
Header Shop Search Gratis
Kolom pencarian produk yang selalu tampil di baris header, sebagai alternatif dari toggle pencarian header untuk etalase toko dan direktori. Pilih kolom polos dengan ikon bawaan, atau grup input dengan tombol kirim.
Lihat langsung: Header Shop Search di Direktori Header (dibuka di tab baru) Pengaturan blok Header Shop Search dalam dokumentasi
Header Side Panel Trigger Gratis
Ikon header yang membuka panel samping. Hanya tampil saat Panel Samping diaktifkan di Opsi Tema.
Header Social Gratis
Deretan tautan ikon sosial / kontak untuk header yang sudah dibangun, menggunakan markup dan gaya top-social.
Lihat langsung: Header Social di Toko Fashion Online - Shop Sidebar (dibuka di tab baru) Pengaturan blok Header Social dalam dokumentasi
Header Topbar Gratis
Baris utilitas ringan di atas header yang sudah dibuat (#top-bar): letakkan Top Links, Header Social, Header Info, atau Language Switcher di dalamnya.
Header Wishlist Gratis
Ikon hati di header yang tertaut ke daftar keinginan dan menampilkan jumlah produk yang disimpan.
Header Zone Gratis
Slot posisi di dalam baris Header Container: letakkan Logo, Navigation, atau sekelompok kecil bagian header di dalamnya, lalu gunakan pengaturan perataan, urutan, dan visibilitas untuk menempatkannya.
Lihat langsung: Header Zone di Restoran Italia (dibuka di tab baru) Pengaturan blok Header Zone dalam dokumentasi
Icon Nav List Gratis
Daftar tautan ikon .nav Bootstrap vertikal (nav-item > nav-link > ikon + teks), digunakan oleh panel menu off-canvas.
Lihat langsung: Icon Nav List di User Profile (dibuka di tab baru) Pengaturan blok Icon Nav List dalam dokumentasi
Language Switcher Gratis
Dropdown bahasa yang ringkas untuk header yang telah dibangun: menampilkan bahasa saat ini dan daftar bahasa lainnya, menggunakan markup primary-menu with-arrows.
Mega Menu Column Disertakan dalam paket apa pun
Satu kolom mega menu (.mega-menu-column): judul dengan daftar tautan, tautan datar, atau konten widget bebas. Letakkan satu atau lebih di dalam blok Row sebagai konten Mega Menu Anda (Tampilan > Menu > Mega Menu tetap mengatur jenis dan gaya panel luar).
Lihat langsung: Mega Menu Column di Mega Menu (dibuka di tab baru) Pengaturan blok Mega Menu Column dalam dokumentasi
Page Menu Gratis
Bilah navigasi halaman sub-header dengan varian sticky dan side-dots: gulir jangkar satu halaman atau tautan biasa. Gunakan hanya satu per halaman.
Lihat langsung: Page Menu di Page with Submenu (dibuka di tab baru) Pengaturan blok Page Menu dalam dokumentasi
Top Links Gratis
Menu tautan topbar dengan dropdown satu tingkat opsional, menggunakan markup dan gaya .top-links.
Lihat langsung: Top Links di Toko Fashion Online - Shop Sidebar (dibuka di tab baru) Pengaturan blok Top Links dalam dokumentasi
Tata Letak
19 blok, tercantum di bawah Tata Letak di penyisip blok.
Kolom Gratis
Kolom grid responsif (.col-*). Atur lebar per breakpoint dan letakkan konten apa pun di dalamnya.
Lihat langsung: Kolom di Kolom & Grid (dibuka di tab baru) Pengaturan blok Kolom dalam dokumentasi
Container Gratis
Pembungkus .container yang responsif. Letakkan baris dan kolom di dalamnya untuk membangun tata letak bagian.
Copyrights Gratis
Bagian dari bilah hak cipta footer: baris hak cipta beserta tautannya, atau menu tautan inline. Sisipkan variasi Copyrights Bar dari Wrapper untuk menampilkan keduanya berdampingan.
Lihat langsung: Copyrights di Footer - Tata Letak 2 (dibuka di tab baru) Pengaturan blok Copyrights dalam dokumentasi
Footer About Gratis
Kolom “Tentang” footer dengan logo, deskripsi, dan alamat opsional, menggunakan markup .footer-logo.
Lihat langsung: Footer About di Footer - Tata Letak 2 (dibuka di tab baru) Pengaturan blok Footer About dalam dokumentasi
Footer Contacts Gratis
Baris kontak besar berisi label/nilai menggunakan markup dan gaya .footer-big-contacts.
Lihat langsung: Footer Contacts di Footer - Tata Letak 3 (dibuka di tab baru) Pengaturan blok Footer Contacts dalam dokumentasi
Footer Instagram Gratis
Widget Instagram / aliran foto di footer: kisi masonry berisi gambar dengan tautan opsional, menggunakan markup .masonry-thumbs.
Lihat langsung: Footer Instagram di Footer - Tata Letak 4 (dibuka di tab baru) Pengaturan blok Footer Instagram dalam dokumentasi
Footer Widget Area Gratis
Akar dari baris widget footer: masukkan blok Footer About, Widget Links, Footer Contacts, Berlangganan, atau Footer Instagram di dalamnya.
Lihat langsung: Footer Widget Area di Footer - Tata Letak 2 (dibuka di tab baru) Pengaturan blok Footer Widget Area dalam dokumentasi
Grid Filter Disertakan dalam paket apa pun
Bilah filter kategori Isotope (.grid-filter) yang menggerakkan grid yang dapat difilter dengan Isotope. Sumber item dapat berasal dari taksonomi atau daftar manual.
Lihat langsung: Grid Filter di Gaya Filter Portofolio (dibuka di tab baru) Pengaturan blok Grid Filter dalam dokumentasi
Hero Gratis
Menampilkan hero yang ditetapkan setiap halaman di panel Hero-nya, atau satu hero yang Anda pilih. Buat hero di bawah Canvas → Heroes.
Lihat langsung: Hero di Bagian (dibuka di tab baru) Pengaturan blok Hero dalam dokumentasi
Image Element Gratis
Gambar polos tanpa figur atau keterangan di sekelilingnya, untuk logo dan lencana yang sebaris dengan konten lainnya.
Lihat langsung: Image Element di Beranda (dibuka di tab baru) Pengaturan blok Image Element dalam dokumentasi
Inline Contact Gratis
Rangkaian inline datar berisi item kontak ikon + teks (email, telepon, Skype, dll.) yang dipisahkan oleh pemisah titik tengah: baris kontak pada bar #copyrights.
Lihat langsung: Inline Contact di Kontak (dibuka di tab baru) Pengaturan blok Inline Contact dalam dokumentasi
Inline Text Gratis
Potongan teks yang langsung berada di dalam kontainernya, tanpa paragraf atau span sendiri. Hanya untuk inline.
Lihat langsung: Inline Text di Tata Letak Lebar Penuh (dibuka di tab baru) Pengaturan blok Inline Text dalam dokumentasi
Line Break Gratis
Pemutus baris tunggal yang digunakan sebagai jarak. Tambahkan kelas responsif di panel Lanjutan untuk memecah baris hanya pada ukuran layar tertentu.
Lihat langsung: Line Break di Hover Parallax (dibuka di tab baru) Pengaturan blok Line Break dalam dokumentasi
Judul Halaman Gratis
Menampilkan pita judul halaman yang ditampilkan setiap halaman di bawah header-nya, sesuai pengaturan di panel Judul Halaman pada halaman tersebut dan di Opsi Tema. Pita itu sendiri adalah bagian templat Judul Halaman.
Lihat langsung: Judul Halaman di Tata Letak Judul Halaman Rata Kiri (dibuka di tab baru) Pengaturan blok Judul Halaman dalam dokumentasi
Quantity Input Gratis
Stepper .quantity: kolom input angka yang diapit tombol minus dan plus. Statis dan tidak bergantung pada produk, dipasangkan dengan tombol untuk baris "Tambahkan ke Keranjang".
Lihat langsung: Quantity Input di Jumlah Keranjang (dibuka di tab baru) Pengaturan blok Quantity Input dalam dokumentasi
Row Gratis
Baris grid. Letakkan blok Canvas Column di dalamnya untuk menata konten dalam grid responsif.
Lihat langsung: Row di Kolom & Grid (dibuka di tab baru) Pengaturan blok Row dalam dokumentasi
Page Slider Gratis
Menampilkan slider yang ditetapkan setiap halaman di panel Slider-nya, atau satu slider yang Anda pilih. Slide, efek, dan tinggi diatur langsung pada slider itu sendiri.
Lihat langsung: Page Slider di Canvas Slider (dibuka di tab baru) Pengaturan blok Page Slider dalam dokumentasi
Widget Links Gratis
Kolom daftar tautan footer menggunakan markup dan gaya .widget_links.
Lihat langsung: Widget Links di Widget (dibuka di tab baru) Pengaturan blok Widget Links dalam dokumentasi
Wrapper Gratis
Elemen HTML polos yang hanya memuat kelas yang Anda berikan dan menampung blok lain di dalamnya. Gunakan saat desain membutuhkan pembungkus elemen yang tepat tanpa kelas editor tambahan.
Lihat langsung: Wrapper di Bagian (dibuka di tab baru) Pengaturan blok Wrapper dalam dokumentasi
Acara
16 blok, tercantum di bawah kategori Events pada penyisip blok.
Program Konferensi Disertakan dalam paket apa pun
Agenda sesi dengan tab per hari, atau deretan kartu acara mendatang, dibangun dari record acara.
Lihat langsung: Program Konferensi di Canvas Development Conference (dibuka di tab baru) Pengaturan blok Program Konferensi dalam dokumentasi
Event Archive Grid Disertakan dalam paket apa pun
Grid acara untuk kueri utama (arsip + kategori). Menggunakan partial event-entry-grid dan pagination bersama.
Lihat langsung: Event Archive Grid di Acara (dibuka di tab baru) Pengaturan blok Event Archive Grid dalam dokumentasi
Event Categories Disertakan dalam paket apa pun
Menampilkan kategori yang ditetapkan ke acara saat ini. Mendukung gaya teks, badge, dan pill. Hanya tampil pada tipe post canvas_event.
Event Content Disertakan dalam paket apa pun
Menampilkan seluruh konten post dari acara saat ini melalui filter the_content. Hanya dirender pada tipe post canvas_event.
Lihat langsung: Event Content di Event Single (dibuka di tab baru) Pengaturan blok Event Content dalam dokumentasi
Event Date Disertakan dalam paket apa pun
Menampilkan tanggal mulai dan selesai acara dengan waktu opsional dan ikon kalender. Hanya tampil pada post type canvas_event.
Event Excerpt Disertakan dalam paket apa pun
Menampilkan cuplikan singkat untuk acara saat ini.
Event Image Disertakan dalam paket apa pun
Menampilkan gambar unggulan dari acara saat ini. Hanya dirender pada jenis post canvas_event.
Lihat langsung: Event Image di Event Single (dibuka di tab baru) Pengaturan blok Event Image dalam dokumentasi
Event Location Disertakan dalam paket apa pun
Menampilkan nama dan alamat lokasi acara dengan tautan Google Maps opsional dan ikon lokasi. Hanya tampil pada tipe post canvas_event.
Event Meta Disertakan dalam paket apa pun
Menampilkan metadata acara: tanggal, lokasi, penyelenggara, dan harga. Setiap kolom dapat diaktifkan atau dinonaktifkan secara terpisah. Hanya ditampilkan pada tipe post canvas_event.
Lihat langsung: Event Meta di Event Single | Kedua Sidebar (dibuka di tab baru) Pengaturan blok Event Meta dalam dokumentasi
Event Navigation Disertakan dalam paket apa pun
Menampilkan tautan navigasi acara sebelumnya dan berikutnya dengan label yang dapat dikonfigurasi dan thumbnail opsional. Hanya tampil pada tipe post canvas_event.
Lihat langsung: Event Navigation di Event Single | Kedua Sidebar (dibuka di tab baru) Pengaturan blok Event Navigation dalam dokumentasi
Event Organizer Disertakan dalam paket apa pun
Menampilkan penyelenggara acara dengan tautan opsional ke situs webnya dan ikon orang. Hanya ditampilkan pada tipe post canvas_event.
Event Posts Disertakan dalam paket apa pun
Mengambil dan menampilkan posting canvas_event dalam grid kartu yang responsif. Mendukung penyaringan acara mendatang, lampau, atau semua acara. Dapat ditempatkan di halaman mana pun.
Lihat langsung: Event Posts di Daftar Acara (dibuka di tab baru) Pengaturan blok Event Posts dalam dokumentasi
Event Price Disertakan dalam paket apa pun
Menampilkan harga event, atau label gratis yang dapat dikonfigurasi saat tidak ada harga yang ditetapkan. Mendukung gaya teks dan badge. Hanya ditampilkan pada tipe post canvas_event.
Related Events Disertakan dalam paket apa pun
Menampilkan grid acara terkait berdasarkan kategori yang sama. Hanya ditampilkan pada tipe post canvas_event.
Lihat langsung: Related Events di Spring Music Fest (dibuka di tab baru) Pengaturan blok Related Events dalam dokumentasi
Event Title Disertakan dalam paket apa pun
Menampilkan judul event saat ini di dalam tag heading yang dapat dikonfigurasi, dengan tautan permalink opsional. Hanya ditampilkan pada jenis pos canvas_event.
Events Calendar Disertakan dalam paket apa pun
Kalender berbentuk grid bulanan untuk acara Anda, dengan kontrol sebelumnya / berikutnya / hari ini. Setiap hari menautkan ke acara yang berlangsung pada hari tersebut.
Lihat langsung: Events Calendar di Events Calendar (dibuka di tab baru) Pengaturan blok Events Calendar dalam dokumentasi
Portofolio
8 blok, tercantum di bawah Portfolio pada penyisip blok.
Portfolio Archive Grid Disertakan dalam paket apa pun
Grid portofolio untuk query utama (arsip + kategori). Menggunakan partial portfolio-entry-grid + grid overlay #portfolio.
Lihat langsung: Portfolio Archive Grid di Portofolio (dibuka di tab baru) Pengaturan blok Portfolio Archive Grid dalam dokumentasi
Portfolio Categories Disertakan dalam paket apa pun
Menampilkan kategori taksonomi yang ditetapkan untuk proyek portofolio saat ini. Gunakan di dalam templat portofolio tunggal.
Lihat langsung: Portfolio Categories di Meridian Brand Identity (dibuka di tab baru) Pengaturan blok Portfolio Categories dalam dokumentasi
Portfolio Content Disertakan dalam paket apa pun
Menampilkan seluruh konten proyek portofolio saat ini. Gunakan di dalam templat portofolio tunggal.
Lihat langsung: Portfolio Content di Open Imagination (dibuka di tab baru) Pengaturan blok Portfolio Content dalam dokumentasi
Portfolio Image Disertakan dalam paket apa pun
Menampilkan area media dari proyek portofolio saat ini: gambar unggulan, slider galeri, video proyek, atau kisi thumbnail. Gunakan di dalam templat portofolio tunggal.
Lihat langsung: Portfolio Image di Open Imagination (dibuka di tab baru) Pengaturan blok Portfolio Image dalam dokumentasi
Portfolio Meta Disertakan dalam paket apa pun
Menampilkan detail proyek portofolio: klien, tanggal, keahlian, dan URL. Gunakan di dalam templat tunggal portofolio.
Lihat langsung: Portfolio Meta di Open Imagination (dibuka di tab baru) Pengaturan blok Portfolio Meta dalam dokumentasi
Portfolio Navigation Disertakan dalam paket apa pun
Menampilkan tautan navigasi ke proyek portofolio sebelumnya dan berikutnya. Gunakan di dalam templat portofolio tunggal.
Lihat langsung: Portfolio Navigation di Open Imagination (dibuka di tab baru) Pengaturan blok Portfolio Navigation dalam dokumentasi
Portfolio Related Disertakan dalam paket apa pun
Menampilkan proyek portofolio terkait berdasarkan kategori yang sama. Gunakan di dalam templat single portofolio.
Lihat langsung: Portfolio Related di Open Imagination (dibuka di tab baru) Pengaturan blok Portfolio Related dalam dokumentasi
Portfolio Title Disertakan dalam paket apa pun
Menampilkan judul proyek portofolio saat ini. Gunakan di dalam templat portofolio tunggal.
Lihat langsung: Portfolio Title di Meridian Brand Identity (dibuka di tab baru) Pengaturan blok Portfolio Title dalam dokumentasi
Formulir
5 blok, tercantum di bawah kategori Forms pada penyisip blok.
Form Disertakan dalam paket apa pun
Formulir yang berfungsi. Tempatkan blok Form Field dan Form Submit di dalamnya: pengiriman divalidasi, disimpan, dan dikirim melalui email.
Lihat langsung: Form di Forms Styles (dibuka di tab baru) Pengaturan blok Form dalam dokumentasi
Form Embed Disertakan dalam paket apa pun
Sematkan formulir Canvas di mana saja di situs dengan memilih Form ID-nya.
Lihat langsung: Form Embed di Indeks Shop (dibuka di tab baru) Pengaturan blok Form Embed dalam dokumentasi
Form Field Disertakan dalam paket apa pun
Satu kolom input formulir. Gunakan di dalam Canvas Form untuk mengumpulkan input pengguna.
Lihat langsung: Form Field di Elemen formulir (dibuka di tab baru) Pengaturan blok Form Field dalam dokumentasi
Form Submit Button Disertakan dalam paket apa pun
Tombol kirim untuk form Canvas. Mendukung varian gaya, ukuran, mode lebar penuh, dan ikon.
Lihat langsung: Form Submit Button di Forms Styles (dibuka di tab baru) Pengaturan blok Form Submit Button dalam dokumentasi
Quick Contact Disertakan dalam paket apa pun
Widget formulir kontak “Quick Quotation” yang ringkas (nama / email / pesan), dengan gaya dari CSS formulir Canvas.
Lihat langsung: Quick Contact di Widget (dibuka di tab baru) Pengaturan blok Quick Contact dalam dokumentasi
105 blok yang hadir bersama Demo-nya
Beberapa desain membutuhkan blok yang hanya masuk akal di dalam desain tersebut. Blok-blok itu selalu terdaftar, sehingga demo yang Anda impor akan terus tampil, tetapi blok tersebut tidak muncul di penyisip blok pada situs yang tidak memintanya.
Posts 72
Academic Posts, Album Tiles, Architecture Projects, Architecture Team, Arrangement Gallery, Artist Bubbles, Bakery Menu, Barber Items, dan 64 lainnya.
Lihat semua 72 blok Posts
WooCommerce 10
Channel Merch, Event Passes, Fashion Cart Part, Fashion Product Part, Fashion Products, Gear Products, Illustrator Prints, Lifestyle Picks, Store Products, eCommerce Products.
Konten 7
Kartu Artikel, Kalkulator Keuangan, Diskusi Forum, Anggota Forum, Topik Forum, Kategori Resep, Kalkulator Sewa.
Interaktif 6
Audio Player Bar, Configurator Option, Domain Search, Host Price, Host Slider, Play Track Button.
Canvas 4
FAQ Dental, Latar Belakang Grid Titik, Umpan Transaksi Langsung, Kartu Virtual.
Header 3
Forum Header Dropdown, Forum Search Overlay, Photographer Menu.
Portofolio 3
Motion Works, Portfolio Grid, Videographer Works.
Opsi Tema mencantumkan setiap blok yang didaftarkan Canvas, termasuk blok khusus demo, masing-masing dengan sakelar yang menghapusnya dari penyisip blok dan menghentikan pemuatan aset front-end-nya.
Impor demo dan bloknya akan muncul di halaman yang dibangunnya, sepenuhnya dapat diedit, dengan panel pengaturan yang sama seperti blok Canvas lainnya. Jika Anda membatalkan demo, blok-blok tersebut ikut dihapus.
Setiap blok memiliki ini
Tujuh pengaturan ada di setiap blok yang didaftarkan Canvas, dan empat yang pertama juga ada di blok inti dan blok pihak ketiga, karena ditambahkan ke editor, bukan ke blok kami.
Panel pengaturan dari blok yang dipilih. Semua yang dilihat pengunjung adalah kontrol di sini, sehingga tidak ada tampilan kode untuk dibuka.
Animasi
Tampilkan blok saat memasuki area tampilan, dengan kecepatan, jeda, dan animasi keluar opsional. Gerakan menghormati preferensi pengunjung untuk mengurangi gerakan.
CSS Kustom
Tulis CSS untuk satu instans blok ketika kontrol inti tidak dapat mewujudkan yang Anda inginkan. CSS ini dibatasi pada blok tersebut dan difilter sebelum sampai ke halaman.
Atribut kustom
Tambahkan atribut data atau atribut ARIA ke elemen root blok dari sidebar, agar skrip pihak ketiga atau test harness dapat menemukannya.
Kondisi tampilan
Tampilkan atau sembunyikan blok berdasarkan status login, peran pengguna, ukuran perangkat, atau nilai Opsi Tema, sehingga satu halaman dapat melayani beberapa audiens.
Default blok
Atur blok sekali sesuai keinginan Anda, lalu simpan pengaturan tersebut sebagai default untuk setiap blok yang Anda sisipkan setelahnya di situs ini.
Preset gaya global
Simpan gaya bernama dan terapkan ke blok di mana saja di situs. Ubah preset nanti dan setiap blok yang memakainya ikut berubah.
Pemuatan aset per blok
Halaman hanya memuat CSS dan JavaScript dari blok yang benar-benar ditampilkan, sehingga halaman tanpa slider tidak pernah mengunduh skrip slider.
183 pola blok
Pola menempatkan bagian yang sudah jadi ke halaman sebagai blok biasa yang bisa Anda edit. Tidak ada HTML mentah di dalamnya, sehingga setiap judul, gambar, ikon, dan tautan tetap menjadi kontrol di sidebar.
Pola dikelompokkan ke dalam 17 kategori di penyisip:
Pola diberi label, bukan dikunci: pola premium tetap terlihat di penyisip beserta labelnya, dan akan ditampilkan sepenuhnya saat blok di dalamnya adalah blok gratis. 173 templat blok dan 4 variasi gaya yang disertakan dengan tema bekerja dengan cara yang sama, di Penyunting Situs.
Setiap blok, di kedua paket
Tidak ada jenjang blok untuk dinaiki. Tahunan dan Seumur hidup sama-sama menyertakan 314 blok, 183 pola, dan 88 Demo.