I developed WP Cards to introduced the card design concept to WordPress. You can find the plugin files here.
“Cards” have become very popular in the last couple of years since the launch of Google Now (http://www.google.com/landing/now/#cards). Many leading social networks have also used card design on their sites, including Twitter, Pinterest, and Spotify.
Cards are page elements that are mobile friendly and are designed to work across all device sizes and typically offer the user a content excerpt, an image, or a video. A well-designed card provides the user with pertinent time-sensitive information or with a clear call-to-action to click or tap through to more information. The homepage of this site (davidscotttufts.com) uses cards to display content in a grid view or list view layout.
WP Cards uses WordPress widgets and full-page width sidebars to add the ability to drag-and-drop widgetized cards to a website’s homepage. A theme developer just needs to add the included “home.php” file in their theme, or add a call to a dynamic sidebar to their existing home file, and their theme’s homepage will automatically support full-page width cards.
One of the greatest benefits of adding WP Cards to a WordPress theme is that a website admin can reconfigure their site’s homepage on-the-fly without any programming skills or the need to depend on a programmer to make the changes. The admin just needs to log into the WordPress admin area, click-through to the Widgets admin page and drag-and-drop cards into the homepage’s card sidebar. Adding new page elements, moving page elements up and down, or removing page elements can happen in just a matter of seconds, and the website’s homepage is automatically updated.
WP Cards also supports adding a “Jumbotron” card area to the “header.php” file, Jumbotron cards can be configured to only show up on certain types of pages on the website. For example, a “Search Jumbotron” card can be configured to show up on just the website’s search and 404 pages. Or a “Registration Jumbotron” can be configured to appear just on the website’s homepage.
WP Cards is a framework for adding the card concept to an existing WordPress theme, and is designed to be full extended by other developers. WP Cards comes with a number of already developed cards and can be easily extended by adding new cards to the WP Cards’ “cards” directory, or by adding a “cards” folder to a theme or child theme’s root directory. WP Cards automatically loads all widgets (which use a pre-defined naming convention) from these “cards” directories into the widgets section of the WordPress admin area.
WP Cards automatically adds three sidebar areas to the WordPress widgets admin page, these are named “Card Staging Area”, “Header Jumbotron Cards”, and “Home Page Cards”. The “Card Staging Area” is just a sandbox widget area for building out cards before adding them to a live page. The plugin includes a “page-staging.php” file that can be added to an existing theme for admins to preview their cards on. An admin would just have to create a new private page called “Staging” and the logged in admin would be able to view all cards in the card staging area.
Having cards stored in widget areas generated by the WP Cards plugin enables a website admin to switch out WordPress themes over time, the website’s existing cards will still be available to be used and maintained on a new theme.