FOR DEVELOPER USE
[ ff_custom_media_boxes ]
Parameters:
* post_type
- post type to display
- enter post type [slug]
* num
- number of posts to display
- enter number, default = -1 (all posts)
* columns
- number of columns
- enter number
* horizontal_space
- left / right spacing between each box
- enter number
* vertical_space
- top / bottom spacing between each box
- enter number
* image_width
- set image width
- enter number
* image_height
- set image height
- enter number
* image_height_max
- set max image height
- enter number
* force_crop
- crop image for better display, recommended to set true if box height and width are set
- enter string, "true" or "false"
* boxes_to_load_start
- number of boxes to load initially
- enter number
* boxes_to_load
- number of boxes to load after scroll
- enter number
* column_width
- static width of column,
- enter number, default to 'auto' for even spacing
* show_search
- display search for sorting
- enter string, "true" or "false"
* hide_bottom_content
- display or hide post details like content, date, title. only image is displayed
- enter string, "true" or "false"
* overlayEffect
'push-up'
'push-down'
'push-up-100%'
'push-down-100%'
'reveal-top'
'reveal-bottom'
'reveal-top-100%'
'reveal-bottom-100%'
'direction-aware'
'direction-aware-fade'
'direction-right'
'direction-left'
'direction-top'
'direction-bottom'
'fade'
* box_container
- element selector for the container of the boxes
- enter string class, without "."
* lazyLoad
- stop the elements to load from scroll
- 'true'
- 'false'
* show_filter
- display filters for sorting
- enter string, "true" or "false"
* filter_type
- filter type: 'list' or 'dropdown'
* filter_container
- element selector for the container of the filter
- enter string class, without "."
* search
- element selector for the search input
- enter string class, without "."
Modify code at /wp-content/plugins/fivebyfive-media-boxes/fivebyfive-media-boxes.php "ff_media_boxes_load_shortcode"
For fullwidth display use the following shortcode, modify if needed:
- add class="fullwidth-display"
ff_custom_media_boxes lazy_load="false" image_width=320 image_height=160 hide_bottom_content="false" force_crop="true" overlay_effect="direction-aware" horizontal_space=20 vertical_space=20 columns=4 filter_cats="uncategorized" show_filter="true" boxes_to_Load_start=12 boxes_to_load=12