如何在 Sage 中创建带有博客文章的静态首页?
How to create a static front page with blog posts in Sage?
我正在尝试创建静态主页自定义模板,
结构如下:
- 英雄
- 部分图文
- [博客文章]
- 页脚
问题是我的代码显示 posts post 类型:页面,而不是 post 类型:post。
我使用 Sage (Roots.io)(Blade 模板引擎),创建了一个名为 template-home.blade.php 的模板。
我已经尝试从 content.blade.php 复制代码,并在我的 template-home.blade.php.
这是来自 content.blade.php 的代码,我用来获取博客 posts:
<article @php post_class() @endphp>
<header>
<h2 class="entry-title"><a href="{{ get_permalink() }}">{!! get_the_title() !!}</a></h2>
@include('partials/entry-meta')
</header>
<div class="entry-summary">
@php the_excerpt() @endphp
</div>
</article>
预期结果:
它应该显示所有 post 的 post 类型:post。
比如"Blog Post Title 1"、"Blog Post Title 2"等
当前结果:
复制的代码显示 posts post 类型:page。
比如"Home"、"About"等
请帮忙。谢谢。
已通过以下解决方案解决:
获取家庭控制器的帖子:
public function blog_posts(){
$posts_per_page = 4;
$query_args = [
'post_type' => 'post',
'post_status' => 'publish',
];
$blog = get_posts($query_args);
return $blog;
}
1.1。或使用此代码获取帖子:
$blog_posts = collect(get_posts([
'post_type' => 'post',
'posts_per_page' => 10,
]))->map(function ($post) {
return (object) [
'categories' => get_the_category($post),
'title' => get_the_title($post),
'url' => get_permalink($post),
'date' => get_the_date('M d, Y', $post),
'excerpt' => substr_replace(get_the_excerpt($post), "", -16),
'image' => get_the_post_thumbnail_url($post)
];
});
从主页模板调用:
{{ print_r($blog_posts) }}
示例(呈现 4 列博客文章):
{{-- Blogposts Loop --}}
@foreach ($blog_posts as $key=>$post)
@if ($key < 4)
<div class="grid__item medium--one-half large--three-twelfths">
<div class="blog-item">
@if($post->image)
<a href="{{ $post->url }}">
<div class="blog-item__image" style="background-image: url({{ $post->image }})" title="{{ $post->title }}"></div>
</a>
@else
<a href="{{ $post->url }}">
<div class="blog-item__image" style="background-color: #eee" title="{{ $post->title }}"></div>
</a>
@endif
<p class="blog-item__meta">
{{ $post->date }} /
@foreach ($post->categories as $category)
<a href="<?php echo esc_url( get_category_link( $category->term_id ) ); ?>">
{{ $category->name.' ' }}
</a>
@endforeach
</p>
<h4 class="blog-item__title"><a href="{{ $post->url }}">{{ $post->title }}</a></h4>
<div class="blog-item__excerpt">
@php echo $post->excerpt @endphp <a class="blog-item__excerpt-link" href="{{ $post->url }}">Read More...</a>
</div>
</div>
</div>
@endif
@endforeach
我正在尝试创建静态主页自定义模板, 结构如下:
- 英雄
- 部分图文
- [博客文章]
- 页脚
问题是我的代码显示 posts post 类型:页面,而不是 post 类型:post。
我使用 Sage (Roots.io)(Blade 模板引擎),创建了一个名为 template-home.blade.php 的模板。 我已经尝试从 content.blade.php 复制代码,并在我的 template-home.blade.php.
这是来自 content.blade.php 的代码,我用来获取博客 posts:
<article @php post_class() @endphp>
<header>
<h2 class="entry-title"><a href="{{ get_permalink() }}">{!! get_the_title() !!}</a></h2>
@include('partials/entry-meta')
</header>
<div class="entry-summary">
@php the_excerpt() @endphp
</div>
</article>
预期结果: 它应该显示所有 post 的 post 类型:post。 比如"Blog Post Title 1"、"Blog Post Title 2"等
当前结果: 复制的代码显示 posts post 类型:page。 比如"Home"、"About"等
请帮忙。谢谢。
已通过以下解决方案解决:
获取家庭控制器的帖子:
public function blog_posts(){ $posts_per_page = 4; $query_args = [ 'post_type' => 'post', 'post_status' => 'publish', ]; $blog = get_posts($query_args); return $blog; }
1.1。或使用此代码获取帖子:
$blog_posts = collect(get_posts([
'post_type' => 'post',
'posts_per_page' => 10,
]))->map(function ($post) {
return (object) [
'categories' => get_the_category($post),
'title' => get_the_title($post),
'url' => get_permalink($post),
'date' => get_the_date('M d, Y', $post),
'excerpt' => substr_replace(get_the_excerpt($post), "", -16),
'image' => get_the_post_thumbnail_url($post)
];
});
从主页模板调用:
{{ print_r($blog_posts) }}
示例(呈现 4 列博客文章):
{{-- Blogposts Loop --}}
@foreach ($blog_posts as $key=>$post)
@if ($key < 4)
<div class="grid__item medium--one-half large--three-twelfths">
<div class="blog-item">
@if($post->image)
<a href="{{ $post->url }}">
<div class="blog-item__image" style="background-image: url({{ $post->image }})" title="{{ $post->title }}"></div>
</a>
@else
<a href="{{ $post->url }}">
<div class="blog-item__image" style="background-color: #eee" title="{{ $post->title }}"></div>
</a>
@endif
<p class="blog-item__meta">
{{ $post->date }} /
@foreach ($post->categories as $category)
<a href="<?php echo esc_url( get_category_link( $category->term_id ) ); ?>">
{{ $category->name.' ' }}
</a>
@endforeach
</p>
<h4 class="blog-item__title"><a href="{{ $post->url }}">{{ $post->title }}</a></h4>
<div class="blog-item__excerpt">
@php echo $post->excerpt @endphp <a class="blog-item__excerpt-link" href="{{ $post->url }}">Read More...</a>
</div>
</div>
</div>
@endif
@endforeach