Dinwid Шаблон блога?
<link href="{{ [
'assets/css/assets/owl.carousel.min.css',
'assets/css/assets/owl.theme.default.min.css',
'assets/css/news.css',
'assets/css/blog-page.css',
'assets/css/blogs.css',
'assets/css/responsive.css'
]|theme }}" rel="stylesheet">
<section class="breadcrumbs">
<div class="container">
<div class="row">
<div class="col-md-12">
<a href="{{ 'home'|page}}" class="breadcrumbs_link">Главная</a>
<span class="breadcrumbs_link">{{this.page.title}}</span>
</div>
</div>
</div>
</section>
<main class="blogs">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1 class="site-block-title">{{this.page.title}}</h1>
</div>
</div>
{% set posts = blogPosts.posts %}
<div class="row">
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 border-style this-height blogs-block">
<div class="row blogs_subtitle-fluid">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3">
<h2 class="blogs_subtitle">Блоги Triol</h2>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-9">
<span class="blogs_line"></span>
</div>
</div>
{% for post in posts %}
<div class="row blog-card" itemscope itemtype="http://schema.org/Article">
<div class="col-xs-12 col-sm-4 col-md-3 col-lg-3" itemprop="publisher">
{% set blogger = bloggers.getBlogger(post.blogger_id) %}
<!--{{blogger}}-->
{% if blogger.blogger_avatar %}
<img src="{{blogger.blogger_avatar.path}}" itemprop="image" title="{{blogger.blogger_avatar.title}}"
alt="{{blogger.blogger_avatar.title}}" class="blogs_author-photo">
{% else %}
<img src="{{ 'assets/img/no-photo.png'|theme}}" itemprop="image" alt="Блогер" title="Блогер"
class="blogs_author-photo">
{% endif %}
<p class="blogs_author-name" itemprop="author">{{blogger.name}}</p>
</div>
<div class="col-xs-12 col-sm-8 col-md-9 col-lg-9">
<h3 class="blogs_blog-title" itemprop="headline">{{ post.title }}</h3>
<p class="blogs_blog-short">
{{ post.content_html|striptags|truncate(350, false, "...")}}
</p>
<a href="{{ post.url }}" class="aside-btn_more">Читать блог<span class="arr_right"><i
class="right-openicon-"></i></span></a>
<div class="aside-blog_date clearfix">
<div class="blog-post_date" itemprop="datePublished">{{ post.published_at|date('d/m/Y') }}</div>
<!--<div class="aside-blog_count">100</div>-->
</div>
</div>
</div>
{% else %}
{{ noPostsMessage }}
{% endfor %}
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 append-height">
<aside class="all-blogs">
<h2 class="aside-title">Все блоги</h2>
{% set postsLeft = blogPosts2.posts %}{% for post in postsLeft %}
{% if(loop.index >=10) %}
<div class="aside-item">
<h3 class="aside-blog_title">{{post.title}}</h3>
<p class="aside-blog_desc">{{ post.content|striptags|slice(0,150)}}</p>
<a href="{{ post.url }}" class="aside-btn_more">Читать блог<span class="arr_right">
<i class="right-openicon-"></i></span></a>
<div class="aside-blog_date clearfix">
<div class="blog-post_date">{{ post.published_at|date('d/m/Y') }}</div>
<!--<div class="aside-blog_count">100</div>-->
</div>
</div>
{%endif%}
{% else %}
<div class="aside-item">
{{ noPostsMessage }}
</div>
{% endfor %}
</aside>
</div>
<style>
.hidden{
display:none;
}
.news-pagination{
margin: 40px 30px 40px auto;
}
</style>
<!--Pagination-->
{% if posts.lastPage > 1 %}
<div class="news-pagination">
{% if posts.currentPage > 1 %}
<a href="{{ this.page.baseFileName|page({ (pageParam): (posts.currentPage-1) }) }}" class="news-pagination_left">
<i class="lefticon-"></i>
</a>
{% else %}
<a href="" class="news-pagination_left">
<i class="lefticon-"></i>
</a>
{% endif %}
<ul class="news-pagination_list">
{% for page in 1..posts.lastPage %}
<li class="{{ posts.currentPage == page ? 'news-pagination-item active' : 'news-pagination-item hidden' }}">
<a href="{{ this.page.baseFileName|page({ (pageParam): page }) }}">{{ page }}</a>
</li>
{% endfor %}
</ul>
{% if posts.lastPage > posts.currentPage %}
<a href="{{ this.page.baseFileName|page({ (pageParam): (posts.currentPage+1) }) }}" class="news-pagination_right">
<i class="righticon-"></i>
</a>
{% else %}
<a href="" class="news-pagination_left">
<i class="lefticon-"></i>
</a>
{% endif %}
</div>
{% endif %}
</div>
</div>
<!--Блогеры
{% partial 'siteBlocks/ourBloggers' %}-->
<!--Популярные блоги-->
{% partial 'siteBlocks/topBlogs' %}
<!--Популярные новости-->
{% partial 'siteBlocks/topNews' %}
</main>
{% put scripts %}
<script src="{{ [
'assets/js/owl.carousel.min.js',
'assets/js/jquery.mousewheel.js',
'assets/js/jquery.jscrollpane.min.js',
'assets/js/blog-page.js',
]|theme }}"></script>
{% endput %}