1234567891011121314151617181920212223242526272829303132333435363738394041 |
- <?php
- /**
- * Title: Columns with Images
- * Slug: fuf/columns-with-images
- * Categories: featured
- * Block Types: core/image, core/columns
- *
- * @package fuf
- * @since 1.0.0
- */
- ?>
- <!-- wp:columns {"align":"wide"} -->
- <div class="wp-block-columns alignwide">
- <!-- wp:column -->
- <div class="wp-block-column">
- <!-- wp:image {"align":"center","width":200,"height":200,"scale":"cover","sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} -->
- <figure class="wp-block-image aligncenter size-full is-resized is-style-rounded"><img src="<?php echo esc_url( get_theme_file_uri( 'img/fuf_house.png' ) ); ?>" alt="" style="object-fit:cover;width:200px;height:200px" width="200" height="200"/></figure>
- <!-- /wp:image -->
- <!-- wp:paragraph {"align":"center"} --><p class="has-text-align-center"><?php echo esc_html_x( 'Sample content. Replace the text with your own content.', 'sample content', 'fuf' ); ?></p><!-- /wp:paragraph -->
- </div>
- <!-- /wp:column -->
- <!-- wp:column -->
- <div class="wp-block-column">
- <!-- wp:image {"align":"center","width":200,"height":200,"scale":"cover","sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} -->
- <figure class="wp-block-image aligncenter size-full is-resized is-style-rounded"><img src="<?php echo esc_url( get_theme_file_uri( 'img/fuf_house.png' ) ); ?>" alt="" style="object-fit:cover;width:200px;height:200px" width="200" height="200"/></figure>
- <!-- /wp:image -->
- <!-- wp:paragraph {"align":"center"} -->
- <p class="has-text-align-center"><?php echo esc_html_x( 'Sample content. Replace the text with your own content.', 'sample content', 'fuf' ); ?></p>
- <!-- /wp:paragraph -->
- </div>
- <!-- /wp:column -->
- <!-- wp:column -->
- <div class="wp-block-column">
- <!-- wp:image {"align":"center","width":200,"height":200,"scale":"cover","sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} -->
- <figure class="wp-block-image aligncenter size-full is-resized is-style-rounded"><img src="<?php echo esc_url( get_theme_file_uri( 'img/fuf_house.png' ) ); ?>" alt="" style="object-fit:cover;width:200px;height:200px" width="200" height="200"/></figure>
- <!-- /wp:image -->
- <!-- wp:paragraph {"align":"center"} --><p class="has-text-align-center"><?php echo esc_html_x( 'Sample content. Replace the text with your own content.', 'sample content', 'fuf' ); ?></p><!-- /wp:paragraph -->
- </div>
- <!-- /wp:column -->
- </div>
- <!-- /wp:columns -->
|