Share
Explore

Advanced Custom Fields Tutorial: How to Use ACF for WordPress

The Advanced Custom Fields (ACF) plugin for WordPress allows you to add custom fields to your posts, pages, and custom post types. These custom fields can be used to store additional information about your content, such as images, text, or other types of data.

ACF provides a shortcode that you can use to display the value of a custom field on your site. The shortcode has the following format:

[acf field="field_name"]

To use the shortcode, you need to replace "field_name" with the name of the custom field that you want to display. For example, if you have a custom field with the name "image", you can use the following shortcode to display the value of that field:

[acf field="image"]

You can also use the shortcode to display a default value if the custom field is empty, by using the "default" attribute:

[acf field="image" default="No image available"]

Note that the ACF shortcode will only work if the ACF plugin is installed and activated on your WordPress site.



Snippets

Displaying a Custom Field Value from Another Page
This code is used to display a custom field value from another page using Advanced Custom Fields (ACF) plugin.
You might use this code snippet when you want to display a custom field value from another page on the current page. This could be useful for displaying dynamic content across multiple pages or creating custom templates.
Create a variable called $other_page and assign it the value of the page ID you want to pull the custom field value from.
Use the get_field() function to retrieve the value of a specific custom field on the other page. This function takes in two parameters, the name of the custom field and the ID of the page you want to retrieve the value from.
Echo out the value of the custom field using the echo statement inside a <h3> tag.
$other_page = 73;
$variable = get_field('name', $other_page); ?>
<h3><?php echo $variable; ?></h3>
By adding this code to your WordPress theme's template file or creating a custom plugin, you can easily display a custom field value from another page using the Advanced Custom Fields plugin.

Updating a Custom Field with the Title of a New Post
This code is used to update a custom field with the title of a new post that is created using an Advanced Custom Fields post object field.
You might use this code snippet when you want to automatically populate a custom field with the title of a related post that is created using an Advanced Custom Fields post object field. This could be useful for linking related posts or creating custom templates or customizing the layout of your website. This code snippet could replace a similar feature by using the Advanced Custom Fields plugin.
Create a function called my_acf_post_object_new_post_action that takes in 4 parameters, the new post id, title, post id, and field array.
Check if a new post is created and update the custom field "feature" with the title of the new post using the update_field() function.
add_action('acfe/fields/post_object/custom_save/name=feature', 'my_acf_post_object_new_post_action', 10, 4);
function my_acf_post_object_new_post_action($new_post_id, $title, $post_id, $field){
/**
* @bool $new_post_id Newly created Post ID
* @string $title Post title
* @bool/string $post_id Current Post ID
* @array $field Field array
*/
update_field('feature', $title, $new_post_id);
}
By adding this code to your WordPress theme's functions.php file or creating a custom plugin, you can easily update a custom field with
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.