[Resolved] Display Posts

[Brigitte]

Hy there, I have a static page as the landing page and I would like to display also posts there.
http://www.camera-obscura.click/

With another (free) theme I used this plugin:
wordpress.org/plugins/display-posts-shortcode/

My question: with Generate Press Premium is there a more simple way than an external plugin? Is there a plugin from Generate Press itself, or is it somewhere in the Customizer? I couldn’t finde anything.

THANKS!!!

[Brigitte]

PS: I also used an external plugin for the slider (Serious Slider By Cryout Creations).
Is that possible without plugin? How?

[David]

Hi there,

for the posts you can use our free GenerateBlocks plugin:

https://generateblocks.com

It has a Query Loop block which you can create your own post lists:

https://docs.generateblocks.com/article/query-loop-overview/

You can see some of them in our Pro Pattern Library:

https://generateblocks.com/library/

It includes a free pattern as well that you can copy to get you started.

https://generateblocks.com/library/?pattern-preview=4065

For the Slider, we don’t have a solution for that just yet.

[Brigitte]

I thought about that too and installed it. But I can’t see where to create the blocks…?
The layout, where I write pages and posts did not change. With the plugin itself I see only the documentation. But it does not show, where to start…?
I don’t use Gutenberg, is that the problem?

https://www.camera-obscura.click/generate1.png

https://www.camera-obscura.click/generate2.png

[Brigitte]

Sorry, here it is, the 1st pic:

https://www.camera-obscura.click/generate1.png

[David]

Aah ok – it requires the Block Editor to work …. are you only wanting to use Classic editor ?

[Brigitte]

Yes!

[Brigitte]

Who wants to work with Gutenberg?

[Brigitte]

Any solution?

[David]

you can use WP Show Posts:

https://wordpress.org/plugins/wp-show-posts/

[Brigitte]

Thanks, just went through the list I got on wordpress.org and found this plugin, it worked.

But where can I style the posts? I tried to add additional CSS, also with !important, but cant’t manage that the button “Read more” look the same as the button on the category page.

https://www.camera-obscura.click/
https://www.camera-obscura.click/category/aktuelles/

[Ying]

Hi Brigitte,

Is this the CSS you added to style the button?

	a.wp-show-posts-read-more, a.wp-show-posts-read-more:visited {
		
  color: #ffffff !important;
  background-color: #2e4980!important;
}

If so, it’s been added under this media query: @media only screen and (max-width: 600px).

If you want it to work on desktop, make sure there’s a } to close the media query.

And just so you know, WP has stopped supporting classic editor, and we’ve stopped supporting the WP Show Posts plugin as well.

[Brigitte]

Thanks for looking! I just checked, I closed the @media query before:

So do you have any idea, why it does not work?

And, really, please let your company know: there is still a big community who does not work with page-builders and really not with Gutenberg. Envato or Beaver Builder are much better. If Generate Press supports only Gutenberg in the future, it is a reason to leave Generate Press.

[Ying]

There’re 2 . before the site-header selector which puts the CSS invalid.
https://www.screencast.com/t/tE6InQXHYr

Try removing the extra ..

You can always check your CSS using a tool like this:
https://jigsaw.w3.org/css-validator/validator

For the Gutenburg question, GP is based on WP’s platform, if the platform doesn’t support classic editor anymore, there’s nothing we can do.

[Brigitte]

Thanks, yes I know, I wanted to make this CSS invalid :-).

This is the one what I used to change the color of the buttons (Read more/Weiterlesen), and it does not work.
`a.wp-show-posts-read-more, a.wp-show-posts-read-more:visited {

color: #ffffff !important;
background-color: #2e4980!important;
}`

You mentioned the CSS before because you thought my button CSS does not work correctly because a } is missing.

Any solution how to change the “read more” button? Did I something wrong? Or is it not possible in the additional CSS?

Thanks!

[Author]

Posts