name = 'image_crop';
$this->label = __('Image with user-crop');
$this->category = __("Content",'acf'); // Basic, Content, Choice, etc
$this->defaults = array(
'force_crop' => 'no',
'crop_type' => 'hard',
'preview_size' => 'medium',
'save_format' => 'id',
'save_in_media_library' => 'yes',
'target_size' => 'thumbnail',
'retina_mode' => 'no'
// add default here to merge into your field.
// This makes life easy when creating the field options as you don't need to use any if( isset('') ) logic. eg:
//'preview_size' => 'thumbnail'
);
$this->options = get_option( 'acf_image_crop_settings' );
//Call grandparent cunstructor
acf_field::__construct();
// settings
$this->settings = array(
'path' => apply_filters('acf/helpers/get_path', __FILE__),
'dir' => apply_filters('acf/helpers/get_dir', __FILE__),
'version' => '1.0.0'
);
// add ajax action to be able to retrieve full image size via javascript
add_action( 'wp_ajax_acf_image_crop_get_image_size', array( &$this, 'crop_get_image_size' ) );
add_action( 'wp_ajax_acf_image_crop_perform_crop', array( &$this, 'perform_crop' ) );
// add filter to media query function to hide cropped images from media library
add_filter('ajax_query_attachments_args', array($this, 'filterMediaQuery'));
// Register extra fields on the media settings page on admin_init
add_action('admin_init', array($this, 'registerSettings'));
}
// AJAX handler for retieving full image dimensions from ID
public function crop_get_image_size()
{
$img = wp_get_attachment_image_src( $_POST['image_id'], 'full');
if($img){
echo json_encode( array(
'url' => $img[0],
'width' => $img[1],
'height' => $img[2]
) );
}
exit;
}
/*
* create_options()
*
* Create extra options for your field. This is rendered when editing a field.
* The value of $field['name'] can be used (like bellow) to save extra data to the $field
*
* @type action
* @since 3.6
* @date 23/01/13
*
* @param $field - an array holding all the field's data
*/
function create_options($field)
{
// defaults?
/*
$field = array_merge($this->defaults, $field);
*/
// key is needed in the field names to correctly save the data
$key = $field['name'];
// Create Field Options HTML
?>
'select',
'name' => 'fields[' . $key . '][crop_type]',
'value' => $field['crop_type'],
'class' => 'crop-type-select',
'choices' => array(
'hard' => __('Hard crop', 'acf'),
'min' => __('Minimal dimensions', 'acf')
)
));
?>
__("Custom size",'acf')));
unset($sizes['full']);
do_action('acf/create_field', array(
'type' => 'select',
'name' => 'fields[' . $key . '][target_size]',
'value' => $field['target_size'],
'class' => 'target-size-select',
'choices' => $sizes
));
?>
'text',
'name' => 'fields[' . $key . '][width]',
'value' => isset($field['width']) ? $field['width'] : '',
'class' => 'width dimension',
'placeholder' => 'Width'
));
?>
:
'text',
'name' => 'fields[' . $key . '][height]',
'value' => isset($field['height']) ? $field['height'] : '',
'class' => 'height dimension',
'placeholder' => 'Height'
));
?>
'select',
'name' => 'fields[' . $key . '][preview_size]',
'value' => $field['preview_size'],
'class' => 'preview-size-select',
'choices' => apply_filters('acf/get_image_sizes', array())
));
?>
'radio',
'name' => 'fields['.$key.'][force_crop]',
'value' => $field['force_crop'],
'layout' => 'horizontal',
'choices' => array(
'yes' => __("Yes",'acf'),
'no' => __("No",'acf')
)
));
?>
'radio',
'name' => 'fields['.$key.'][save_in_media_library]',
'value' => $field['save_in_media_library'],
'layout' => 'horizontal',
'choices' => array(
'yes' => __("Yes",'acf'),
'no' => __("No",'acf')
),
'class' => 'save-in-media-library-select'
));
?>
getOption('retina_mode')){
$retina_instructions .= 'settings , which will override this setting.','acf-image_crop');
}
?>
'radio',
'name' => 'fields['.$key.'][retina_mode]',
'value' => $field['retina_mode'],
'layout' => 'horizontal',
'choices' => array(
'yes' => __("Yes",'acf'),
'no' => __("No",'acf')
),
));
?>
'radio',
'name' => 'fields['.$key.'][save_format]',
'value' => $field['save_format'],
'layout' => 'horizontal',
'choices' => array(
'url' => __("Image URL",'acf'),
'id' => __("Image ID",'acf'),
'object' => __("Image Object",'acf')
),
'class' => 'return-value-select'
));
?>
defaults, $field);
*/
// perhaps use $field['preview_size'] to alter the markup?
$data = json_decode($field['value']);
// create Field HTML
// vars
$o = array(
'class' => '',
'url' => '',
);
// $originalImage = null;
// if( $data && is_object($data) && is_numeric($data->original_image) )
// {
// $originalImage = wp_get_attachment_image_src($data->original_image, 'full');
// $url = wp_get_attachment_image_src($data->original_image, $field['preview_size']);
// if($field['save_in_media_library'] == 'yes'){
// if(is_numeric($data->cropped_image)){
// $url = wp_get_attachment_image_src($data->cropped_image, $field['preview_size']);
// }
// }
// else{
// if($data->cropped_image_url){
// $url = $data->cropped_image_url;
// }
// else{
// }
// }
// $o['class'] = 'active';
// $o['url'] = $url[0];
// }
$imageData = $this->get_image_data($field);
//print_r($field);
$originalImage = wp_get_attachment_image_src($imageData->original_image, 'full');
if($imageData->original_image){
$o['class'] = 'active';
$o['url'] = $imageData->preview_image_url;
}
$width = 0;
$height = 0;
if($field['target_size'] == 'custom'){
$width = $field['width'];
$height = $field['height'];
}
else{
global $_wp_additional_image_sizes;
$s = $field['target_size'];
if (isset($_wp_additional_image_sizes[$s])) {
$width = intval($_wp_additional_image_sizes[$s]['width']);
$height = intval($_wp_additional_image_sizes[$s]['height']);
} else {
$width = get_option($s.'_size_w');
$height = get_option($s.'_size_h');
}
}
// Retina mode
if($this->getOption('retina_mode') || $field['retina_mode'] == 'yes'){
$width = $width * 2;
$height = $height * 2;
}
?>
data-save-to-media-library="" >
Crop the image
original_image ): ?>
Crop
' . $code . ' : ' . $message . '
';
}
return $response;
}
}
function get_image_src($id, $size = 'thumbnail'){
$atts = wp_get_attachment_image_src( $id, $size);
return $atts[0];
}
function getAbsoluteImageUrl($relativeUrl){
$mediaDir = wp_upload_dir();
return $mediaDir['baseurl'] . '/' . $relativeUrl;
}
function getImagePath($relativePath){
$mediaDir = wp_upload_dir();
return $mediaDir['basedir'] . '/' . $relativePath;
}
function filterMediaQuery($args){
// get options
$options = get_option( 'acf_image_crop_settings' );
$hide = isset($options['hide_cropped']) && $options['hide_cropped'];
// If hide option is enabled, do not select items with the acf_is_cropped meta-field
if($hide){
$args['meta_query']= array(
array(
'key' => 'acf_is_cropped',
'compare' => 'NOT EXISTS'
)
);
}
return $args;
}
function registerSettings(){
add_settings_section(
'acf_image_crop_settings',
__('ACF Image Crop Settings','acf-image_crop'),
array($this, 'displayImageCropSettingsSection'),
'media'
);
register_setting(
'media', // settings page
'acf_image_crop_settings' // option name
);
add_settings_field(
'acf_image_crop_hide_cropped', // id
__('Hide cropped images from media dialog', 'acf-image_crop'), // setting title
array($this, 'displayHideFromMediaInput'), // display callback
'media', // settings page
'acf_image_crop_settings' // settings section
);
add_settings_field(
'acf_image_crop_retina_mode', // id
__('Enable global retina mode (beta)', 'acf-image_crop'), // setting title
array($this, 'displayRetinaModeInput'), // display callback
'media', // settings page
'acf_image_crop_settings' // settings section
);
}
function displayHideFromMediaInput(){
// Get plugin options
$options = get_option( 'acf_image_crop_settings' );
$hide = isset($options['hide_cropped']) && $options['hide_cropped'];
// echo the field
?>