multiple-media-custom-blocks

media-card-custom-gutenberg-block

Custom Gutenberg block with media card Installation Gutenberg Examples are distributed as WordPress plugin.

1. Download a pre-built zip archive of the latest release.
2. Read the Development instructions below if you’re interested in building your own copy of the plugin.
3. Navigate to the Plugins > Add new screen in your WordPress administrative dashboard.
4. Click Add New at the top of the page.
5. Click Upload Plugin at the top of the page.
6. Click Choose File, then find and Upload the downloaded zip file.
7. After the plugin finishes installing, click Activate.
8. You’re done!
9. Available On Layout Section with the name of Media Card Right Video,Media Card Left Video,Media Card Left Image,Media Card Right Image, Media Card Column, Media Card three Column

Gutenburg Templates

const TEMPLATE = [ [ 'core/columns', {}, [
    [ 'core/column', {}, [
        ['core/image'],
        [ 'core/heading', { placeholder: 'Heading Here' } ],
        [ 'core/paragraph', { placeholder: 'Enter Paragraph' } ],
        [ 'core/button', { placeholder: 'Button' } ],
    ] ],
    [ 'core/column', {}, [
        ['core/image'],
        [ 'core/heading', { placeholder: 'Heading Here' } ],
        [ 'core/paragraph', { placeholder: 'Enter Paragraph' } ],
        [ 'core/button', { placeholder: 'Button' } ],
    ] ],
] ] ]