{"id":41388,"date":"2023-07-09T10:02:44","date_gmt":"2023-07-09T10:02:44","guid":{"rendered":"https:\/\/s.b\/oikcom\/block\/acf-field-acf-field-acf-field\/"},"modified":"2024-02-05T16:59:27","modified_gmt":"2024-02-05T16:59:27","slug":"acf-field-acf-field-acf-field","status":"publish","type":"block","link":"https:\/\/www.oik-plugins.com\/block\/acf-field-acf-field-acf-field\/","title":{"rendered":"ACF field – acf-field\/acf-field<\/span>"},"content":{"rendered":"\n
<\/span><\/div>Displays an ACF field
<\/dl><\/div><\/div>\n\n\n\n\n\n\n\n

Use the ACF field block to display any ACF field in the WordPress block editor. No code required.<\/p>\n\n\n\n

Screenshot<\/h2>\n\n\n\n
\"ACF<\/figure>\n\n\n\n

Examples<\/h2>\n\n\n\n
<\/div>\n\n\n\n
\n
\n

Text<\/p>\n<\/div>\n\n\n\n

Content for the Text field<\/div>\n\n\n

<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\n

Text Area<\/p>\n<\/div>\n\n\n\n

Content for the Text Area field. \r\nNote: HTML is not supported in this field type.<\/div><\/div>\n<\/div>\n\n\n\n
\n
\n

Number<\/p>\n<\/div>\n\n\n\n

3.14159265<\/div><\/div>\n<\/div>\n\n\n\n
\n
\n

Range<\/p>\n<\/div>\n\n\n\n

42<\/div><\/div>\n<\/div>\n\n\n\n
\n
\n

Email<\/p>\n<\/div>\n\n\n\n

Email<\/div>
herb@bobbingwide.com<\/a><\/div><\/div><\/div>\n<\/div>\n\n\n\n
\n
\n

URL<\/p>\n<\/div>\n\n\n\n

URL<\/div>
https:\/\/oik-plugins.com<\/a><\/div><\/div><\/div>\n<\/div>\n\n\n\n
\n
\n

Password<\/p>\n<\/div>\n\n\n\n

Password<\/div>
It's not advisable to display passwords!!<\/div><\/div><\/div>\n<\/div>\n\n\n\n

<\/p>\n\n\n\n

<\/div>\n\n\n\n
\n\n\n\n

Notes<\/h2>\n\n\n\n
    \n
  • These examples show the output for each of the 7 Basic<\/em> field types: Text, Text Area, Number, Range, Email, URL and Password.<\/li>\n\n\n\n
  • Each block is styled differently, using the standard block style settings.<\/li>\n\n\n\n
  • Some styling may not work. It depends on the theme’s CSS.<\/li>\n\n\n\n
  • The ACF field block only displays the field values.<\/li>\n\n\n\n
  • The block supports all ACF PRO field types that can be displayed on the front end. <\/li>\n\n\n\n
  • See the other examples.<\/li>\n\n\n\n
  • From version 1.2.0, the block supports the display of the field’s label. <\/li>\n<\/ul>\n\n\n\n

    Style the field’s label using custom CSS<\/h2>\n\n\n