Beaver Builder & Advanced Custom Fields Tutorial - Beaver Rocket

Beaver Builder & Advanced Custom Fields Tutorial

Beaver Builder & Advanced Custom Fields Tutorial

Better WordPress Websites with Beaver & ACF

[ulplocker id="QLHO51L1cUXezDfH"]

Advanced Custom Fields
https://wordpress.org/plugins/advanced-custom-fields/

Code PHP in Widget
https://wordpress.org/plugins/code-php-in-widget/

The shortcode for text based custom fields.

[acf field="{$field_name}"]
replace {$field_name} with the name of your custom field.

example:

[acf field="my_custom_field"]

The php code for image custom fields.

<?php 

$image = get_field('image');

if( !empty($image) ): ?>

	<img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>" />

<?php endif; ?>
replace {$field_name} with the name of your custom field.

example:

$image = get_field('my_custom_field');

[/ulplocker]

Privacy Settings
Name Enabled
Technical Cookies
In order to use this website we use the following technically required cookies: wordpress_test_cookie, wordpress_logged_in_, wordpress_sec.
Cookies
We use Cookies to give you a better website experience.
x

We use cookies to give you the best online experience. By agreeing you accept the use of cookies in accordance with our cookie policy.