Image Uploader

The image-uploader lets you add a field for uploading and selecting images in WordPress Media Library.

Image Uploader

Parameters

Here are the parameters in adding image-uploader.

id
string | required

a unique slug-like string to use as an id and also as index in saving data in database.

label
string | optional

the label of the field.

description
string | optional

the description of the field and display under the label.

section
string | requiredl

the section where the field will be displayed.

default
integer | optional

the default value of the field.

Note: default value must be valid or existing "attachment ID"

priority
integer | optional

determines the order of fields in section.

placeholder
string | optional

display placeholder in the field.

extensions
array | optional

allowing to set the allowed audio extensions.

Note: here are the list of allowed extensions [ 'png', 'jpg', 'jpeg', 'ico', 'gif' ]

Example


Yano::field( 'image-uploader', [
   'id'          => 'imageuploaderdb1',
   'label'       => 'Select Image',
   'description' => 'Description Here.',
   'section'     => 'section_id',
   'priority'    => 1,
   'placeholder' => 'Select Image'
] );

Example with default value! note: default value can only be supplied of the attachment ID.


Yano::field( 'image-uploader', [
   'id'          => 'imageuploaderdb1',
   'label'       => 'Select Image',
   'description' => 'Description Here.',
   'section'     => 'section_id',
   'default'     => 123,
   'priority'    => 1,
   'placeholder' => 'Select Image'
] );

Example with extensions value! note: here are the list of allowed extensions png, jpg, jpeg, ico, gif.


Yano::field( 'image-uploader', [
   'id'          => 'imageuploaderdb1',
   'label'       => 'Select Image',
   'description' => 'Description Here.',
   'section'     => 'section_id',
   'default'     => 123,
   'priority'    => 1,
   'placeholder' => 'Select Image',
   'extensions'  => [ 'png', 'ico' ]
] );


Usage

The get_theme_mod() function is recommended to retrieve data.


// Getting the url
wp_get_attachement_url( get_theme_mod('imageuploaderdb1') );