Improve the teaser

Improve the teaser
This commit is contained in:
Danang Probo Sayekti 2014-02-08 18:31:11 +07:00
commit 72cf924c1c
13 changed files with 143 additions and 120 deletions

View file

@ -1,4 +1,4 @@
; The URL of your blog
; The URL of your blog. Include the http or https.
site.url = ""
; Blog info
@ -22,7 +22,7 @@ breadcrumb.home = "Home"
; Disqus
disqus.shortname = ""
; Google publisher
; Google+ publisher
google.publisher = ""
; Google analytics
@ -42,6 +42,9 @@ related.count = "4"
; Author info on blog post. Set "true" or "false".
author.info = "true"
; Teaser type: set "trimmed" or "full".
teaser.type = "trimmed"
; Teaser char count
teaser.char = "200"

View file

@ -613,7 +613,7 @@ get('/:static', function($static){
$post = $post[0];
render('post',array(
render('static',array(
'title' => $post->title .' - ' . config('blog.title'),
'canonical' => $post->url,
'description' => $description = get_description($post->body),

View file

@ -591,7 +591,7 @@ function archive_list() {
if (this.parentNode.className.indexOf('expanded') > -1){this.parentNode.className = 'collapsed';this.innerHTML = '►';} else {this.parentNode.className = 'expanded';this.innerHTML = '▼';}
EOF;
echo <<<EOF
<style>.toggle{font-size:16px;font-family:Georgia, Arial, sans-serif}ul.archivegroup{padding:0;margin:0;}.archivegroup .expanded ul{display:block;}.archivegroup .collapsed ul{display:none;}.archivegroup li.expanded,.archivegroup li.collapsed{list-style:none;}
<style>ul.archivegroup{padding:0;margin:0;}.archivegroup .expanded ul{display:block;}.archivegroup .collapsed ul{display:none;}.archivegroup li.expanded,.archivegroup li.collapsed{list-style:none;}
</style>
EOF;
echo '<h3>Archive</h3>';
@ -723,10 +723,10 @@ function get_description($text) {
// Get the teaser
function get_teaser($text, $url) {
if (strlen(strip_tags($text)) < config('teaser.char')) {
$string = preg_replace('/\s\s+/', ' ', strip_tags($text));
$body = $string . '...' . ' <a class="readmore" href="' . $url . '#more">more</a>' ;
echo '<p>' . $body . '</p>';
$teaserType = config('teaser.type');
if (strlen(strip_tags($text)) < config('teaser.char') || $teaserType === 'full') {
echo $text;
}
else {
$string = preg_replace('/\s\s+/', ' ', strip_tags($text));
@ -741,6 +741,10 @@ function get_teaser($text, $url) {
// Get thumbnail from image and Youtube.
function get_thumbnail($text) {
$teaserType = config('teaser.type');
if (strlen(strip_tags($text)) > config('teaser.char') && $teaserType === 'trimmed') {
libxml_use_internal_errors(true);
$default = config('default.thumbnail');
$dom = new DOMDocument();
@ -767,6 +771,11 @@ function get_thumbnail($text) {
}
}
}
else {
}
}
// Return edit tab on post

View file

@ -473,7 +473,7 @@ aside .archive, aside .tagcloud {
margin-left: 10px;
}
aside .archive ul li, aside .tagcloud ul li {
aside .archive ul li ul, aside .tagcloud ul li {
margin-left:30px;
}

View file

@ -3,17 +3,17 @@
<?php foreach($posts as $p):?>
<?php
if ($i == 0) {
$class = 'first';
$class = 'post first';
}
elseif ($i == $len - 1) {
$class = 'last';
$class = 'post last';
}
else {
$class = '';
$class = 'post';
}
$i++;
?>
<div class="post <?php echo $class ?>" itemprop="blogPost" itemscope="itemscope" itemtype="http://schema.org/BlogPosting">
<div class="<?php echo $class ?>" itemprop="blogPost" itemscope="itemscope" itemtype="http://schema.org/BlogPosting">
<div class="main">
<h2 class="title-index" itemprop="name"><a href="<?php echo $p->url?>"><?php echo $p->title ?></a></h2>
<div class="date"><span itemprop="datePublished"><?php echo date('d F Y', $p->date)?></span> - Posted in <span itemprop="articleSection"><?php echo $p->tag ?></span> by <span itemprop="author"><a href="<?php echo $p->authorurl ?>"><?php echo $p->author ?></a></span><?php if (disqus_count() == true):?> - <span><a href="<?php echo $p->url?>#disqus_thread">Comments</a></span><?php endif;?></div>

View file

@ -2,18 +2,18 @@
<?php if(login()) { echo tab($p);} ?>
<div class="post" itemprop="blogPost" itemscope="itemscope" itemtype="http://schema.org/BlogPosting">
<div class="main">
<?php if ($type == 'blogpost'):?>
<a name="more"></a>
<?php endif;?>
<h1 class="title-post" itemprop="name"><?php echo $p->title ?></h1>
<?php if ($type == 'blogpost'):?>
<div class="date"><span itemprop="datePublished"><a href="<?php echo $p->archive ?>" title="Show all posts made on this day"><?php echo date('d F Y', $p->date)?></a></span> - Posted in <span itemprop="articleSection"><?php echo $p->tag ?></span> by <span itemprop="author"><a href="<?php echo $p->authorurl ?>"><?php echo $p->author ?></a></span> - <span><a href="<?php echo $p->url ?>" rel="permalink">Permalink</a></span></div>
<?php endif;?>
<div class="date">
<span itemprop="datePublished"><a href="<?php echo $p->archive ?>" title="Show all posts made on this day"><?php echo date('d F Y', $p->date)?></a></span> - Posted in
<span itemprop="articleSection"><?php echo $p->tag ?></span> by
<span itemprop="author"><a href="<?php echo $p->authorurl ?>"><?php echo $p->author ?></a></span> -
<span><a href="<?php echo $p->url ?>" rel="permalink">Permalink</a></span>
</div>
<div class="post-body" itemprop="articleBody">
<?php echo $p->body; ?>
</div>
</div>
<?php if ($type == 'blogpost'):?>
<div class="separator">&rarr;</div>
<div class="share-box">
<?php if (config('author.info') == 'true'):?>
@ -26,16 +26,12 @@
<a class="googleplus" target="_blank" href="https://plus.google.com/share?url=<?php echo $p->url ?>">Google+</a>
</div>
</div>
<?php endif;?>
<?php if ($type == 'blogpost'):?><?php echo get_related($p->tag)?><?php endif;?>
<?php echo get_related($p->tag)?>
<div class="comments border">
<?php if ($type == 'blogpost'):?>
<?php if (disqus(null, null) == true):?>
<div id="disqus_thread"></div>
<?php endif;?>
<?php endif;?>
</div>
<?php if ($type == 'blogpost'):?>
<div class="postnav">
<?php if (!empty($next)):?>
<span><a href="<?php echo ($next['url']);?>" class="pagination-arrow newer" rel="next"><?php echo ($next['title']);?></a></span>
@ -45,10 +41,7 @@
<span><a href="<?php echo ($prev['url']); ?>" class="pagination-arrow older" rel="prev"><?php echo ($prev['title']); ?></a></span>
<?php endif;?>
</div>
<?php endif;?>
<?php if ($type == 'blogpost'):?>
<?php if (disqus(null, null) == true):?>
<?php echo disqus($p->title, $p->url) ?>
<?php endif;?>
<?php endif;?>
</div>

View file

@ -10,17 +10,17 @@
<?php foreach($posts as $p):?>
<?php
if ($i == 0) {
$class = 'first';
$class = 'item first';
}
elseif ($i == $len - 1) {
$class = 'last';
$class = 'item last';
}
else {
$class = '';
$class = 'item';
}
$i++;
?>
<li>
<li class="<?php echo $class;?>">
<span><a href="<?php echo $p->url?>"><?php echo $p->title ?></a></span> on <span><?php echo date('d F Y', $p->date)?></span> - Posted in <span><?php echo $p->tag ?></span>
</li>
<?php endforeach;?>

View file

@ -0,0 +1,10 @@
<?php if (!empty($breadcrumb)):?><div class="breadcrumb" xmlns:v="http://rdf.data-vocabulary.org/#"><?php echo $breadcrumb ?></div><?php endif;?>
<?php if(login()) { echo tab($p);} ?>
<div class="post" itemprop="WebPage" itemscope="itemscope" itemtype="http://schema.org/WebPage">
<div class="main">
<h1 class="title-post" itemprop="name"><?php echo $p->title ?></h1>
<div class="post-body" itemprop="mainContentOfPage">
<?php echo $p->body; ?>
</div>
</div>
</div>

View file

@ -786,6 +786,11 @@ h1.title-post a:hover, h2.title-index a:hover {
width: 33%;
}
.archive .toggle {
font-family: Georgia,Arial,sans-serif;
font-size: 16px;
}
.social {
float:right;
}

View file

@ -3,17 +3,17 @@
<?php foreach($posts as $p):?>
<?php
if ($i == 0) {
$class = 'first';
$class = 'post first';
}
elseif ($i == $len - 1) {
$class = 'last';
$class = 'post last';
}
else {
$class = '';
$class = 'post';
}
$i++;
?>
<div class="post <?php echo $class ?>" itemprop="blogPost" itemscope="itemscope" itemtype="http://schema.org/BlogPosting">
<div class="<?php echo $class ?>" itemprop="blogPost" itemscope="itemscope" itemtype="http://schema.org/BlogPosting">
<div class="main">
<h2 class="title-index" itemprop="name"><a href="<?php echo $p->url?>"><?php echo $p->title ?></a></h2>
<div class="date"><span itemprop="datePublished"><?php echo date('d F Y', $p->date)?></span> - Posted in <span itemprop="articleSection"><?php echo $p->tag ?></span> by <span itemprop="author"><a href="<?php echo $p->authorurl ?>"><?php echo $p->author ?></a></span><?php if (disqus_count() == true):?> - <span><a href="<?php echo $p->url?>#disqus_thread">Comments</a></span><?php endif;?></div>

View file

@ -2,18 +2,18 @@
<?php if(login()) { echo tab($p);} ?>
<div class="post" itemprop="blogPost" itemscope="itemscope" itemtype="http://schema.org/BlogPosting">
<div class="main">
<?php if ($type == 'blogpost'):?>
<a name="more"></a>
<?php endif;?>
<h1 class="title-post" itemprop="name"><?php echo $p->title ?></h1>
<?php if ($type == 'blogpost'):?>
<div class="date"><span itemprop="datePublished"><a href="<?php echo $p->archive ?>" title="Show all posts made on this day"><?php echo date('d F Y', $p->date)?></a></span> - Posted in <span itemprop="articleSection"><?php echo $p->tag ?></span> by <span itemprop="author"><a href="<?php echo $p->authorurl ?>"><?php echo $p->author ?></a></span> - <span><a href="<?php echo $p->url ?>" rel="permalink">Permalink</a></span></div>
<?php endif;?>
<div class="date">
<span itemprop="datePublished"><a href="<?php echo $p->archive ?>" title="Show all posts made on this day"><?php echo date('d F Y', $p->date)?></a></span> - Posted in
<span itemprop="articleSection"><?php echo $p->tag ?></span> by
<span itemprop="author"><a href="<?php echo $p->authorurl ?>"><?php echo $p->author ?></a></span> -
<span><a href="<?php echo $p->url ?>" rel="permalink">Permalink</a></span>
</div>
<div class="post-body" itemprop="articleBody">
<?php echo $p->body; ?>
</div>
</div>
<?php if ($type == 'blogpost'):?>
<div class="separator">&rarr;</div>
<div class="share-box">
<?php if (config('author.info') == 'true'):?>
@ -26,16 +26,12 @@
<a class="googleplus" target="_blank" href="https://plus.google.com/share?url=<?php echo $p->url ?>">Google+</a>
</div>
</div>
<?php endif;?>
<?php if ($type == 'blogpost'):?><?php echo get_related($p->tag)?><?php endif;?>
<?php echo get_related($p->tag)?>
<div class="comments border">
<?php if ($type == 'blogpost'):?>
<?php if (disqus(null, null) == true):?>
<div id="disqus_thread"></div>
<?php endif;?>
<?php endif;?>
</div>
<?php if ($type == 'blogpost'):?>
<div class="postnav">
<?php if (!empty($next)):?>
<span><a href="<?php echo ($next['url']);?>" class="pagination-arrow newer" rel="next"><?php echo ($next['title']);?></a></span>
@ -45,10 +41,7 @@
<span><a href="<?php echo ($prev['url']); ?>" class="pagination-arrow older" rel="prev"><?php echo ($prev['title']); ?></a></span>
<?php endif;?>
</div>
<?php endif;?>
<?php if ($type == 'blogpost'):?>
<?php if (disqus(null, null) == true):?>
<?php echo disqus($p->title, $p->url) ?>
<?php endif;?>
<?php endif;?>
</div>

View file

@ -10,17 +10,17 @@
<?php foreach($posts as $p):?>
<?php
if ($i == 0) {
$class = 'first';
$class = 'item first';
}
elseif ($i == $len - 1) {
$class = 'last';
$class = 'item last';
}
else {
$class = '';
$class = 'item';
}
$i++;
?>
<li>
<li class="<?php echo $class;?>">
<span><a href="<?php echo $p->url?>"><?php echo $p->title ?></a></span> on <span><?php echo date('d F Y', $p->date)?></span> - Posted in <span><?php echo $p->tag ?></span>
</li>
<?php endforeach;?>

View file

@ -0,0 +1,10 @@
<?php if (!empty($breadcrumb)):?><div class="breadcrumb" xmlns:v="http://rdf.data-vocabulary.org/#"><?php echo $breadcrumb ?></div><?php endif;?>
<?php if(login()) { echo tab($p);} ?>
<div class="post" itemprop="WebPage" itemscope="itemscope" itemtype="http://schema.org/WebPage">
<div class="main">
<h1 class="title-post" itemprop="name"><?php echo $p->title ?></h1>
<div class="post-body" itemprop="mainContentOfPage">
<?php echo $p->body; ?>
</div>
</div>
</div>