How to run php for advance custom fields in generatepress elements block

I have installed advance custom field now I want to create hooks for the different categories that's why I can't modify single.php file. I want to use generatepress display rules.

Goal: I want to run PHP for fetching dynamic content from the fields in a table if the custom field is empty then the table should not show anything.

Problem : i am only be able to fetch content though shortcode of acf "[acf field="real_name"]"

But the PHP function is not working

for example, i want to run This code

                <div class="col-sm-12" id="vee-details">
                <table class="table table-bordered" width="100%">
                <tbody>
		<th colspan="2" class="thead"><span style="font-size: 18pt;color: #ff7a00"><strong>Bio/Wiki</strong></span></th>
                <tr>
                   <td><b>Real Name</b></td>
                   <td><?php the_field('real_name'); ?></td>
                </tr>
		<tr>
                   <td><b>Nick Name</b></td>
                   <td><?php the_field('nick_name'); ?></td>
                 </tr>
					
		</table>
		</div>

Here <?php the_field('real_name'); ?> the function is not working

And for displaying if the fields is empty or not i have written this code

<?php
  $real_name = get_post_meta($post->ID, 'real_name', true);
  if($real_name){ ?>
     <p> Real name : <?php echo $real_name; ?></p>
  };
 <?php
  }else{  
// do nothing  
  }
 ?>

I hope the codes are correct but in element i can't run the code.

I will combine both codes if <?php echo get_post_meta(get_the_ID(), 'real_name', true); ?> , <?php the_field('real_name'); ?> any function works.

Please help me.