Untuk menambah kreatifitas dalam menyajikan content melalui block editor Gutenberg untuk WordPress kita dapat menambahkan advance Gutenberg block dari Spectra.

Advanced Gutenberg block WordPress dengan Spectra adalah seperti pada penjelasan-penjelasan berikut ini

  1. Instal plugin Spectra

    Kita menambahkan plugin Spectra – WordPress Gutenber Blocks dan kemudian mengaktifkannya.


    Tampak muncul video yang bisa diakses di https://www.youtube.com/watch?v=GLNzTxArR6Y .
  2. Daftar block dari Spectra


    Tampak berbagai block untuk editor Gutenberg yaitu
    – Container
    – Heading
    – Image
    – Button
    – Info Box
    – Call to Action
    – Blockquote
    – Content Timeline
    – FAQ
    – Form
    – Google Maps
    – How-to
    – Icon List
    – Inline Notice
    – Lottie Animation
    – Marketing Button
    – Post Caraousel
    – Post Grid
    – Post Timeline
    – Price List
    – Review
    – Social Share
    – Star Ratings
    – Table of Contents
    – Tabs
    – Taxonomy List
    – Team
    – Testimonials
    – Responsive Conditions
    – Display Conditions
    – Masonry Galley.
  3. Menambahkan block Spectra ke konten

    Pada suatu halaman kita kemudian Add Block.


    Kita melanjutkan dengan Browse all.


    Tampak block-block yang berasal dari Spectra.
  4. Menambahkan form ke Gutenberg

    Kita kemudian menambahkan salah satu block dari Spectra yaitu Simple Contact Form.


    Tampak penggunaan block Form dan juga seting-seting yang ada.


    Tampak tampilan yang dihasilkan.

Informasi lebih lanjut silahkan mengunjungi
1. https://wpspectra.com/docs/ .
2. https://wordpress.org/support/article/wordpress-editor/ .
2. https://developer.wordpress.org/block-editor/ .

Kunjungi www.proweb.co.id untuk menambah wawasan anda.

Advanced Gutenberg Block WordPress dengan Spectra
× Ada yang dapat saya bantu ? Available on SundayMondayTuesdayWednesdayThursdayFridaySaturday