Last updated: 24 Nov, 2013 Mobile menu bugfix, capture first image of post automatically (if no featured image set). check the version history
Dummy/Demo Shortcodes to get started asap
Tag: grid
Closing Tiles Gallery for WP (Galleries)
Finally say STOP to the boring multi-column layouts! Keep images aspect ractio, create gorgeous grids with Final Tiles Gallery!
“This gallery is superb as it is out of the box new idea. It does not follow the traditional multi-column layout. You have more freedom in showcasing your photos with the use of complex grids. No cropping needed as your images will automatically fit the slideshow” twelveskip.com
NEW Release! Version 1.8 has been published
Enjoy the new features:
- Filters: Define your own filters for each gallery
- Bulk actions: delete or assign filters with multi-selection
- Blank links: now links can have the _blank target
- Style borders: refine border colors, size and radius
- Shadow: refine shadow size and color
- Disallow image enlargement: now you can disable automatic image enargment when it occures.
NEW Release! Version 1.7 has been published
Enjoy the new features:
- New lightbox added: Swipebox available
- Add multiple images: select and add many images from the WordPress media panel
- Gallery width: set the gallery width
- Custom CSS: you can easily add custom CSS
- Custom scripts: you can add scripts to run after gallery initialization
- Change image size: select the size of the images after you added to the gallery
Tutorial
See a video tutorial showing how to create a gallery in few steps: http://www.youtube.com/watch?v=ic8pFJcMiiU
NEW admin panel
Features
- No crop: unlike many other tiled galleries, it doesn’t crop images, unless you decide to use the snapping to a grid, in that case a small part of the image could be cut;
- Responsive: the gallery is responsive by default, when it’s container changes width each tile will move with an animation;
- Add multiple images: select and add many images from the WordPress media panel
- Gallery width: set the gallery width
- Custom CSS: you can easily add custom CSS
- Custom scripts: you can add scripts to run after gallery initialization
- Portfolio: perfect tool for portfolios and photo galleries;
- Change image size: select the size of the images after you added to the gallery
- Social sharing: each image can be shared using Twitter. Google+, Facebook and Pinterest;
- Multiple galleries: you can add any galleries in a post as many as you like;
- Custom captions: tune the captions setting opacity, animations, color and duration;
- Advanced admin UI: enhanced administration panel;
- 5 Lightboxes available: choose your favourite lightbox between Magnific, Colorbox, Fancybox, PrettyPhoto, Swipebox;
- Gallery management: each gallery is saved in WordPress database so you can edit them whenever you want: you can add, rename, delete and edit the galleries;
- Custom links: each image can be linked to a custom URL;
- Zoom: each image can be shown in a bigger format;
- Filters: Define your own filters for each gallery
- Bulk actions: delete or assign filters with multi-selection
- Blank links: now links can have the _blank target
- Style borders: refine border colors, size and radius
- Shadow: refine shadow size and color
- Disallow image enlargement: now you can disable automatic image enargment when it occures.
- Shuffle: Enable or disable image shuffle;
- Styling: you have control on margins and snapping grid;
- CSS3 animations / JS fallback: the script detects if the browser can support CSS native animations and, if so, it uses them to take advantage of hardware acceleration, othrwise it uses javascript animations;
- Mobile friendly: the script works great on all devices, even mobile, that can run a common browser;
- Guaranteed support: we alway do our best to help and give support when needed.
- Updates: we really, really love to hear comments and suggestions for new features, and most of them are added thank to our users.
Redox WordPress Theme (Weblog / Journal)
Features
- Fully Responsive
- Post Sharing
- Embeddable Media – Easily post videos vimeo, youtube, soundcloud embeds by simply entering the page url.
- Shortcodes – Redox comes stocked with a shortcode generator that can easily be accessed in a few clicks from the post editor.
- Twitter Feed
- Social Network Widget – Over 30 social network widgets to use.
- Multiple Post Type Support
- Standard
- Photo
- Chat
- Video
- Gallery
- Aside
- Link
- Quote
- Off Canvas Sidebar
- Multiple Post Sizes
- Admin Panel to fully customize Redox to your liking.
- Group Blogging – Redox displays an author portrait for each post in the meta section. Great for teams/companies that have multiple submitters.
- Infinite Scroll – Trigger Pagination
- Header Image support
- Background Image support
Changelog
Version 1.0.0 - Initial Release Version 1.0.1 - Minor Bug Fixes
Demo images provided by Brian Van Wyk
Hero – WordPress Portfolio (Galleries)
Hero – WordPress Portfolio
Hero is a WordPress Plugin that shows your portfolio in an interactive way. You can display portfolio as three, two and one column. Additionally you can also display portfolio by category. Hero also supports single page, multiple images or video for each portfolio item.
Features:
- Fully responsive
- Single page support
- Display by category
- Two columns showcase
- Three columns showcase
- One column showcase
- Related projects support
- Video support
- SEO ready
- Easy drag and drop admin
Documentation
Comprehensive documentation for Hero. Browse the documentation, search for help topics, step by step guide on how to install and use the plugin. See Documentation, see admin Screen-cast.
Video Showcase
Preview images – Fotolia.com
Hover effects inspiration – tympanus.net
Responsive Grid Shortcodes for WordPress (Interface Components)
Responsive Grid Shortcodes for WordPress
Version 1.2 is available now!
New features of version 1.2:
- Added buttons on the editor bar in wordpress for quick addition of the grid shortcodes (no need to memorize the shortcodes anymore!
- You also get the .ai files that I used for the button icons when you buy this plugin!
- Functional fixes and improvements
This plugin provides a shortcode for you to implement a grid system layout without coding the grid in WordPress. The plugin adds the necessary markup and CSS to make the responsive grid in any page or post on your site.
This plugin was made to be the easiest plugin available to implement a grid into a page or post.
To use it, type [one_half]’whatever you want in that grid section’[/one_half], for the last grid element of that row you must use [one_half last=”yes”].
Grid shortcodes available:
- full-width
- one-half
- one-third
- two-thirds
- one-fourth
- three-fourths
New Features Added:
- Added support for a new grid shortcode: Full Width.
Documentation and a Quick Start Guide is included in the download!
Lister : A Highly effective Content material Organizer (Interface Components)
Lister is a Fully Responsive tool aimed to quickly make your lists look great and attractive. With Lister you are not limited to only the traditional ‘vertical’ lists, and also can order your items horizontally, making your content look much more organized and semantically logical.
New in Version 1.5 : To-Do Lists!
Lister support hundreds of icons (Font Awesome (version 4 included!), IcoMoon, Fontello), numbered lists (Inc. Roman) or alphabetic order. You can further style the Icons, Positioned and assigned on-hover animations.
You can achieve almost any grid-style structure with Lister, as it lets you choose the amount of columns, and assign fixed heights to Items.
I’ve added an Examples Page for Lister with plenty of examples to get you started, this page will be constantly updated : Lister Examples
Lister was designed to look great out-of-the-box, and to be implemented without entering a single line of shortcode.
Lister’s Features :
- 7 List Themes, 10 Color Schemes, 6 Icon Shapes & 9 on-hover Animations.
- 2 Shortcode Generators, one for List and one for Items.
- Hundreds of Icons (Supports Font Awesome, IcoMoon, Fontello and more)
- Complete CSS control. Supports the HTML5 ‘style’ attribute. Provides pseud-unique IDs, and allows the assign unique classes.
- Light & Quick. Lister loads no Javascript and is based on CSS3 alone.
- Responsive! Lister is flexible and responsive from the get-go, and allows you to enable/disable responsiveness per list (and limit to big/small screens)!
- Compatible with All Major Browsers (Mobile / Desktop).
- Supports Nested Lists.
Support
I’ll do my best to provide quick and free support to any question you might have. moreover, I’ll be happy to add any feature you find missing, and/or quickly fix any bug you might encounter.
Testimonials WP Plugin (Interface Parts)
Testimonials plugin for WordPress is responsive, the main propose of the plugin is to display testimonials, but it can be used for other proposes.
You can display the entries in 3 different Ways
1. Slider
In this slider you can display testimonials with 3 different style with a number of options you set such as ( Image Size,Image Radius,Number of items, Order By, Order, Auto Play, Pause On Hover, Buttons Visibility, Buttons Radius, Buttons Position, Scroll Duration, Pause Duration, Font Style).
2. Grid
The testimonials will also display it in a responsive grid with a number of column and with 3 different syles, depending on your settings.
3. List
A simple responsive list to display your testimonials in a simple way. depending on your settings.
You can customize the layout, with several layout options.
1. Items Style
You can display slider, grids, list with 3 different layout style with the information to the right, or below the image or above the image, depending on the settings.
a. Style 1
b. Style 2
c. Style 3
2. Image Size
You can display slider, grids, list with 4 different image size, depending on the settings.
a. Large
b. Medium
c. Small
d. Without Image
3. Image Radius
You can display slider, grids, list with 4 different image radius size, depending on the settings.
a. Large Radius
b. Medium Radius
c. Small Radius
d. Without Radius
4. Number of Columns
In the grid layouts you can choose how many columns you want to display. It responsive and adept in different screen sizes.
5. Border Style
You can display testimonials with 3 different options. depending on your settings.
– Border Color
You can change border color by select color from color piker in the settings.
6. Font Style
You can choose text font, font size, font color depending on the settings.
Group by categories
You can group testimonials by categories and you can display it by selected category or all of them.
Widget Ready
The shortcode will work on widget, just copy the shortcode in testimonials widget.
Shortcode Generator
The shortcode generator will make a preview of how the layout looks with the selected settings.
Version Log
2013/11/14 – version 1.2
Fixed "Testimonials Items number to show at most" bug.
2013/10/18 – version 1.1
Add categories, Fixed slider loading delay.
2013/09/30 – version 1.0
First stable release.
Writter – A Brand new Grid Based totally Cellular Theme (Cellular)
Welcome! I’d like to introduce my new WordPress theme.
Newest WordPress support!
Writter is grid based minimalistic theme with buch of colorful features bloggers will appreciate. Clean and smooth modern design with 8 great post formats is the right choise. Theme was built with strong focus on typography. On the mobile screen it’s just the best looking theme our there.
Writter is the right choise for creative bloggers but not only for them. Post layout can be used as a portfolio. It’s all about creativity. So click on a live preview and try Writter. It’s the perfect way to start!
Post formats
- Standart Post
- Image Post
- Video Post
- Audio Post
- Gallery Post
- Link Post
- Quote Post
- Aside Post
Theme Features
- Responsive (liquid) layout
- Masonry grid with CSS3 transitions
- Infinite Scrolling
- Sidebar widgets
- 8 Perfect Post Formats (Audio, Video, Gallery, Link, Quote, Aside, Image and Standard)
- WordPress 3.6 ready
- High resolution and retina ready
- Translation ready
- Featured “sticky” posts
- Author biography
- ZillaShare plugin native support
- ZillaLike plugin native support
Credits to:
- CSS Reset
- HTML5 Fix
- ZillaShare
- ZillaLikes
- Source Sans Pro Google Fonts
- jQuery Perfect Scrollbar
- jQuery Mousewheel
- jQuery ImagesLoaded
- jQuery Masonry
- jQuery InfiniteScroll
- jQuery FlexSlider
- Sounas Design Images for live preview
Thank you for visiting Writter
If you have any futher questions feel free to ask.
Version 1.0.1 – October 4th, 2013
- FIX: Secondary sidebar deleted - FIX: Searchform under single posts bug
Version 1.0.0 – July 30th, 2013
- Initial release
Crew Show off – wordpress Plugin (Interface Parts)
With this plugin you can display a set of pictures and information in different layouts. The main purpose of the plugin is to display team/staff members, but it can be used for other purposes.
It’s perfect to display the members of your staff, team or working force, even divided by categories or groups! You can also use it to display testimonials or other kinds of content that require an image and text!
You can display the entries in 4 different main ways
GRID
The members will display in a responsive grid with the number of columns you set and with the information to the right, left or below the image, depending on your settings.
GRID WITH INFORMATION ON HOVER
The members will display also in a responsive grid, but the information will display when you hover the image.
TABLE
A simple responsive table layout to display the members in a simple way.
THUMBNAILS PAGER LAYOUT
The thumbnails of the members pictures will display smaller and on click the bigger picture and information will display in a designated area. Very similar to a gallery functionality where you can navigate the content clicking on the small thumbnails.
You can customize and enhance the layout, with several layout options and pre-built styles.
Number of Columns
In the grid layouts you can choose how many columns you want to display. The Columns will be responsive and adapt in different screen sizes.
Image Shapes and effects
You will be able to choose if you want the images to display with squared corners, rounded corners or even circular shaped! In addition you can give them extra styles, like grayscale, image borders and shadow styles.
Text Align
Simple text alignment options: center, right of left.
Composition
In the layouts where this option applies, you’ll be able to choose if the image will be above, to the right or to the left of the content.
JQuery Category Filter
On the Grid and Hover Grid layouts you’ll have the option to activate and display a Jquery Groups filter! You can display all your members and in one click your visitors will be able to filter out a selected category!
THEME PRESETS!
In addition to the options above, you can choose a preset combination of options.
Examples
Future versions of the plugin will probably include more built-in styles and themes!
Filter by categories
You can group your entries by categories and display only a selected category or all of them! This way you can even have a list of your team/staff members by position or departments.
Drag & Drop Re-Ordering!
When viewing the member entries archive, you can activate the Drag & Drop Ordering to easily change the order of the entries!
Single Pages for each entry!
You can choose if you want the entries to have a single page active or not! If you have the single page activated, you can choose if the entries in the layout will have a link to this single page or not!
Widget Ready!
The shortcode will work on widgets! Just copy the shortcode and include it in a text widget and the chosen layout will display in the widget!
Shortcode and PHP Function Generator!
It couldn’t be more easy to generate the necessary code to display the entries. Just go to the Shortcode generator, choose the settings you want and the shortcode and the php function that you can use will be generated and ready to copy and paste where you want! Shortcodes are to be used in posts, pages and widgets, while the php function will be necessary if you want to hard code the team showcase layout in your theme files.
The generator will make a preview of how the layout looks with the selected settings.
Input fields for specific content
When adding a new entry, you’ll have new fields for specific content. By default this fields are:
- Free HTML – A text area where you can include HTML content. Can be used for example to include content that doesn’t fit the other input fields, or simply to place longer content like a tag line for the user.
- Job Title – Name of the position of the team member, or department definition.
- Telephone
- Location
- Personal Website
- Social Networks links (Twitter, Facebook, Google Plus, Linkedin, Youtube and Vimeo)
Advanced users are able to change this definitions, by changing the labels in a settings php file.
Custom Feature Name!
You don’t like this feature to be called ‘Members’? Go in the plugin settings and change it to whatever you want!
Default Image sizes
You can change the default size of your images on the settings. This way, when you upload new images they will be resized to the specified dimensions.
Single Page Settings
When can choose if the single page feature will be active or not and what information you want to display on it! If your team member entry is connected with a wordpress user, you can display the latest posts, for example!
Other Settings
Other settings include the social icons size and shape and also if the email information has the mailto:email format or not.
Multi-use! Be creative!
Although this was built to better serve as a simple way to display team or staff member in your wordpress website, you can use it for other purposes! If you have a problem that requires a plugin that will display a list of images together with information, this plugin can be useful! You can for example create a list of products or services!
Updates Log
How to update this plugin? – Read the FAQ
– Version 1.2.2 – November 5th 2013
Added Search Widget and Shortcode; Added Filter option to Thumbnails Pager layout; Possibility to select multiple categories to display;
– Version 1.2.1 – October 3rd 2013
Small jQuery improvement for the Thumbnails Pager layout
– Version 1.2 – September 23rd 2013
Added IDs filter in Shortcode Generator - Ability to select specific members to display Added Instagram Icon
– Version 1.1 – July 2nd 2013
CSS changes, Font-Awesome update New Drag & Drop Ordering feature New jQuery Category Filter for selected Layouts Default Image for table layout and hover grid layout Added email icon to Social Links Email html enconde to prevent spam bots to grab email
Version 1.0 – June 14th 2013
Initial Release
Credits
The plugin uses the awesome bxSlider to build the thumbnails pager layout and the Font Awesome Icons to display the small icons.
Demo pictures by ollyi, from PhotoDune. Drag & Drop ordering feature inspired by Jake Goldman.
