Show excerpt in grid view

Home Forums Automattic Photo Blog Show excerpt in grid view

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #164988 Resolve

    Ryskim

    Title is self explanatory.

    It’s about the only thing I need right now, to be able to show excerpt and tags / Categories in grid mode. Is this possible?

    The blog I need help with is xivsp.net
    #164990

    Ed Thomas

    Hi there!

    It’s about the only thing I need right now, to be able to show excerpt and tags / Categories in grid mode. Is this possible?

    That’s not possible with the Photo Blog theme — you could get something similar set up using the Lens theme and some custom CSS, though!

    You can activate the Lens theme for your site from here: https://wordpress.com/theme/lens

    Then, if you head to the CSS panel of the Design > Customize area of WordPress.com here, you can paste in the following code on a new line, after any other CSS that’s already in the text box on that page: https://wordpress.com/customize/

    /* display post excerpt on lens theme */
    article.post-archive section.meta {
      top: unset;
      bottom: 0;
      opacity: 1;
      z-index: 99;
      background: rgba(255,255,255,0.85)
    }
    
    /* remove overlay on hover */
    article.post-archive.has-thumbnail:hover .post-image-wrapper {
        opacity: 1;
    }
    

    After adding that code, click the blue Publish button, and the change will be live on your site!

    Also, as a heads-up, since your site has a Premium plan, you’re entitled to live-chat and email support, accessible here: https://wordpress.com/help/contact

    You’re welcome to still post in these forums, but those other support avenues may be faster, and you’ll always get a staff reply :)

    I hope this helps! Please let me know if there’s anything else we can help with.

    #164991

    Ryskim

    Thank you so much Ed. I was going to ask, is this theme also yours?

    Because the only thing I miss in this theme is the large header image for articles, other than that it’s really nice!

    #164993

    Ed Thomas

    Hi again!

    Thank you so much Ed

    I’m glad I could help!

    I was going to ask, is this theme also yours?

    Lens isn’t designed by Automattic — it’s from Pro Theme Design :)

    Because the only thing I miss in this theme is the large header image for articles, other than that it’s really nice!

    It wouldn’t be possible to add the large header image, but in doing a bit more thinking on this, you could set something like what you were initially describing up with Photo Blog using the Blog Posts block and a bit of custom CSS!

    There’s some information on the Blog Posts block here: https://en.support.wordpress.com/wordpress-editor/blocks/blog-posts-block/

    If you set that up on a new page, you can use the following code to make it appear the way that the blog posts appear in Photo Blog:

    /* make blog posts block full width */
    .wp-block-newspack-blocks-homepage-articles {
    	margin-left: calc(50% - 50vw);
    	margin-right: calc(50% - 50vw);
    	max-width: 100vw;
    	width: auto;
    }
    
    /* remove spacing beneath articles in the blog posts block */
    .wpnbha article,
    .wpnbha.is-grid article, 
    .wpnbha.is-grid article:last-child {
        margin-bottom: 0;
    }
    
    /* remove spacing between posts in blog posts block on large screens */
    @media only screen and (min-width: 600px) {
        .wpnbha.columns-3 article {
        	flex-basis: 33.33%;
        	margin-bottom: 0;
        }
    }

    That will make the block display more like this:

    Blog Post block

    You can then set that new page as the front page of your site from the Homepage Settings panel of the Design > Customize area of WordPress.com here: https://wordpress.com/customize/

    There’s a bit more information about that here, if you’re interested: https://en.support.wordpress.com/pages/front-page/#2-set-a-static-front-page

    You might need some additional CSS to tweak the way the page is displayed, but that should get you pretty far and might be a good way to go!

    Let me know if there’s anything else I can help with :)

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.