Grid LayoutĮssential Grid includes several layout options that can be found inside the “Grid Settings” tab. But when a “Masonry” skin is chosen, its view will vary based on your grid’s main layout. In closing, any skin can be chosen regardless of the grid’s main layout. The content below the main media will always be displayed by default, and the content does not “float” on top of other grid items like the previous example. “Masonry” skin combined with “Masonry” grid layout The content below the main media will only appear on mouseover, and will also “float” on top of any grid items below it. “Masonry” skin combined with “Even” grid layout When a “Masonry” skin is chosen, its behavior will vary based on the the grid’s main layout: 1. To assign a different template skin to your grid, visit the “Skins” tab, and select a new skin of your choice:Īn “Even” skin typically has content that’s displayed on top of the main media:Ī “Masonry” skin will often have content on top and also below the main media: These designs can be viewed and customized by visiting the “Item Skin Editor” section of the plugin:Įvery new grid will have the “Washington” skin assigned to it by default. Skin TemplateĮssential Grid comes with over 40+ prebuilt hand-crafted designs that you can choose from. Using Video?ĬLICK HERE to learn how video works with Essential Grid. Because sometimes images can be quite large, and you may not need such a large image when it’s placed inside an Essential Grid item, you can use the “Set Image Source Type” option to choose which version of your images you’d like to load into Essential Grid. First Content Image:Īnd for some reason if an image isn’t assigned to a post in one of the three ways listed above, when editing your grid, in the “Source -> Media Source” section, you can also set a “Default Image” that will be displayed in these cases.Īnd finally, whenever you upload an image to WordPress, multiple versions of the image are created automatically (thumbnail version, etc.). Each option pulls the image from the individual post: 1. Only one of these sources are needed, so you can choose what’s most convenient for you. There are three possible ways an image can be pulled from a post: When using a post-based grid, the image will be drawn from the post itself. Whether you’re using a post-based grid or a custom grid, in order for the main media to appear, it needs to be officially selected as one of the “Media Sources”: The main media for an Essential Grid item is usually represented by an image, but can also be other media content such as video. View full Documentation for Special Content Stream sources 2. Populate your Essential Grids with your YouTube or Vimeo Videos, or imagery from your Instragram, Flickr, Facebook and Twitter accounts. The “Hide Blank Items At” option allows you to hide the “Blank Item” at a certain breakpoint or always display it. The Blank Item feature is only available in version 2.3 and above. And when creating Image-based items, you can easily select several images at once with the “Bulk” option.Īdding a Blank Item to a Custom Grid allows displaying empty spaces between grid items. “Simple Content”), but the most common usage is to add items based on images from your WordPress main media gallery. When building a Custom Grid, you add items individually, starting with what type of item you wish to add:Īs shown above, you can add items based on video, SoundCloud, or no media at all (i.e. you create the items right from within the plugin’s admin. 1.2 Custom GridĬustom Grids are manually generated grids that are not based on posts i.e. View this article for a list of additional possibilities for customizing which posts are added to your Grids. Or you can edit categories/tags from within the post itself: Quick Tip You can easily add categories and tags by selecting the “Quick Edit” for your posts: Chances are, your blog posts already have categories and tags assigned: The categories and/or tags will need to already be assigned to the posts you want to pull into the grid. OR: The post only needs to have at least one of the selected categories/tags to be included in the Grid. Or, assign a combination of one of more categories/tags to narrow down what posts from the selected “Post Type” get pulled into the Grid.ĪND: A post will only be included in the Grid if it includes ALL of the selected categories/tags. To simply pull in all of posts from the selected “Post Type”, do not select anything from the “Post Categories” section. It’s almost like creating a super-awesome “blog home page”, where instead of a traditional list of post titles and excerpts, each post is represented briefly as an Essential Grid Item.Ī post-based grid works by first assigning a Grid a post-type source: One of the most common uses of Essential Grid is to have a grid based on your website’s posts.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |