Feature Request: Title + caption to appear on top of the full cover image

[sergioschuler]

Like this:

[raamdev]

This would be nice. If anyone wants to submit a pull request for this, I'd love to take a look at adding this in as a feature.

[bonedoc]

Liked this feature too. Easier for people to navigate back to home screen. :) Thanks.

[tlongren]

@raamdev I could tackle this.

@bonedoc, how would adding title & caption on full cover image make it easier to get back to the home screen? Just trying to understand what you're envisioning before I start this.

[raamdev]

@tlongren That would be awesome. :) One thing that's going to make this challenging, I believe, is the fact that the post cover exists outside the main loop, in header.php.

Actually, I just looked at the code and independent_publisher_full_width_featured_image() starts a loop to get the featured image for the post, so you can probably tap into that to add the post title (maybe improve independent_publisher_full_width_featured_image() to accept an optional parameter that adds the post title on top of the image).

If you want to add subtitle support (like in the screenshot), the best way to do that is probably going to be through a Custom Field attached to the post (e.g., something like independent_publisher_post_cover_subtitle with its value set to the subtitle that you want to appear under the title). Then you can just check for that custom field using get_post_meta() when you're adding the title.

In fact, I suggest toggling post title on the cover image functionality using a Custom Field as well. Any post that has the Custom Field independent_publisher_post_cover_title with a value of true added, and also has a full-width featured image, will have the title appear on top of the post cover.

@bonedoc, how would adding title & caption on full cover image make it easier to get back to the home screen? Just trying to understand what you're envisioning before I start this.

I think he's probably referring to the little icon in the top-left of the screenshot, but that feature already exists.

[tlongren]

Sounds awesome. Gimme a bit, got a few projects I'm finishing up in the next few weeks. Time's pretty tight at the moment.

I'll test better before this PR, too, heh.

[raamdev]

Sounds great! No rush. I think I'm done with updates to the theme for awhile.

[joshkerr]

Why are you done with updates for a while? You were doing so awesome!

Could you add an option to automatically make featured images go full width instead of making me have to update then set the option then update again?

[raamdev]

Well, I don't want to break child themes that already exist in the wild, so I've got to be careful about adding features or changing things.

That said, I like the idea for an option to automatically apply the full-width featured image. Can you open a feature request (Issue) for that on GitHub?

I really like you theme, is this is definitely something I would love to see on it...
Did you guys make any progress in this feature?

[raamdev]

@descubraomundo No progress yet. I work on this project in my spare time and I haven't had much spare time lately. Feel free to submit a Pull Request if you'd like to try working on it yourself. :)

[raamdev]

Woohoo! Thanks to work by @descubraomundo, this feature will be coming with the next release of Independent Publisher! Here's a screenshot of the new "Overlay Post Title on Post Cover" option:

---

The post title itself fades out as you scroll down. Also, the post cover uses a DIV with the featured image set as the background, so if you want the post cover to take up 100% of the browser viewport (like Medium.com), you can easly do so by adding the following CSS to a child theme:

.single.post-cover-overlay-post-title .post-cover-title-image { height: 100vh !important; }

The default style will have the post cover take up 75% of the browser viewport when the "Overlay Post Title on Post Cover" option is enabled.

There are no changes to the behavior of the existing "Featured Image as Post Cover" option.

Enabling this option on a per-post basis

It will also be possible to enable the "Overlay Post Title on Post Cover" option on a per-post basis, by creating a Custom Field on the post with the key post_cover_overlay_post_title and the value true.