article: add thumbnail

This commit is contained in:
Kazhnuz 2018-10-24 21:11:57 +02:00
parent 3420af2278
commit adc25a51b7
3 changed files with 19 additions and 1 deletions

View file

@ -86,7 +86,15 @@ ol {
p, em, p em { p, em, p em {
font-weight:300; font-weight:300;
} }
.article-thumbnail {
padding-bottom: 1em;
text-align: center;
img {
max-width: 100%;
height: auto;
}
}
.article-excerpt { .article-excerpt {
padding: 0 0.5em 0 0.5em; padding: 0 0.5em 0 0.5em;
font-style: italic; font-style: italic;

View file

@ -5,6 +5,10 @@
<article class="article-content" id="post-<?php the_ID(); ?>"> <article class="article-content" id="post-<?php the_ID(); ?>">
<h1 class="page-title"><i class="fa fa-fw fa-file-text"></i> <?php the_title(); ?></h1> <h1 class="page-title"><i class="fa fa-fw fa-file-text"></i> <?php the_title(); ?></h1>
<div class="article-thumbnail" >
<?php the_post_thumbnail( ); ?>
</div>
<aside class="article-excerpt"> <aside class="article-excerpt">
<?php the_excerpt(); ?> <?php the_excerpt(); ?>

View file

@ -301,6 +301,12 @@ ol {
font-weight: 300; } font-weight: 300; }
.article-content p, .article-content em, .article-content p em { .article-content p, .article-content em, .article-content p em {
font-weight: 300; } font-weight: 300; }
.article-content .article-thumbnail {
padding-bottom: 1em;
text-align: center; }
.article-content .article-thumbnail img {
max-width: 100%;
height: auto; }
.article-content .article-excerpt { .article-content .article-excerpt {
padding: 0 0.5em 0 0.5em; padding: 0 0.5em 0 0.5em;
font-style: italic; font-style: italic;