Files
display-featured-image-genesis/README.md
T

157 lines
6.5 KiB
Markdown
Raw Normal View History

2014-09-16 14:23:40 -04:00
# Display Featured Image for Genesis
2014-09-16 14:09:15 -04:00
2014-09-17 22:09:05 -04:00
This plugin works within the Genesis Framework, to display your post/page featured images in new and fun ways. It should work with either HTML5 or XHTML themes, but older themes may have a width set on elements which may not allow the full backstretch experience.
2014-09-16 14:23:40 -04:00
## Description
This plugin takes a different approach to how we use and display featured images for posts and pages. Instead of simply reusing an image which already exists in the post/page content, the plugin anticipates that you will want to use lovely large images for your featured images, but to do so intelligently. Depending on what you upload, the plugin will:
2014-10-16 08:53:41 -04:00
* display the image as a _backstretch_ (screen width) image if the image is wider than your site's Large Media Setting.
2014-09-16 14:23:40 -04:00
* display the image above your post/page content, centered and up to the width of the content, if your image is larger than your Medium Media Setting, and less than or equal to your Large Media Setting.
2014-10-16 08:53:41 -04:00
* display _nothing_ if your featured image width is less than or equal to your Medium Media Setting.
* display _nothing_ if your featured image is already displayed in your content (the original image, not a resized version).
2014-10-21 19:22:38 -04:00
* display a _default featured image_ as a backstretch image if one is uploaded.
2014-10-16 08:53:41 -04:00
__New in 1.3.0:__ optional Genesis archive headlines, descriptions, and excerpts for single posts/pages will display over the backstretch featured image.
2014-10-21 19:22:38 -04:00
__New in 1.2.0:__ on the Media Settings page, you can now upload a _Default Featured Image_ to be used site-wide. This image will be used on any post/page/custom post type which does not have a featured image set, plus archive and taxonomy pages.
2014-10-16 08:53:41 -04:00
_Note: This plugin works with the Genesis Framework and child themes only._
2014-09-16 14:23:40 -04:00
## Requirements
* WordPress 3.8, tested up to 4.0
2014-09-16 22:24:53 -04:00
* the Genesis Framework
2014-09-16 14:23:40 -04:00
## Installation
### Upload
1. Download the latest tagged archive (choose the "zip" option).
2. Go to the __Plugins -> Add New__ screen and click the __Upload__ tab.
3. Upload the zipped archive directly.
4. Go to the Plugins screen and click __Activate__.
### Manual
1. Download the latest tagged archive (choose the "zip" option).
2. Unzip the archive.
3. Copy the folder to your `/wp-content/plugins/` directory.
4. Go to the Plugins screen and click __Activate__.
Check out the Codex for more information about [installing plugins manually](http://codex.wordpress.org/Managing_Plugins#Manual_Plugin_Installation).
### Git
Using git, browse to your `/wp-content/plugins/` directory and clone this repository:
`git clone git@github.com:robincornett/display-featured-image-genesis.git`
Then go to your Plugins screen and click __Activate__.
2014-09-21 15:41:45 -04:00
## Screenshots
![Screenshot of a page using the Backstretch Featured Image](https://github.com/robincornett/display-featured-image-genesis/blob/develop/assets/screenshot-1.jpg)
__Screenshot of a page using the Backstretch Featured Image.__
2014-10-16 08:53:41 -04:00
![Screenshot of the WordPress Customizer](https://github.com/robincornett/display-featured-image-genesis/blob/develop/assets/screenshot-2.jpg)
__Use the WordPress Customizer to set a Default Featured Image.__
2014-09-16 14:23:40 -04:00
## Frequently Asked Questions
2014-09-16 22:24:53 -04:00
### How do I stop the featured image action from showing on my custom post types?
2014-09-16 14:23:40 -04:00
2014-09-16 22:24:53 -04:00
You'll want to add a filter to your theme (functions.php file). Here's an example:
2014-09-16 14:23:40 -04:00
2014-09-16 22:24:53 -04:00
```php
add_filter( 'display_featured_image_genesis_skipped_posttypes', 'rgc_skip_post_types' );
function rgc_skip_post_types( $post_types ) {
$post_types[] = 'listing';
$post_types[] = 'staff';
return $post_types;
}
```
2014-10-16 08:53:41 -04:00
It seems that you can also include [conditional tags](http://codex.wordpress.org/Conditional_Tags) in the above, eg `$post_types[] = is_front_page();` to stop the featured image from displaying. This is most helpful if you have set a default featured image in the Customizer.
2014-10-21 19:22:38 -04:00
### Can I force my site to use the default image on a post type even if it has its own Featured Image?
Yes! You'll want to add a filter to your theme (functions.php file). Here's an example:
```php
add_filter( 'display_featured_image_genesis_use_default', 'rgc_force_default_image' );
function rgc_force_default_image( $post_types ) {
$post_types[] = 'attorney';
return $post_types;
}
```
2014-09-17 22:09:05 -04:00
### The backstretch image is a little too tall.
2014-09-16 14:23:40 -04:00
2014-10-16 08:53:41 -04:00
If you do not want the height of the backstretch image to be quite the height of the user's window, you can reduce it by just a hair. Go to Settings > Media and change the 'Height' number from the default of 0. The higher this number is, the shorter your image will be. Feel free to experiment, as no images are harmed by changing this number.
2014-09-17 22:09:05 -04:00
2014-10-16 08:53:41 -04:00
Additionally/alternatively, you could set a max-height for the backstretch image area via css:
2014-09-17 22:09:05 -04:00
```css
2014-10-16 08:53:41 -04:00
.big-leader {
max-height: 700px !important;
2014-09-17 22:09:05 -04:00
}
```
### I'm using excerpts for a post type/posts/etc, but don't want them to show on the single page, even with the featured image.
There's a filter for that, too. For example, adding this to your functions.php file would make sure that the excerpt does not show on single posts, or posts from the Staff post type, even if they have an excerpt.
2014-10-27 17:23:04 -04:00
```php
add_filter( 'display_featured_image_genesis_omit_excerpt', 'rgc_omit_excerpts' );
function rgc_omit_excerpts( $post_types ) {
$post_types[] = 'staff';
$post_types[] = 'post';
return $post_types;
}
```
_Note: styling for the post title with excerpt is styled to be consistent with the optional Genesis taxonomy/author/custom post type archive titles and descriptions. You can override these in your stylesheet._
2014-09-16 14:23:40 -04:00
## Credits
* Built by [Robin Cornett](http://robincornett.com/)
## Changelog
###1.3.0
* optional taxonomy/author/CPT headline/description now show over leader image
* optional excerpt displays on single posts/pages as part of overlay; output is the same as taxonomy/author/CPT
2014-10-25 17:41:32 -04:00
###1.2.2
* default image validation
2014-10-21 19:22:38 -04:00
###1.2.1
* moved default image from Customizer to Media Settings page
* new filter for forcing default image for any post type
* common class
2014-10-16 08:53:41 -04:00
###1.2.0
* new feature: default featured image to display if no image is set
* better method naming/organization
2014-09-30 14:19:47 -04:00
###1.1.3
* output is now properly managed to show only on single posts/pages and home page, not archives
2014-09-26 15:43:53 -04:00
###1.1.2
* plugin properly deactivates if Genesis isn't running
2014-09-17 22:09:05 -04:00
###1.1.1
2014-09-23 15:43:24 -04:00
* corrected XHTML hooks
###1.1.0
2014-09-17 22:09:05 -04:00
* added a setting in the admin to optionally reduce the height of the backstretch image
* refactoring
2014-09-16 22:24:53 -04:00
###1.0.1
* added the filter for certain post types, and optional filter for other custom post types
2014-09-16 14:23:40 -04:00
###1.0.0
2014-09-30 14:19:47 -04:00
* Initial release on Github