Code Monkey home page Code Monkey logo

bu-slideshow's Introduction

BU Slideshow

Contributors: inderpreet99, awbauer, clrux, mgburns, gannondigital
Tags: slideshow, images, boston university, bu
Requires at least: 3.5
Tested up to: 4.9.10
Stable tag: 2.3.13

License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Description

BU Slideshow is a plugin for creating and managing image-based slideshows. It is designed to be simple enough for any site admin to use, and powerful enough to meet the needs of designers. The plugin has many optional functions that make it flexible enough for a variety of uses: slideshows, photo rotations, feature card decks in the sidebar, etc.

View full documentation on BU.edu

Features

  • Drag-and-drop re-ordering of slides
  • Optional titles and captions on a per-slide basis
  • Set links on a per-slide basis
  • Six locations for caption positioning, also on a per-slide basis
  • Supports custom templates for slides, including custom slide fields
  • Supports unique CSS classes on a per-slide basis for advanced styling options
  • Integrated with WordPress Media Library for image upload/selection, size options, and image cropping/editing
  • Block interface for the Gutenberg editor

Developers

For developer documentation, feature roadmaps and more visit the plugin repository on Github.

Build Status

Installation

This plugin can be installed automatically through the WordPress admin interface, or by clicking the download link on this page and installing manually.

Once installed, slideshows can be created by accessing the "Slideshows" menu in the admin panel. Slideshows can be dropped into any page by using the "Add Slideshow" button on the post/page edit screen in the classic editor, or by using the "BU Slideshow" block in the Gutenberg editor.

Manual Installation

  1. Upload the bu-slideshow plugin folder to the /wp-content/plugins/ directory
  2. Activate 'BU Slideshow' through the 'Plugins' menu in WordPress

Screenshots

1. An intuitive, compact user interface allows drag-and-drop reordering of slides, easy addition of new slides, and expand/collapse toggles to edit details of individual slides.

An intuitive, compact user interface allows drag-and-drop reordering of slides, easy addition of new slides, and expand/collapse toggles to edit details of individual slides.

2. Select/remove images, edit titles, captions, links, and specify caption positioning and custom CSS classes all within a single location.

Select/remove images, edit titles, captions, links, and specify caption positioning and custom CSS classes all within a single location.

3. Full integration with the WordPress Media Library allows you to bulk-upload your images and select them from the Media Library, or upload individually as you build slides. Easily remove and/or select a different image using the WordPress tools you are familiar with.

Full integration with the WordPress Media Library allows you to bulk-upload your images and select them from the Media Library, or upload individually as you build slides. Easily remove and/or select a different image using the WordPress tools you are familiar with.

Changelog

2.3.14

  • Removed grunt-phplint due to vulnerabilities in dependencies
  • Bump node package versions.
  • Update jquery .bind functions to use .on

2.3.13

  • Adds @wordpress/scripts JS build process
  • Adds a "BU Slideshow" block for the Gutenberg editor
  • Adds phpcs and eslint linting
  • Adds wp-env for local development

2.3.12

  • Optimize the get_posts call for slideshows
  • Determine if the block editor is in use before loading an interface
  • Use more specific hooks to load the button and modal only when needed
  • Update failing Travis CI tests

2.3.10

  • Added 'page_alt' post type support to enable slides with BU Versions plugin

2.3.9

  • Fix formatting error in shortcode generation

2.3.8

2.3.7

  • Adds error checking to bu-slideshow-thumb image size handling

2.3.6

  • Allow custom fields to use HTML (GH #28)
  • Add bu_slideshow_slide_admin filter, allowing custom templates to change slide admin
  • Adds "shuffle" attribute when shortcode is inserted in the Editor (GH #25)

2.3.5

  • Fixes issue with "Add Slideshow" modal in Editor

2.3.4

  • Formats slide titles (with HTML entities) correctly in admin view
  • Adds unit tests

2.3.3

  • Bugfixes for PHP notices
  • Improving Add Slide UX

2.3.2

  • Bugfix for potential duplicate slideshows

2.3.1

  • Fix PHP notice

2.3

2.2.1

  • Cleaning up slide image select in WP 4.0

2.2

  • Set caption position as dropdown, instead of radio buttons. Also adds bu_slideshow_caption_positions filter.

2.1.1

  • Resolves an issue where slideshows may not update correctly on save/delete.

2.1

  • Adding Grunt
  • Updating "Insert Slideshow" modal z-index for WP4.0

2.0.1

  • Admin-side fix for inconsistent behavior after updating slide order

2.0

  • Improved “Add Slideshow” flow (3 screens -> 1). Now similar flow to creating new posts/pages.
  • Abstracted “edit slideshow” form to a separate template file
  • Added option to set default height (Avoids “jump” while calculating height on page load)
  • Added option to set transition delay
  • Added option to choose caption position
  • Added loading indicator
  • Added option to set show alignment
  • Added shortcode option “shuffle”
  • Added option to update image size (full/large/medium/etc) used in slide
  • Removed old back compatibility with WP < 3.3
  • Minor UI tweaks
    • On slideshow edit screen, expand edit container for first slide by default (previously: all collapsed)
    • Hide navigation elements until slideshow is fully loaded
    • Image details / “edit” link on slideshow admin page

bu-slideshow's People

Contributors

acalog avatar awbauer avatar bgannonbu avatar danielbachhuber avatar dannycrews avatar dg4220 avatar inderpreet99 avatar jdub233 avatar philcable avatar toddmilliken avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

bu-slideshow's Issues

MInify production CSS

Any chance we can get this CSS minified? It's one of the things that keeps coming up as a knock on PageSpeed Insights.

Slide title & caption below slide image

From Ron: ENHC0014649

I'd like to explore effort it would take to add another option to BU Slideshow plugin to put the photo headline and caption UNDER the image, rather than overlaying those elements on top of the image.

Simplify CSS selectors to comply with coding standards

The CSS selectors here are long and difficult for people coding themes to override. Simplifying them shouldn't affect sites or custom sites as long as the HTML doesn't change, since more specific selectors will always override less specific ones. Our coding standards say that no more than three levels of nesting are allowed, and nesting should be avoided at all costs.

Here's an example: https://github.com/bu-ist/bu-slideshow/blob/master/interface/css/bu-slideshow.css#L422

Let's get these cleaned up! 👍

Undefined index: bu_slideshow_template

Found while trying to save. /wp-admin/admin.php?page=bu-add-slideshow&noheader

Notice: Undefined index: bu_slideshow_template in /Users/awbauer/Sites/wp/wp-content/plugins/bu-slideshow/bu-slideshow.php on line 547

Run bu_slideshow_slide_html on both public and admin

Right now, bu_slideshow_slide_html only runs on the public slideshow view. It'd be great if it ran on the admin view as well, so we have control over the admin UI for custom templates too. Quick test below:

function test_admin_template( $html, $slide ){
    if( "admin" == $slide->view ) {
        $output =  "<div>Doing a thing in the admin view!</div>" . $html;
        return $output;
    }
    if( "public" == $slide->view ) {
        $output =  "<div>Doing a thing in the public view!</div>" . $html;
        return $output;
    }
    return $html;
}

add_filter( 'bu_slideshow_slide_html', 'test_admin_template', 10, 2 );

Caption position reset after changing slide order

Changing slide order results in caption positions on some slides getting unset. Scope limited to individual slides. Issue believed to stem from https://core.trac.wordpress.org/ticket/16972

Ex:

  1. Reorder slides A, B, C, D, E, F to A, B, D, C, E, F.
  • In this case: A, B, C, D & F wouldn't affected, but E would be.

  1. Reorder slides A, B, C, D, E, F to B, A, C, E, D, F
  • In this case: B, C, D & E wouldn't be affected, but A & F would be.

Workaround: Reset the position on the affected slides. Confirmed that no other data is affected by the issue.

Ref: INC11613193

jQuery Deprecations

/bu-slideshow/interface/js/bu-slideshow-admin.js: jQuery.fn.bind() is deprecated

Duplicate Slideshows

It would be great if you could duplicate a slideshow and edit the duplicate so that clients can keep their original setup, but have a second slideshow available to make changes or swap out when needed.

Undefined variable: valid_templates

Found on /wp-admin/admin.php?page=bu-add-slideshow

Notice: Undefined variable: valid_templates in /Users/awbauer/Sites/wp/wp-content/plugins/bu-slideshow/interface/edit-slideshow-form.php on line 6

'Add Slideshow' UI fails with Gutenberg post editor.

With the Gutenberg block editor the 'wp-content-editor-tools' area is gone. This is the area where the "Add Media" button as well as the 'Add Slideshow" and "Add Form" (for the Gravity Forms plugin) buttons were located on the post/page edit screen.

Slideshows can still be included using the 'Shortcode' Block. Ultimately we need to create a Custom Slideshow Block so users can add slideshows with gutenberg's Add Block UI.

Suggestions for UI improvements

Hey there! I was setting up a slideshow for a client today, and there are a couple of things that I think would make this plugin much easier for me (and our clients) to edit:

  • Many slideshows that I've been building don't need a slide title for each slide. It would be very helpful if the Title field was left blank by default instead of filled with Untitled Slide. For every slideshow I've built so far, I've had to delete that placeholder for every single slide.
  • An option to create slides from a bulk upload of photos would be very helpful and save a ton of time, so that I don't need to create each slide individually. A lot of clients ask for a page full of photos and don't send any titles or captions, and giving them an option to automatically make a slideshow from a bunch of photos in the Wordpress admin would help them a lot (and keep them from making page after page of nothing but photos)
  • Moving the "Add new slide" button underneath the last slide would make it easier to edit the new slides that are added, since you will always be close to the slide that's being added. Right now, after two or three slides are added, you have to scroll back and forth every time you add a new slide to edit that slide and add another.

There's probably other improvements that could be made to the UI, but I think these are the things that would make the biggest difference in making this feel faster and easier to use.

Thanks!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.