Can I use WP blocks in a template?

Add question

Username* Please type your username .

E-Mail* Please type your E-Mail .

Question Title* Please choose an appropriate title for the question to answer it even easier .

Category Please choose the appropriate category so others can easily search your question.

Tags Please choose suitable Keywords Ex : question , poll .

Poll This question is a poll ? If you want to be doing a poll click here .

Featured image

Browse

Details*

Ask Anonymously Anonymous asks

Video description Do you need a video to description the problem better ?

Video type Choose from here the video type .

Video ID Put here the video id : https://www.youtube.com/watch?v=sdUUx5FdySs EX : 'sdUUx5FdySs'.

Notified Notified by e-mail at incoming answers.

Terms* By asking your question, you agree to the Terms of Service and Privacy Policy.

Captcha*

advanced custom fields – Can I use WP blocks in a template?

Question

advanced custom fields – Can I use WP blocks in a template? – WordPress Development Stack Exchange

WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. It only takes a minute to sign up.

Anybody can ask a question

Anybody can answer

The best answers are voted up and rise to the top

Asked
today

Viewed
6 times

I’m not exactly sure how to explain this, but I have a slider I built using ACF that I placed on my home page. After this code, I want to use a WP block I built, and after that I want to put another slider. So it would look like this:

        <div class="col-lg-9 col-sm-12">
        
            <div class="row slide-area">    

              <!-- // * Slider starts -->
              <section class="slider_container_top_main">

              <!-- all slides container starts -->
              <ul class="slider_container_top">

                <?php

                      // get slider data
                      if (have_rows('slider')) :

                          while (have_rows('slider')) : the_row();

                              $slider_image = get_sub_field('slider_image');
                              $slider_headline = get_sub_field('slider_headline');
                              
                      ?>

                <!-- slide starts -->
                <li>
                  <div class="slider_container_top_img_container">            

                    <img src="<?php echo $slider_image['url'] ?>" alt="slider image" class="slider_container_top_img"
                      loading="lazy">          

                    <div class="row align-items-center justify-content-center top-navigation-div">
                      
                      <div class="col-lg-9 offset-lg-3 col-sm-12 col-12 black-s top-navigation-controls"><?php echo $slider_headline; ?></div>
                    </div>
                  </div>
                </li>
                <!-- slide ends -->

                <?php

                  endwhile;
                  endif;
                      
                ?>

              </ul>
              <!-- all slides container ends -->

              </section>
              <!-- // * Slider ends -->
              
            </div>
            
          
        </div>
      </div>

** WP block would go here **

// And here's another slider

        <div class="col-lg-9 col-sm-12">
        
            <div class="row slide-area">    

              <!-- // * Slider starts -->
              <section class="slider_container_top_main">

              <!-- all slides container starts -->
              <ul class="slider_container_top">

                <?php

                      // get slider data
                      if (have_rows('slider')) :

                          while (have_rows('slider')) : the_row();

                              $slider_image = get_sub_field('slider_image');
                              $slider_headline = get_sub_field('slider_headline');
                              
                      ?>

                <!-- slide starts -->
                <li>
                  <div class="slider_container_top_img_container">            

                    <img src="<?php echo $slider_image['url'] ?>" alt="slider image" class="slider_container_top_img"
                      loading="lazy">          

                    <div class="row align-items-center justify-content-center top-navigation-div">
                      
                      <div class="col-lg-9 offset-lg-3 col-sm-12 col-12 black-s top-navigation-controls"><?php echo $slider_headline; ?></div>
                    </div>
                  </div>
                </li>
                <!-- slide ends -->

                <?php

                  endwhile;
                  endif;
                      
                ?>

              </ul>
              <!-- all slides container ends -->

              </section>
              <!-- // * Slider ends -->
              
            </div>
            
          
        </div>
      </div>