article: add thumbnail
This commit is contained in:
parent
3420af2278
commit
adc25a51b7
3 changed files with 19 additions and 1 deletions
|
@ -86,7 +86,15 @@ ol {
|
|||
p, em, p em {
|
||||
font-weight:300;
|
||||
}
|
||||
|
||||
.article-thumbnail {
|
||||
padding-bottom: 1em;
|
||||
text-align: center;
|
||||
img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
|
||||
}
|
||||
}
|
||||
.article-excerpt {
|
||||
padding: 0 0.5em 0 0.5em;
|
||||
font-style: italic;
|
||||
|
|
|
@ -5,6 +5,10 @@
|
|||
<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>
|
||||
|
||||
<div class="article-thumbnail" >
|
||||
<?php the_post_thumbnail( ); ?>
|
||||
</div>
|
||||
|
||||
<aside class="article-excerpt">
|
||||
<?php the_excerpt(); ?>
|
||||
|
||||
|
|
|
@ -301,6 +301,12 @@ ol {
|
|||
font-weight: 300; }
|
||||
.article-content p, .article-content em, .article-content p em {
|
||||
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 {
|
||||
padding: 0 0.5em 0 0.5em;
|
||||
font-style: italic;
|
||||
|
|
Reference in a new issue