lxbfYeaa/LiveCartaWP
1
0
Fork 0
forked from LiveCarta/LiveCartaWP
Code Issues 238 Pull Requests Actions Packages Projects Releases Wiki Activity

blog

Browse Source
This commit is contained in:
Jerry
2020-08-17 14:22:21 +03:00
parent 20ed5734c2
commit 5599784db7
5 changed files with 326 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
htdocs/wp-content/themes/lawcarta/page-blog.php
View File

@@ -1,21 +1,73 @@
<?php
get_header();
$posts = get_posts();
foreach ($posts as $post):
?>
<?=$post->ID ?>
<?=get_the_title($post); ?>
<?=get_post_meta($post->ID,'title2',true); ?>
<?=get_the_post_thumbnail_url(); ?>
<?=get_permalink(); ?>
<?php $categories = get_the_category();
foreach($categories as $category):?>
<?=$category->term_id; ?>
<?=$category->slug; ?>
<?php endforeach;?>
<br>
<div class="content no-pb">
<div class="blog-page">
<div class="bp-list-header">
<div class="cont">
<h1>Blog</h1>
<p>Welcome to LiveCarta blog! <br>Learn how to publish, teach and study efficiently.</p>
</div>
</div>
<div class="bp-list-tabs">
<div class="cont">
<ul>
<li><a href="#" data-cat="cat-all" class="category-select all selected">All Categories</a></li>
<li><a href="#" data-cat="cat-publishing" class="category-select">Publishing</a></li>
<li><a href="#" data-cat="cat-teaching" class="category-select">Teaching</a></li>
<li><a href="#" data-cat="cat-learning" class="category-select">Learning</a></li>
</ul>
</div>
</div>
<div class="bp-list cat-publishing cat-teaching cat-learning">
<div class="cont">
<?php foreach ($posts as $post): ?>
<a href="<?=get_permalink(); ?>" class="bp-block <?php $categories = get_the_category(); foreach($categories as $category):?><?= $category->slug; ?> <?php endforeach;?>">
<span class="bp-img" style="background-image: url(<?=get_the_post_thumbnail_url(); ?>);"></span>
<span class="bp-title"><span class="cont-overflow"><?=get_the_title($post); ?></span></span>
<span class="bp-description"><span class="cont-overflow"><?=get_the_excerpt(); ?></span></span>
</a>
<?php endforeach; ?>
</div>
</div>
<script>
document.body.addEventListener('click', function(event){
var catClass = '';
if (event.target.classList.contains('category-select')) {
event.preventDefault();
event.stopPropagation();
document.querySelector('.category-select.selected').classList.remove('selected');
event.target.classList.add('selected');
if (event.target.classList.contains('all')) {
document.querySelector('.bp-list').classList.add('cat-publishing');
document.querySelector('.bp-list').classList.add('cat-teaching');
document.querySelector('.bp-list').classList.add('cat-learning');
return false;
}
document.querySelector('.bp-list').classList.remove('cat-publishing');
document.querySelector('.bp-list').classList.remove('cat-teaching');
document.querySelector('.bp-list').classList.remove('cat-learning');
catClass = event.target.dataset.cat;
document.querySelector('.bp-list').classList.add(catClass);
return false;
}
});
</script>
</div>
<div class="main-page">
<div class="mp-small-block">
<div class="cont">
<div class="sb-head">Interested? Get to know more</div>
<div class="buttons">
<a href="#" class="button xxl mp-top-right">Request a demo</a>
<a href="#" class="button xxl mp-top-left">Sign Up For Free</a>
</div>
</div>
</div>
</div>
</div>
<?php
endforeach;
get_footer();