css and js not loading for custom post type
-
Using the demo file I tried to show the fields on a custom post type I created. I used one I generated at https://generatewp.com/post-type/. They show but the js and css files aren’t loaded so things like the date picker don’t work. The fields display properly and work on a Post or Page.
Viewing 8 replies - 1 through 8 (of 8 total)
-
Which demo are you using?
Which fields re you using? Can you post here the code you are using to create the meta box?
I just added my custom Post type to the list. The fields display but none of the include files load.
<?php /** * Registering meta boxes * * All the definitions of meta boxes are listed below with comments. * Please read them CAREFULLY. * * You also should read the changelog to know what has been changed before updating. * * For more information, please visit: * @link http://metabox.io/docs/registering-meta-boxes/ */ add_filter( 'rwmb_meta_boxes', 'gd_register_meta_boxes' ); /** * Register meta boxes * * Remember to change "gd" to actual prefix in your project * * @param array $meta_boxes List of meta boxes * * @return array */ function gd_register_meta_boxes( $meta_boxes ) { /** * prefix of meta keys (optional) * Use underscore (_) at the beginning to make keys hidden * Alt.: You also can make prefix empty to disable it */ // Better has an underscore as last sign $prefix = 'gd_'; // 1st meta box $meta_boxes[] = array( // Meta box id, UNIQUE per meta box. Optional since 4.1.5 'id' => 'standard', // Meta box title - Will appear at the drag and drop handle bar. Required. 'title' => __( 'Standard Fields', 'gd' ), // Post types, accept custom post types as well - DEFAULT is 'post'. Can be array (multiple post types) or string (1 post type). Optional. 'post_types' => array( 'post', 'Events' ), // Where the meta box appear: normal (default), advanced, side. Optional. 'context' => 'normal', // Order of meta box: high (default), low. Optional. 'priority' => 'high', // Auto save: true, false (default). Optional. 'autosave' => true, // List of meta fields 'fields' => array( // TEXT array( // Field name - Will be used as label 'name' => __( 'Text', 'gd' ), // Field ID, i.e. the meta key 'id' => "{$prefix}text", // Field description (optional) 'desc' => __( 'Text description', 'gd' ), 'type' => 'text', // Default value (optional) 'std' => __( 'Default text value', 'gd' ), // CLONES: Add to make the field cloneable (i.e. have multiple value) 'clone' => true, ), // CHECKBOX array( 'name' => __( 'Checkbox', 'gd' ), 'id' => "{$prefix}checkbox", 'type' => 'checkbox', // Value can be 0 or 1 'std' => 1, ), // RADIO BUTTONS array( 'name' => __( 'Radio', 'gd' ), 'id' => "{$prefix}radio", 'type' => 'radio', // Array of 'value' => 'Label' pairs for radio options. // Note: the 'value' is stored in meta field, not the 'Label' 'options' => array( 'value1' => __( 'Label1', 'gd' ), 'value2' => __( 'Label2', 'gd' ), ), ), // SELECT BOX array( 'name' => __( 'Select', 'gd' ), 'id' => "{$prefix}select", 'type' => 'select', // Array of 'value' => 'Label' pairs for select box 'options' => array( 'value1' => __( 'Label1', 'gd' ), 'value2' => __( 'Label2', 'gd' ), ), // Select multiple values, optional. Default is false. 'multiple' => false, 'std' => 'value2', 'placeholder' => __( 'Select an Item', 'gd' ), ), // HIDDEN array( 'id' => "{$prefix}hidden", 'type' => 'hidden', // Hidden field must have predefined value 'std' => __( 'Hidden value', 'gd' ), ), // PASSWORD array( 'name' => __( 'Password', 'gd' ), 'id' => "{$prefix}password", 'type' => 'password', ), // TEXTAREA array( 'name' => __( 'Textarea', 'gd' ), 'desc' => __( 'Textarea description', 'gd' ), 'id' => "{$prefix}textarea", 'type' => 'textarea', 'cols' => 20, 'rows' => 3, ), ), 'validation' => array( 'rules' => array( "{$prefix}password" => array( 'required' => true, 'minlength' => 7, ), ), // optional override of default jquery.validate messages 'messages' => array( "{$prefix}password" => array( 'required' => __( 'Password is required', 'gd' ), 'minlength' => __( 'Password must be at least 7 characters', 'gd' ), ), ), ), ); // 2nd meta box $meta_boxes[] = array( 'title' => __( 'Advanced Fields', 'gd' ), 'post_types' => array( 'post', 'Events' ), 'fields' => array( // HEADING array( 'type' => 'heading', 'name' => __( 'Heading', 'gd' ), 'desc' => __( 'Optional description for this heading', 'gd' ), ), // SLIDER array( 'name' => __( 'Slider', 'gd' ), 'id' => "{$prefix}slider", 'type' => 'slider', // Text labels displayed before and after value 'prefix' => __( '$', 'gd' ), 'suffix' => __( ' USD', 'gd' ), // jQuery UI slider options. See here http://api.jqueryui.com/slider/ 'js_options' => array( 'min' => 10, 'max' => 255, 'step' => 5, ), ), // NUMBER array( 'name' => __( 'Number', 'gd' ), 'id' => "{$prefix}number", 'type' => 'number', 'min' => 0, 'step' => 5, ), // DATE array( 'name' => __( 'Date picker', 'gd' ), 'id' => "{$prefix}date", 'type' => 'date', // jQuery date picker options. See here http://api.jqueryui.com/datepicker 'js_options' => array( 'appendText' => __( '(yyyy-mm-dd)', 'gd' ), 'dateFormat' => __( 'yy-mm-dd', 'gd' ), 'changeMonth' => true, 'changeYear' => true, 'showButtonPanel' => true, ), ), // DATETIME array( 'name' => __( 'Datetime picker', 'gd' ), 'id' => $prefix . 'datetime', 'type' => 'datetime', // jQuery datetime picker options. // For date options, see here http://api.jqueryui.com/datepicker // For time options, see here http://trentrichardson.com/examples/timepicker/ 'js_options' => array( 'stepMinute' => 15, 'showTimepicker' => true, ), ), // TIME array( 'name' => __( 'Time picker', 'gd' ), 'id' => $prefix . 'time', 'type' => 'time', // jQuery datetime picker options. // For date options, see here http://api.jqueryui.com/datepicker // For time options, see here http://trentrichardson.com/examples/timepicker/ 'js_options' => array( 'stepMinute' => 5, 'showSecond' => true, 'stepSecond' => 10, ), ), // COLOR array( 'name' => __( 'Color picker', 'gd' ), 'id' => "{$prefix}color", 'type' => 'color', ), // CHECKBOX LIST array( 'name' => __( 'Checkbox list', 'gd' ), 'id' => "{$prefix}checkbox_list", 'type' => 'checkbox_list', // Options of checkboxes, in format 'value' => 'Label' 'options' => array( 'value1' => __( 'Label1', 'gd' ), 'value2' => __( 'Label2', 'gd' ), ), ), // AUTOCOMPLETE array( 'name' => __( 'Autocomplete', 'gd' ), 'id' => "{$prefix}autocomplete", 'type' => 'autocomplete', // Options of autocomplete, in format 'value' => 'Label' 'options' => array( 'value1' => __( 'Label1', 'gd' ), 'value2' => __( 'Label2', 'gd' ), ), // Input size 'size' => 30, // Clone? 'clone' => false, ), // EMAIL array( 'name' => __( 'Email', 'gd' ), 'id' => "{$prefix}email", 'desc' => __( 'Email description', 'gd' ), 'type' => 'email', 'std' => '[email protected]', ), // RANGE array( 'name' => __( 'Range', 'gd' ), 'id' => "{$prefix}range", 'desc' => __( 'Range description', 'gd' ), 'type' => 'range', 'min' => 0, 'max' => 100, 'step' => 5, 'std' => 0, ), // URL array( 'name' => __( 'URL', 'gd' ), 'id' => "{$prefix}url", 'desc' => __( 'URL description', 'gd' ), 'type' => 'url', 'std' => 'http://google.com', ), // OEMBED array( 'name' => __( 'oEmbed', 'gd' ), 'id' => "{$prefix}oembed", 'desc' => __( 'oEmbed description', 'gd' ), 'type' => 'oembed', ), // SELECT ADVANCED BOX array( 'name' => __( 'Select', 'gd' ), 'id' => "{$prefix}select_advanced", 'type' => 'select_advanced', // Array of 'value' => 'Label' pairs for select box 'options' => array( 'value1' => __( 'Label1', 'gd' ), 'value2' => __( 'Label2', 'gd' ), ), // Select multiple values, optional. Default is false. 'multiple' => false, // 'std' => 'value2', // Default value, optional 'placeholder' => __( 'Select an Item', 'gd' ), ), // TAXONOMY array( 'name' => __( 'Taxonomy', 'gd' ), 'id' => "{$prefix}taxonomy", 'type' => 'taxonomy', // Taxonomy name 'taxonomy' => 'category', // How to show taxonomy: 'checkbox_list' (default) or 'checkbox_tree', 'select_tree', select_advanced or 'select'. Optional 'field_type' => 'checkbox_list', // Additional arguments for get_terms() function. Optional 'query_args' => array(), ), // POST array( 'name' => __( 'Posts (Pages)', 'gd' ), 'id' => "{$prefix}pages", 'type' => 'post', // Post type 'post_type' => 'page', // Field type, either 'select' or 'select_advanced' (default) 'field_type' => 'select_advanced', 'placeholder' => __( 'Select an Item', 'gd' ), // Query arguments (optional). No settings means get all published posts 'query_args' => array( 'post_status' => 'publish', 'posts_per_page' => - 1, ), ), // WYSIWYG/RICH TEXT EDITOR array( 'name' => __( 'WYSIWYG / Rich Text Editor', 'gd' ), 'id' => "{$prefix}wysiwyg", 'type' => 'wysiwyg', // Set the 'raw' parameter to TRUE to prevent data being passed through wpautop() on save 'raw' => false, 'std' => __( 'WYSIWYG default value', 'gd' ), // Editor settings, see wp_editor() function: look4wp.com/wp_editor 'options' => array( 'textarea_rows' => 4, 'teeny' => true, 'media_buttons' => false, ), ), // DIVIDER array( 'type' => 'divider', ), // FILE UPLOAD array( 'name' => __( 'File Upload', 'gd' ), 'id' => "{$prefix}file", 'type' => 'file', ), // FILE ADVANCED (WP 3.5+) array( 'name' => __( 'File Advanced Upload', 'gd' ), 'id' => "{$prefix}file_advanced", 'type' => 'file_advanced', 'max_file_uploads' => 4, 'mime_type' => 'application,audio,video', // Leave blank for all file types ), // IMAGE UPLOAD array( 'name' => __( 'Image Upload', 'gd' ), 'id' => "{$prefix}image", 'type' => 'image', ), // THICKBOX IMAGE UPLOAD (WP 3.3+) array( 'name' => __( 'Thickbox Image Upload', 'gd' ), 'id' => "{$prefix}thickbox", 'type' => 'thickbox_image', ), // PLUPLOAD IMAGE UPLOAD (WP 3.3+) array( 'name' => __( 'Plupload Image Upload', 'gd' ), 'id' => "{$prefix}plupload", 'type' => 'plupload_image', 'max_file_uploads' => 4, ), // IMAGE ADVANCED (WP 3.5+) array( 'name' => __( 'Image Advanced Upload', 'gd' ), 'id' => "{$prefix}imgadv", 'type' => 'image_advanced', 'max_file_uploads' => 4, ), // BUTTON array( 'id' => "{$prefix}button", 'type' => 'button', 'name' => ' ', // Empty name will "align" the button to all field inputs ), ), ); return $meta_boxes; } ?>Can you post the code for the post type and where you are placing it? I created my own post type and the fields are working fine.
Okay, found the problem: your post type, event, has to be all lower case. In your meta box declaration, you have it as Event instead of event. That’s why the css and js aren’t loading. Make sure the post type key is all lower case and you should be good.
Yes, that was it. Thanks very much for your help. I changed the value to ‘events’
So in my Post type init file the value the meta box file uses is this one?
register_post_type( ‘events’, $args );Yup
Viewing 8 replies - 1 through 8 (of 8 total)
The topic ‘css and js not loading for custom post type’ is closed to new replies.
