forked from LiveCarta/LiveCartaWP
wp small fixes
This commit is contained in:
Jerry
File diff suppressed because one or more lines are too long
@@ -85,4 +85,23 @@ window.addEventListener('DOMContentLoaded', function(){
|
|||||||
}
|
}
|
||||||
} ).mount();
|
} ).mount();
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// blog page
|
||||||
|
|
||||||
|
document.body.addEventListener('click', function(event){
|
||||||
|
var catClass = '';
|
||||||
|
if (event.target.closest('.category-select')) {
|
||||||
|
event.preventDefault();
|
||||||
|
let elem = event.target.closest('.category-select');
|
||||||
|
document.querySelector('.category-select.selected').classList.remove('selected');
|
||||||
|
elem.classList.add('selected');
|
||||||
|
document.querySelector('.bp-list').classList.remove('cat-publishing');
|
||||||
|
document.querySelector('.bp-list').classList.remove('cat-teaching');
|
||||||
|
document.querySelector('.bp-list').classList.remove('cat-learning');
|
||||||
|
document.querySelector('.bp-list').classList.remove('cat-all');
|
||||||
|
catClass = elem.dataset.cat;
|
||||||
|
document.querySelector('.bp-list').classList.add(catClass);
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
});
|
||||||
});
|
});
|
||||||
@@ -2,66 +2,79 @@
|
|||||||
get_header();
|
get_header();
|
||||||
$posts = get_posts(['nopaging' => true]);
|
$posts = get_posts(['nopaging' => true]);
|
||||||
?>
|
?>
|
||||||
<div class="content no-pb">
|
<div class="content">
|
||||||
<div class="blog-page">
|
|
||||||
<div class="bp-list-header">
|
<div class="breadcrumbs">
|
||||||
<div class="cont">
|
<div class="cont">
|
||||||
<h1>Blog</h1>
|
<div class="inner-cont">
|
||||||
<p>Read our latest news & articles!<br>Find blogs on publishing, teaching, and learning.</p>
|
<ol class="breadcrumb">
|
||||||
</div>
|
<li><a href="/">Home</a></li>
|
||||||
</div>
|
<li class="active">Blog</li>
|
||||||
|
</ol>
|
||||||
<div class="bp-list-tabs">
|
|
||||||
<div class="cont">
|
|
||||||
<ul>
|
|
||||||
<li><a href="#" data-cat="cat-all" class="category-select 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>
|
</div>
|
||||||
<div class="bp-list cat-all">
|
|
||||||
<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();
|
|
||||||
document.querySelector('.category-select.selected').classList.remove('selected');
|
|
||||||
event.target.classList.add('selected');
|
|
||||||
document.querySelector('.bp-list').classList.remove('cat-publishing');
|
|
||||||
document.querySelector('.bp-list').classList.remove('cat-teaching');
|
|
||||||
document.querySelector('.bp-list').classList.remove('cat-learning');
|
|
||||||
document.querySelector('.bp-list').classList.remove('cat-all');
|
|
||||||
catClass = event.target.dataset.cat;
|
|
||||||
document.querySelector('.bp-list').classList.add(catClass);
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="main-page">
|
|
||||||
<div class="mp-small-block">
|
<div class="page-head">
|
||||||
<div class="cont">
|
<div class="cont">
|
||||||
<div class="sb-head">Interested? Get to know more</div>
|
<div class="inner-cont">
|
||||||
<div class="buttons">
|
<h1>Blog</h1>
|
||||||
<a href="/contact-us" class="button xxl mp-top-right">Request a demo</a>
|
<p>Welcome to LiveCarta blog!<br>Learn how to publish, teach and study efficiently.</p>
|
||||||
<a href="<?= get_lawcarta_url()?>/user/registration" class="button xxl mp-top-left">Sign Up For Free</a>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mp-tabs with-bg">
|
||||||
|
<div class="cont">
|
||||||
|
<div class="inner-cont">
|
||||||
|
<div class="links-cont">
|
||||||
|
<div class="links">
|
||||||
|
<a data-cat="cat-all" class="category-select link selected" href="#"><span>All Categories</span></a>
|
||||||
|
<a data-cat="cat-publishing" class="category-select link" href="#"><span>Publishing</span></a>
|
||||||
|
<a data-cat="cat-teaching" class="category-select link" href="#"><span>Teaching</span></a>
|
||||||
|
<a data-cat="cat-learning" class="category-select link" href="#"><span>Learning</span></a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="mp-blog">
|
||||||
|
<div class="cont">
|
||||||
|
<div class="inner-cont">
|
||||||
|
<div class="bp-list cat-all">
|
||||||
|
<?php foreach ($posts as $post): ?>
|
||||||
|
<a class="bp-block <?php $categories = get_the_category(); foreach($categories as $category):?><?= $category->slug; ?> <?php endforeach;?>" href="<?=get_permalink(); ?>">
|
||||||
|
<span class="bp-img">
|
||||||
|
<img src="<?=get_the_post_thumbnail_url(); ?>" alt="Blog img">
|
||||||
|
</span>
|
||||||
|
<span class="bp-title"><?=get_the_title($post); ?></span>
|
||||||
|
<span class="bp-description"><?=get_the_excerpt(); ?></span>
|
||||||
|
</a>
|
||||||
|
<?php endforeach; ?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mp-feature with-bg bot-form">
|
||||||
|
<div class="cont">
|
||||||
|
<div class="inner-cont">
|
||||||
|
<div class="flex">
|
||||||
|
<div class="col">
|
||||||
|
<div class="mp-interested centered">
|
||||||
|
<h4>Interested? Get to know more</h4>
|
||||||
|
<div class="buttons">
|
||||||
|
<a href="/contact-us" class="button action big">Request a demo</a>
|
||||||
|
<a href="<?= get_lawcarta_url()?>/user/registration" class="button secondary big">Sign Up For Free</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
window.addEventListener('DOMContentLoaded', (event) => {
|
window.addEventListener('DOMContentLoaded', (event) => {
|
||||||
if (typeof ga === 'function' &&
|
if (typeof ga === 'function' &&
|
||||||
|
|||||||
@@ -3,17 +3,29 @@
|
|||||||
$post = get_post();
|
$post = get_post();
|
||||||
?>
|
?>
|
||||||
<div class="content no-pb">
|
<div class="content no-pb">
|
||||||
<div class="blog-page-single">
|
|
||||||
<div class="blog-page-top">
|
<div class="breadcrumbs">
|
||||||
<div class="bp-top-bg"></div>
|
<div class="cont">
|
||||||
<div class="cont">
|
<div class="inner-cont">
|
||||||
<div class="bp-top-img" style="background-image: url(<?=get_the_post_thumbnail_url(); ?>);"></div>
|
<ol class="breadcrumb">
|
||||||
<h1 class="bp-top-text"><?=get_the_title($post); ?></h1>
|
<li><a href="/">Home</a></li>
|
||||||
</div>
|
<li><a href="/blog">Blog</a></li>
|
||||||
|
<li class="active"><?=get_the_title($post); ?></li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="blog-body">
|
</div>
|
||||||
<div class="cont">
|
|
||||||
<div class="blog-info">
|
<div class="blog-header">
|
||||||
|
<div class="cont">
|
||||||
|
<div class="inner-cont">
|
||||||
|
<div class="flex">
|
||||||
|
<div class="blog-title col"><?=get_the_title($post); ?></div>
|
||||||
|
<div class="blog-img col">
|
||||||
|
<img src="<?=get_the_post_thumbnail_url(); ?>" alt="How To Become An Author In 2020">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="blog-subheader">
|
||||||
<div class="blog-date"><?=get_the_date(); ?></div>
|
<div class="blog-date"><?=get_the_date(); ?></div>
|
||||||
<div class="blog-tags"><?php
|
<div class="blog-tags"><?php
|
||||||
$tags = get_the_tags();
|
$tags = get_the_tags();
|
||||||
@@ -27,17 +39,48 @@
|
|||||||
?>
|
?>
|
||||||
<?=implode(', ', $tag_links); ?>
|
<?=implode(', ', $tag_links); ?>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="blog-page-social">
|
</div>
|
||||||
<div class="left">
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="blog-body">
|
||||||
|
<div class="cont">
|
||||||
|
<div class="inner-cont">
|
||||||
|
|
||||||
|
<div class="bb-cont">
|
||||||
|
<div class="blog-page-social">
|
||||||
<a href="https://twitter.com/intent/tweet?text=<?php the_permalink(); ?>" class="social twitter" target="_blank"></a>
|
<a href="https://twitter.com/intent/tweet?text=<?php the_permalink(); ?>" class="social twitter" target="_blank"></a>
|
||||||
<a href="https://www.linkedin.com/sharing/share-offsite/?url=<?php the_permalink(); ?>" class="social linkedin" target="_blank"></a>
|
<a href="https://www.linkedin.com/sharing/share-offsite/?url=<?php the_permalink(); ?>" class="social linkedin" target="_blank"></a>
|
||||||
<a href="https://www.facebook.com/sharer/sharer.php?u=#url" class="social facebook" target="_blank"></a>
|
<a href="https://www.facebook.com/sharer/sharer.php?u=#url" class="social facebook" target="_blank"></a>
|
||||||
|
</div>
|
||||||
|
<div class="blog-page-text">
|
||||||
|
<?=get_the_content(null,false, $post); ?>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<?=get_the_content(null,false, $post); ?>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mp-feature with-bg bot-form">
|
||||||
|
<div class="cont">
|
||||||
|
<div class="inner-cont">
|
||||||
|
<div class="flex">
|
||||||
|
<div class="col">
|
||||||
|
<div class="mp-interested centered">
|
||||||
|
<h4>Interested? Get to know more</h4>
|
||||||
|
<div class="buttons">
|
||||||
|
<a href="/contact-us" class="button action big">Request a demo</a>
|
||||||
|
<a href="<?= get_lawcarta_url()?>/user/registration" class="button secondary big">Sign Up For Free</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- <div class="blog-page-single">
|
||||||
<div class="read-next">
|
<div class="read-next">
|
||||||
<div class="rn-head">What you may want to read next...</div>
|
<div class="rn-head">What you may want to read next...</div>
|
||||||
<div class="rn-body">
|
<div class="rn-body">
|
||||||
@@ -62,43 +105,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="main-page">
|
</div> -->
|
||||||
<div class="mp-small-block bot-flex" style="padding: 30px 0">
|
|
||||||
<div class="cont">
|
|
||||||
<div class="flex">
|
|
||||||
<div class="subscribe-block">
|
|
||||||
<div class="sb-img">
|
|
||||||
<picture>
|
|
||||||
<source srcset="<?= get_theme_file_uri('/assets/img/home-page/subscription.webp'); ?>" type="image/webp">
|
|
||||||
<img src="<?= get_theme_file_uri('/assets/img/home-page/subscription.png'); ?>" alt="Feature">
|
|
||||||
</picture>
|
|
||||||
</div>
|
|
||||||
<div class="sb-text">
|
|
||||||
<div class="sb-line1">Subscribe and receive exclusive tips and offers! </div>
|
|
||||||
<div class="sb-line2">You can unsubscribe at any time.</div>
|
|
||||||
</div>
|
|
||||||
<div class="sub-input">
|
|
||||||
<?php the_widget( 'SubscribeToLc_Widget', [], ['code' => 'a0685621c3'] ); ?>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</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="/contact-us" class="button xxl mp-top-right">Request a demo</a>
|
|
||||||
<a href="<?= get_lawcarta_url()?>/user/registration" class="button xxl mp-top-left">Sign Up For Free</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div> -->
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
|
|||||||
Reference in New Issue
Block a user