tmdinosaurcenter
/
tainacan-theme
mirror of https://github.com/tainacan/tainacan-theme.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

list post and pagination with responsive

This commit is contained in:
Fabiano Alencar 2018-03-23 16:49:12 -03:00
parent eda0d7a362
commit 78470de5e7
5 changed files with 42 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/assets/scss/_blog-post.scss
View File

@ -4,4 +4,27 @@
box-shadow: 0 4px 9px 0 #00000061, 0 5px 15px 0 #00000059;
}
}
.blog-content{
h3{
font-size: 16pt;
}
a[rel="author"]{
color: #4f4f4f;
font-weight: 700;
&:hover{
color: inherit;
}
}
.blog-read{
color: #fff;
background-color: #298596;
border-color: #298596;
&:hover{
color: #fff;
background-color: #298596;
border-color: #298596;
box-shadow: 0 4px 9px 0 #0000006b, 0 5px 15px 0 #0000006b;
}
}
}
}

12
src/assets/scss/_pagination.scss
View File

@ -1,5 +1,13 @@
.margin-pagination{
margin-left: 6rem;
margin-right: 6rem;
@media screen {
@media (max-width: 592px){
margin-left: 3rem;
margin-right: 3rem;
}
@media (min-width: 768px){
margin-left: 6rem;
margin-right: 6rem;
}
}
border-width: 2px !important;
}

5
src/functions.php
View File

@ -90,11 +90,6 @@ function tainacan_change_logo_class( $html ) {
}
add_filter( 'get_custom_logo', 'tainacan_change_logo_class' );
function custom_excerpt_length( $length ) {
return 20;
}
add_filter( 'excerpt_length', 'custom_excerpt_length', 999 );
require get_template_directory() . '/functions/enqueues.php';
require get_template_directory() . '/functions/customize.php';
require get_template_directory() . '/functions/pagination.php';

4
src/functions/pagination.php
View File

@ -39,8 +39,8 @@ if ( ! function_exists( 'pagination_bst4' ) ) {
echo '<div class="row margin-pagination justify-content-between border-top">';
printf('<div class="col-sm-3 d-none d-lg-block pl-0">Viewing Items: %d to %d from %d</div>', $count_max + 1, $count_max + $wp_query->post_count, $wp_query->found_posts);
echo '<div class="col-sm-'.$col.' pr-0">';
echo '<ul class="pagination justify-content-end">' . "\n";
echo '<div class="col-sm-'.$col.' pr-md-0">';
echo '<ul class="pagination justify-content-center justify-content-md-end">' . "\n";
/** Previous Post Link */
if ( get_previous_posts_link() )

34
src/template-parts/list-post.php
View File

@ -1,37 +1,17 @@
<!-- <div class="row blog-post">
<?php if ( has_post_thumbnail() && get_the_post_thumbnail_url(get_the_ID()) ) : ?>
<div class="col-lg-5 col-xl-4 mb-4">
<div class="view overlay hm-white-slight z-depth-1-half">
<img src="<?php echo get_the_post_thumbnail_url(get_the_ID(),'medium') ?>" class="img-fluid rounded" alt="">
</div>
</div>
<?php endif; ?>
<div class="<?php if ( has_post_thumbnail()) :?>col-lg-7 col-xl-7<?php else : ?>col-lg-12 col-xl-12<?php endif; ?> ml-xl-4 mb-4 blog-content">
<h3 class="mb-3 dark-grey-text">
<a href="<?php the_permalink(); ?>" class="font-weight-bold"><?php the_title(); ?></a>
</h3>
<div>
<?php the_content(); ?>
</div>
<div>
<p>by <a class="font-weight-bold dark-grey-text">Fabiano Alencar</a>, <?php the_time(); ?></p>
</div>
<a class="btn btn-primary btn-md waves-effect waves-light">Read more</a>
</div>
</div> -->
<div class="row blog-post mb-4">
<?php if ( has_post_thumbnail() && get_the_post_thumbnail_url(get_the_ID()) ) : ?>
<div class="col-xs-12 col-md-4 blog-thumbnail align-self-center text-center mb-4 mb-md-0">
<a href="<?php the_permalink(); ?>"><img src="<?php echo get_the_post_thumbnail_url(get_the_ID(),'medium') ?>" class="img-fluid rounded" alt=""></a>
</div>
<?php endif; ?>
<div class="col col-md-8 blog-content">
<div class="col-xs-12 <?php if ( has_post_thumbnail() ) :?>col-md-8<?php else : ?>col-md-12<?php endif; ?> blog-content">
<h3 class="mb-3">
<a href="<?php the_permalink(); ?>" class="font-weight-bold"><?php the_title(); ?></a>
</h3>
<?php echo wp_trim_words( get_the_content(), 40, '...' ); ?>
<br><br><p>by <a class="font-weight-bold dark-grey-text"><?php the_author_posts_link(); ?></a>, <?php the_time(); ?></p>
<?php echo '<p class="text-oslo-gray">'.wp_trim_words( get_the_content(), 35, '...' ).'</p>'; ?>
<p>by <?php the_author_posts_link(); ?>, <?php the_time(); ?></p>
<a href="<?php the_permalink(); ?>" class="btn btn-primary blog-read float-right">Read more</a>
</div>
</div>
</div>
<hr class="mb-5">