Displaying custom fields when using the Advanced Custom Fields plugin

You might be better off posting in the plugin’s forum.

However, by the looks of things that <h1>...</h1> goes in your WordPress page. The <?php the_field('custom_title'); ?> breaks out into php in the middle and inserts your custom title.

(You might need to substitute the value “custom_title” in there for your own custom title name; I don’t know anything about the plugin.)

First off, you don’t need a plugin to use custom fields. Go into any page/post edit screen (backend), click Screen Options (right upper corner) and check “Custom fields” if it’s not already checked.

Now look in the page for the box called “Custom Fields”. You will see the list of existing custom fields related to your current post/page and their values. You may add, update or delete custom fields for the current page/post.

In order to display the value of the field you need a custom php function. I’ll name it custom_field_after_title(). Also, I will add an add_action to the __after_content_title hook that will tell the theme to run our custom function every time it prints a title. In this example I am assuming your custom field is called your_custom_field, but you need to change that with the actual name of your custom field for it to work.

function custom_field_after_title() {

/* Get out if not on singular page:
*/
	if (! is_singular()) return;

/* Get value of the custom field:
*/
	$custom_field_value = get_post_meta(get_the_ID(), 'your_custom_field', true);

/* Checking if your_custom_field is empty.
 * If it's not, wrap it in a div with a custom class
 * of ycf-class so we can style it via css
*/
	if (strlen($custom_field_value) > 0)
		$output = '<div class="ycf-class">' .
			$custom_field_value .
			'</div>';
	else return; /* get out if field is empty */
	echo $output; /* print the result */
}

/* Now we closed the function but we need to hook it
 * to __after_content_title
*/
add_action ('__after_content_title', 'custom_field_after_title');

Everything enclosed in /* comment markup */ can be removed, I just put it there to explain the code. Just make sure you remove all the comment, not just part of it.

The code I wrote above is checking to see if there is anything to display and exits the function if the custom field value is empty. So you are basically asking for a solution that has already been delivered to you, but your current level of understanding code is not high enough to see and use it.

Also, not knowing how to display information on multiple lines indicates some serious gaps in your understanding of html and css. If you want to build this website alone, you really need to understand the basics of web development.

Start here.

add_action ('__after_content_title', 'display_custom_fields_block');
function display_custom_fields_block() {
	if ( ! is_singular()) return;
	$custom_fields_array = array(
		'price' => 'Price',
		'website' => 'Website',
		'related_posts' => 'Related Posts'
	);
	$output = custom_fields_iteration($custom_fields_array);
	if (strlen($output) > 0 )
		echo '
		<div class="cf-wrap">'.
			$output.'
		</div>';
	}
function custom_fields_iteration ($custom_fields_array) {
	$output = '';
	foreach ($custom_fields_array as $custom_field => $label) :
		$custom_field_value = get_post_meta(get_the_ID(), $custom_field, true);
		$output .= (strlen($custom_field_value) > 0 ? '
			<div class="'.$custom_field.'-wrap">
				<span class="cf-label">'.$label.': </span>'.
				$custom_field_value.'
			</div>' : '');
	endforeach;
	return $output;
	}

Hello.
I have problems with custom fields and I appreciate if someone can help me on this.
I created a Download Box using custom fields & styled it. the code is this :

<div class="download-links">
 <ul>
  <?php $cf_var = get_post_meta( $post->ID, 'download', true );
   if( isset($cf_var) && !empty(cf_var) ) : ?>
    <li class="download">
     <a href="<?php echo get_post_meta( $post->ID, 'download', true ); ?>">Download HQ</a>
    </li>
   <?php endif; ?>

 <?php $cf_var = get_post_meta( $post->ID, 'download2', true );
    if( isset($cf_var) && !empty(cf_var) ) : ?>
     <li class="download">
      <a href="<?php echo get_post_meta( $post->ID, 'download2', true ); ?>">Download HQ</a>
     </li>
    <?php endif; ?>

 <?php $cf_var = get_post_meta( $post->ID, 'password', true );
    if( isset($cf_var) && !empty(cf_var) ) : ?>
     <li class="download">
       <p>Password: <span><?php echo $cf_var; ?></span></p>
     </li>
    <?php endif; ?>
 </ul>
</div><!-- end of .download-links -->

So I styled them in styles.css .
The problem is whether the post has custom field assigned, or not, the Download Box is showing.

After reading this topic, I end up with this in my functions.php :

/**
 * Download box using Custom Fields
 */
function display_download_box() {
	if( !is_singular() ) {
		return;
	}
	$custom_fields_array() = array(
		'download'	=>	'download',
		'download2'	=>	'download2',
		'password'	=>	'password',
	);
	$output = custom_fields_iteration( $custom_fields_array );
	if( strlen($output) > 0 ) {
		echo '<div class="download-links">' . $output . '</div>';
	}
}
function custom_fields_iteration( $custom_fields_array ) {
	$output = '';
	foreach( $custom_fields_array as $custom_field => $data ) :
		$custom_field_value = get_post_meta( get_the_ID(), $custom_field, true );
	$output .= ( strlen($custom_field_value) > 0 ? 'div class="download">
		<span class="cf_label">' . $data . ': </span>' . $custom_field_value . '</div>' : '');
	endforeach;
	echo $output;
}
add_action ('__after_content_title', 'display_download_box');

But it didn’t worked at all and cause Fatal Error.

How can I find out if the post has custom field or not, and then the code run and styles applied ?
I hope you guys can help me.
thanks.