[Summary view] [Print] [Text view]

   1  <?php
   2  /**
   3   * Title: Call to action
   4   * Slug: twentytwentythree/cta
   5   * Categories: featured
   6   * Keywords: Call to action
   7   * Block Types: core/buttons
   8   * Description: Left-aligned text with a CTA button and a separator.
   9   *
  10   * @package WordPress
  11   * @subpackage Twenty_Twenty_Three
  12   * @since Twenty Twenty-Three 1.0
  13   */
  14  
  15  ?>
  16  
  17  <!-- wp:columns {"align":"wide"} -->
  18  <div class="wp-block-columns alignwide">
  19      <!-- wp:column -->
  20      <div class="wp-block-column">
  21          <!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.2"}},"fontSize":"x-large"} -->
  22          <p class="has-x-large-font-size" style="line-height:1.2"><?php echo esc_html_x( 'Got any book recommendations?', 'sample content for call to action', 'twentytwentythree' ); ?>
  23          </p>
  24          <!-- /wp:paragraph -->
  25  
  26          <!-- wp:buttons -->
  27          <div class="wp-block-buttons">
  28              <!-- wp:button {"fontSize":"small"} -->
  29              <div class="wp-block-button has-custom-font-size has-small-font-size">
  30                  <a class="wp-block-button__link wp-element-button">
  31                  <?php echo esc_html_x( 'Get In Touch', 'sample content for call to action button', 'twentytwentythree' ); ?>
  32                  </a>
  33              </div>
  34              <!-- /wp:button -->
  35          </div>
  36          <!-- /wp:buttons -->
  37      </div>
  38      <!-- /wp:column -->
  39  
  40      <!-- wp:column -->
  41      <div class="wp-block-column">
  42          <!-- wp:separator {"className":"is-style-wide"} -->
  43          <hr class="wp-block-separator has-alpha-channel-opacity is-style-wide"/>
  44          <!-- /wp:separator -->
  45      </div>
  46      <!-- /wp:column -->
  47  </div>
  48  <!-- /wp:columns -->