reyhoun/acf-background

Background field include all background css attribute and compatible with Reyhoun SassWatcher plugin.

ACF Background Field

Background field include all background css attribute and compatible with Reyhoun SassWatcher plugin.

---

Structure

• /css: folder for .css files.
• /js: folder for .js files
• /lang: folder for .pot, .po and .mo files
• acf-background.php: Main plugin file that includes the correct field file based on the ACF version
• acf-background-v5.php: Field class compatible with ACF version 5
• acf-background-v4.php: Field class compatible with ACF version 4
• readme.txt: WordPress readme file to be used by the wordpress repository

Compatibility

This ACF field type is compatible with:

• ACF 5
• ACF 4
• Reyhoun SassWatcher

Installation

1. Copy the acf-background folder into your wp-content/plugins folder
2. Activate the Background plugin via the plugins admin page
3. Create a new field via ACF and select the Background type
4. Please refer to the description for more info regarding the field type settings

---

Subfields

• Repeat
• Attachment
• Size
• Position
• Clip
• Origin
• Color Picker
• RGBA Color Picker
• Upload Image
• External Image URL

acf-background's Issues

Gutenberg block

Hello, when I try to use your plugin in ACF Gutenberg Block then it's not working.
Upload image click - nothing
Colors click - nothing

Background Preview not working

tnx for the field, but background preview is not working

Nothing but a blank white box

When applied to my field group on a taxonomy, this merely shows a big white blank box beneath the words "Background Repeat / Background Color / Background Preview"

Output from array and CSS

Hi, thank you very much for the plugin. It would be nice to have a method to extract the data of the array, I'm not a programmer and I dont know how to use the data of the array to produce a valid css rule for background.

In other hand, if is usefull for someone here there is some CSS for acf filed in admin area, to display better:

/Plugin Background Advanced RGBA ACF Pro/
.acf-field.field_type-background {
width:100%;
}
.acf-background-preview {
clear:both;
}
.rgbatext, #field_547b22cb15f88-clear, .minicolors {
display: inline-block;
text-decoration: none;
font-size: 13px;
line-height: 26px;
height: 28px;
margin: 0px;
padding: 0px 10px 1px;
cursor: pointer;
border-color: #ccc;
border-width: 1px;
border-style: solid;
border-radius: 3px;
white-space: nowrap;
box-sizing: border-box;
}
.acf-field_547b22cb15f88-repeat-select, .rey-select-item {display:block;}
.acf-background-subfield.acf-background-image {width:33%}

Include in theme with ACF Pro

Hi, I have acf pro included in my theme. How could I include your plugin?
Adding an include in functions.php would be enough?

Background Default

Hi,

Thank you for your background field. It makes easy to use. But I have a question. Is there default arguments in Background Field like other ACF fields? for example:
type => 'background',
'default_value' => array (
'background-image' => url('blablabla.png'),
'background-repeat' => 'no-repeat',
) ... etc.
Please give me some reply.

Thanks,
G.Enkhtulga