Themes & Styling

Showing different headings on blog page

Started by John Green 5 years ago · 2 replies · 626 views

5 years ago

How can I modify blog.html.twig (e.g. in the Quark theme) so that it displays a different heading depending on whether I'm on:

the blog page itself (URL is /blog) - I want to see "Blog"
have arrived by clicking on a tag (URL is /tag:mytag) - I want to see "Subject: mytag"
using the Archives plugin (URL is /archives_month:may_2021) - I want to see "Month: May 2021"

Bonus: Is this described somewhere in the manual, so that I can bookmark it? Or is there a way I could discover the solution through debugging?

pamtbaau

Grav Forum Moderators Legend First Post Conversation Starter Well Liked 3181 posts

5 years ago Solution

@johnsgp, You could use Uri to get the params.

An unpolished example:

TWIG

{% set params = uri.params(null, true) %}

{% if not params %}
    <p>Blog</p>
{% elseif params['archives_month'] %}
    {% set period = params['archives_month'] | split('_') %}
    <p>Month: {{ period[1] }} {{ period[0] | capitalize}} </p>
{% elseif params['tag'] %}
    <p>Subject: {{ params['tag'] | capitalize }}</p>
{% endif %}

5 years ago

Thanks @pamtbaau - that is absolutely spot on! I didn't think of using the URI params. I also found the reference in the documentation, at https://learn.getgrav.org/17/themes/theme-vars#uri-object

Suggested topics

Topic	Replies	Views	Activity
Typhoon set width Themes & Styling · by stuart young, 2 weeks ago	3	251	2 weeks ago
Quark2 theme skeleton Themes & Styling · by Sebadamus, 3 weeks ago	5	317	3 weeks ago
A Visual Acceptance Matrix for Grav 2 Theme Reviews: What to Check Before CSS Ships Themes & Styling · by martynfoster735, 4 weeks ago	1	310	4 weeks ago
Quark2 and image_align: left -- images stays right Themes & Styling · by Justin Young, 1 month ago	1	348	1 month ago
environment://images in theme blueprints not working Themes & Styling · by Slebeig, 2 months ago	4	474	2 months ago