Featured Blog At Top of Blog Category

Hi there,

Tricky one.
One possibility is to:

1. Add a Tag of featured to the Post you want to display at the top.
2. Add this PHP Snippet to your site:

add_action( 'loop_start', function( $q ) {
    if( $q->is_main_query() && $q->is_category() )
        usort( $q->posts, function( $a, $b ){
            return -1 * has_tag( 'featured', $a ) + 1 * has_tag( 'featured', $b );            
        });
}, 10, 2 );

If that works we can talk about making that first post look different

That doesn't seem to have worked... unless I added it into the wrong place? Does a PHP snippet go under "Customise" and "Additional CSS" as that's where I added it? I did also have a #Featured tag already but tried it with just Featured so that should have been okay there?

Let me know!

Thanks,
Ella

Its PHP this doc explains:

https://docs.generatepress.com/article/adding-php/

TLDR:
Are you using a Child Theme?
If Yes, then the PHP goes in the Child Theme > functions.php
If No, then install the Code Snippets plugin ( link in the above doc ) and Add New Snippet to add the PHP

Okay, added via Code Snippets and it didn't work.

Instead of trying to feature a post on the top, can we instead, simply add a text box onto the category pages.

EG on the homepage, we have the "welcome to forgetting fairytales" text box: https://www.forgettingfairytales.com I'd like to be able to have text like this at the top of the category pages to introduce what it's all about. EG above where the posts list starts here: https://www.forgettingfairytales.com/category/breakups/

Is this possible, and in an easier way at all?

Thanks so much,
Ella

If you edit a Category - do you have text in the Description ?
If so that could hooked into your page. Let me know.

Yes there's a description box :) Let me know what to do next! Thanks :D

Whilst viewing a category page, use the Admin Bar > Elements menu shortcut to edit the: Archive Header Block element.
Beneath the Headline that is showing the title.
Add a GP Dynamic Content Block and set its Type to: Term Description.

That will print the description below the title on archive pages..

Amazing, thank you very much. Is there a way I can make the text smaller - particularly on mobile but also on desktop too? As even just a few sentences there, pushes the blog posts right down when it's at that size on mobile. And the text on Desktop is also bigger than the logo and page titles too so it looks a little "shouty!" Please see here: https://www.forgettingfairytales.com/category/single/

Thanks,
Ella

Edit the element.
Select the Container Block that the title and description is inside.
In its Typography settings, set a font size for Desktop and for Mobile. The description will inherit that size.

For the Title, you can select its Headline Block and change its Typography font size

Where is this sorry? I can't see the Typography settings. I can only see editor width, element type, quick hooks, etc to the right, then below its just location etc. Am I looking in the wrong place?

Thanks,
Ella

See here:

https://www.screencast.com/t/1rqONhEjgdBL

Oh perfect, thank you so much! I didn't actually even know that was there. You're fantastic. All sorted now then :D

Glad to be of help :)