Using a Blog page as a link resources page

Archive
1

I’ve been able to add the Blog page example from the Blog Skeleton download into my site, and am starting to understand its structure.

For my plans, I’d like to re-purpose the Blog layout as a way to share a collection of recommend resources (i.e. web articles, youtube videos, etc) for a course website I am building. Ideally, I’d like a list of entries, each with tags and categories plus a short excerpt, but when clicking on the title of the entry go to an external resource (instead of an interior Blog page entry) and perhaps hide the “Continue Reading” button or change it to something like “View Entire Article”.

Is something like this general feasible or is there another (fairly straightforward) approach I should be considering?

Thanks very much,
Paul

2

antimatter already has support for this already. Simply put link: http://yourexternallink.com in the page header and it will automatically make the title link to that link. It does prepend a double arrow also to go to the interior page, you would just have to override the partials/blog_item.html.twig template and remove that bit if you didn’t want it.

3

Thanks very much, I am using the Bootstrap theme right now - is there a way to move that functionality over to that theme?

4

just copy the logic over from the antimatter theme’s .tmpl files. I’ve not kept that theme as up to date with changes/additions as antimatter.

5

Sorry, I am not sure where I should be looking - could you please be a bit more specific re: source and destination?

Might the Bootstrap theme get these updates as time goes on too? It’s nice to have such a minimal theme to start off with, and I’ve been already able to use a Bootswatch theme with it too.

6

Oh sorry, I thought I had already mentioned it was the partials/blog_item.html.twig file. Specifically this code:

{% if page.header.link %}
    <h4>
        {% if page.header.continue_link is not sameas(false) %}
        <a href="{{ page.url }}"><i class="fa fa-angle-double-right"></i></a>
        {% endif %}
        <a href="{{ page.header.link }}">{{ page.title }}</a>
    </h4>
{% else %}
    <h4><a href="{{ page.url }}">{{ page.title }}</a></h4>
{% endif %}

I do intend on updating bootstrap and afterburner2 with some of the fixes in antimatter. However, they were always intended to be a simple base theme, and not a showcase theme like antimatter is. They are kept simple on purpose to ensure they are not difficult to understand and modify. Antimatter is where all the innovation will be as the ‘core’ theme.

Themes in Grav are different from Joomla, or even WordPress in that they can be a simple or as powerful as you like. You are not required to support everything that every other theme supports, only what you wish the theme to do. The recently con verted Jekyll themes HPSTR and Mediator are great examples of this. They simply provide a blog that mimics the Jekyll original theme 100%, they don’t provide the same functionality that Antimatter does.

7

That is super helpful, thanks very much for the info!

Hmm… sounds like I should consider using the Antimatter theme :slight_smile: I assume that “under the covers” that is also using the Bootstrap framework? If so, could I still utilize Bootswatch themes if I wanted?

Whatever approach I take with using Grav for my multi-device course websites I want to try to follow recommended best practices (when applicable) as I want to share with other educators things I learn along the way, etc. It’s a balance of some level of customization while still keeping things fairly simple, if that makes sense.

8

Actually Antimatter does not use bootstrap. Bootstrap is a bit heavy and overpowering. Antimatter uses our custom minimal nucleus CSS framework, which is in essence a simplified styling reset with a simple flex-powered grid system.

9

Oh, I did not know that, I think for my plans I will continue to explore Grav with the Bootstrap theme and see how things go. Looking forward to any updates the Bootstrap theme might get :slight_smile: