How can I display a simplified/shortened list of blog posts?

[henryVr7]

I can use the tag [blogpages] to create a list of all posts. However, I would like a shortened list of the last 5. Is there a smart way to do this?

And: Is there also a tag to display the content of the latest blog post (or everything up to the more tag)?

Background: I would like to always have the latest article on a (start) page and an overview of the others underneath.

[pftnhr]

I haven't checked it but this is how I think it should work (Please note the comments in the code.):

<?php $this->yellow->layout("header") ?>
<div class="content">
<div class="main" role="main">
<?php if ($this->yellow->page->get("blogWithFilter")): ?>
<h1><?php echo $this->yellow->page->getHtml("titleContent") ?></h1>
<?php endif ?>
<?php $pages = $this->yellow->page->getPages("blog")->paginate($this->yellow->system->get("blogPaginationLimit")) ?>

<?php $postCount = 0;                           // Set $postCount to 0 ?> 

<?php foreach ($pages as $page): ?>

<?php $postCount++; // Increase $postCount with each iteration ?>

<?php $page->set("entryClass", "entry") ?>
<?php if ($page->isExisting("tag")): ?>
<?php foreach (preg_split("/\s*,\s*/", $page->get("tag")) as $tag) { $page->set("entryClass", $page->get("entryClass")." tag-".$this->yellow->lookup->normaliseClass($tag)); } ?>
<?php endif ?>

<?php if ( $postCount === 1 ) {                 // iterate over the $postCount and show post content only if $postCount is 1 ?>

<div class="<?php echo $page->getHtml("entryClass") . ' ' . $postCount ?>">
<div class="entry-title"><h1><a href="<?php echo $page->getLocation(true) ?>"><?php echo $page->getHtml("title") ?></a></h1></div>
<div class="entry-meta"><p><?php echo $page->getDateHtml("published") ?> <?php echo $this->yellow->language->getTextHtml("blogBy") ?> <?php $authorCounter = 0; foreach (preg_split("/\s*,\s*/", $page->get("author")) as $author) { if (++$authorCounter>1) echo ", "; echo "<a href=\"".$this->yellow->page->getLocation(true).$this->yellow->lookup->normaliseArguments("author:$author")."\">".htmlspecialchars($author)."</a>"; } ?></p></div>
<div class="entry-content"><?php echo $this->yellow->toolbox->createTextDescription($page->getContentHtml(), 0, false, "<!--more-->", "<a href=\"".$page->getLocation(true)."\">".$this->yellow->language->getTextHtml("blogMore")."</a>") ?></div>
</div>

<?php } else {                                  // else, only show title and meta-data ?>

<div class="<?php echo $page->getHtml("entryClass") . ' ' . $postCount ?>">
<div class="entry-title"><h1><a href="<?php echo $page->getLocation(true) ?>"><?php echo $page->getHtml("title") ?></a></h1></div>
<div class="entry-meta"><p><?php echo $page->getDateHtml("published") ?> <?php echo $this->yellow->language->getTextHtml("blogBy") ?> <?php $authorCounter = 0; foreach (preg_split("/\s*,\s*/", $page->get("author")) as $author) { if (++$authorCounter>1) echo ", "; echo "<a href=\"".$this->yellow->page->getLocation(true).$this->yellow->lookup->normaliseArguments("author:$author")."\">".htmlspecialchars($author)."</a>"; } ?></p></div>
</div>

<?php } ?>

<?php endforeach ?>
<?php $this->yellow->layout("pagination", $pages) ?>
</div>
</div>
<?php $this->yellow->layout("footer") ?>

[pftnhr]

Could you please provide a screenshot?

[pftnhr]

• What should I do if I want to keep the blog-start variant and also have the new view? That's why I originally created the new layout start.html. I had assumed that I could simply assign the layout to a page?

This is not possible for now. See #849 for a pretty good work around.

[henryVr7]

Then I'll leave it at one variant for now. Through the [blogpages] I can create a short overview of all articles on another page. This [blogpages] doesn't know any other parameters, such as number or filters (tags, authors, year), right?

The only problem with your code is that after the first article, all other articles are only listed with the heading, instead of just the next four or five. This is 10 per page (as set in the yellow-system.ini under BlogPaginationLimit). Then I can scroll to the next page and there again I have the top one in the overall view, followed by other headings.

[pftnhr]

Then I'll leave it at one variant for now. Through the [blogpages] I can create a short overview of all articles on another page. This [blogpages] doesn't know any other parameters, such as number or filters (tags, authors, year), right?

There are some settings, see yellow-blog.

The only problem with your code is that after the first article, all other articles are only listed with the heading, instead of just the next four or five. This is 10 per page (as set in the yellow-system.ini under BlogPaginationLimit). Then I can scroll to the next page and there again I have the top one in the overall view, followed by other headings.

You can set the BlogPaginationLimit to whatever value you like. If you don`t want to see a full first post on the following pages, replace

<?php $postCount = 0; // Set $postCount to 0 ?>

with

<?php ($pages->isPagination() && $pages->getPaginationNumber() == "1") ? $postCount = 0 : $postCount = 1; // Set $postCount only on Page 1 to 0 ?>

This checks if your on page:1 or another and prevents the first post from getting the $postCount = 1 on page:2, page:3 and so on, which ensures that no full post is displayed on the following pages.

How the articles are displayed is up to you. The fact that only the headings (and maybe the publishing date and the author?) are displayed from the second post onwards is due to this code for the posts from $postCount = 2:

<div class="entry-title"><h1><a href="<?php echo $page->getLocation(true) ?>"><?php echo $page->getHtml("title") ?></a></h1></div>
<div class="entry-meta"><p><?php echo $page->getDateHtml("published") ?> <?php echo $this->yellow->language->getTextHtml("blogBy") ?> <?php $authorCounter = 0; foreach (preg_split("/\s*,\s*/", $page->get("author")) as $author) { if (++$authorCounter>1) echo ", "; echo "<a href=\"".$this->yellow->page->getLocation(true).$this->yellow->lookup->normaliseArguments("author:$author")."\">".htmlspecialchars($author)."</a>"; } ?></p></div>

[henryVr7]

I feel stupid asking, but: Where can I find the definition of the classes, such as entry-meta? Not in paris.css...

[pftnhr]

What do the developer tools say?

[henryVr7]

The simple text editor? Nothing. 😊

[pftnhr]

No, the ones you see when you right-click on an element in a website and select "Inspect" (mostly found at the bottom of the context menu).