PHP and HTML CSS TAGS

Question

Below is my code, as i try to add html / css tags my page errors. I am using wordpress

<?php
    // check if the repeater field has rows of data
    if( have_rows('lyrics') ):
    // loop through the rows of data
        while ( have_rows('lyrics') ) : the_row();
            // display a sub field value
            the_sub_field('lyric_title'); 

            // display a sub field value
            the_sub_field('lyrics_text');
        endwhile;
    else :
        // no rows found
    endif;
?>

I cannot figure out to:

how to add a div around each repeat for styling
Add a h3 to the_sub_field('lyric_title');
Add a p with a class to the_sub_field('lyrics_text');

amflare · Accepted Answer · 2016-04-25 22:47:03Z

1

Its because HTML does not go into PHP. You have two options.

1) Break up the php tags

<?php if( have_rows('lyrics') ): ?>
  <?php while ( have_rows('lyrics') ) : the_row(); ?>  
    <div class="">
      <?php  the_sub_field('lyric_title');  ?>  
      <?php the_sub_field('lyrics_text'); ?>  
    </div>
  <?php endwhile; ?>  
<?php else : ?>  
  <div class="">
    Text
  </div>
<?php endif; ?>

2) Echo the HTML

<?php
if( have_rows('lyrics') ) :
  while ( have_rows('lyrics') ) : the_row();
    echo "<div class=''>";
     the_sub_field('lyric_title'); 
     the_sub_field('lyrics_text');
    echo "</div>";
  endwhile;
else :
  echo "<div class=''>";
  echo "Text";
  echo "</div>";
endif;
?>

edited Apr 25, 2016 at 22:47

answered Apr 25, 2016 at 22:19

amflare

4,1413 gold badges28 silver badges48 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Kevinvhengst · Accepted Answer · 2016-04-25 22:22:10Z

0

Try this:

<?php

// check if the repeater field has rows of data
if( have_rows('lyrics') ):

// loop through the rows of data
  while ( have_rows('lyrics') ) : 
?>
<div>
  <?php the_row(); ?>

  // display a sub field value
  <h3> 
    <?php the_sub_field('lyric_title'); ?>
  </h3>
// display a sub field value
  <p class="class">
    the_sub_field('lyrics_text');
  </p>
</div>
endwhile;

else :

// no rows found

endif;

?>

You can very easly combine PHP with HTML within your Wordpress template like this. Just be sure to keep it readable.

answered Apr 25, 2016 at 22:22

Kevinvhengst

1,7025 gold badges27 silver badges41 bronze badges

Comments

Vrata Blazek · Accepted Answer · 2016-04-25 22:23:32Z

0

inside PHP markers, use echo command to print HTML:

echo '<div class="enclosed">';
while ( have_rows('lyrics') ) : the_row();
echo '</div>';

or you can close php code, write tag as is and open php code again:

//PHP code before
?>
<div class="enclosed">
<?php
while ( have_rows('lyrics') ) : the_row();
?>
</div>
<?php
//PHP code continues here

answered Apr 25, 2016 at 22:23

Vrata Blazek

4643 silver badges12 bronze badges

Collectives™ on Stack Overflow

PHP and HTML CSS TAGS

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related