Skip to content

Commit

Permalink
Prettied up and Touched up Single Post titles + author meta
Browse files Browse the repository at this point in the history 
— Moved author photo to meta line
— Photo made 30x30px, and radius of 50%
— socials after photo
  • Loading branch information
Andre Bulatov committed Jan 31, 2016
1 parent 2f14f3b commit 86f4d24
Show file tree
Hide file tree
Showing 6 changed files with 94 additions and 56 deletions.
36 changes: 32 additions & 4 deletions wp-content/themes/mag-wp/css/colors/default.css
View file
Expand Up @@ -1385,11 +1385,39 @@ h3 {


/* Single Post */
.author-left-meta {
margin-top: 22px;
.single-content .entry-top {
padding: 0 0 30px;
}
.single-content h1.article-title {
color: #555;
.single-content .entry-top h1.article-title {
color: #555;
padding: 0;
line-height: 1.25;
text-align: center;
font-size: 45px;
}
.single-content .entry-top .entry-author-meta {
float: none;
vertical-align: middle;
margin: 13px auto 0;
width: auto;
text-align: center;
}
.single-content .entry-top .entry-author-meta span.time.date,
.single-content .entry-top .entry-author-meta span.author-meta-byline,
.single-content .entry-top .entry-author-meta a.author-photo,
.single-content .entry-top .entry-author-meta ul.author-social-inline {
display: inline-block;
vertical-align: middle;
}
.single-content .entry-top .entry-author-meta a.author-photo {
line-height: initial;
display: inline-flex;
margin: 0 3px;
}
.single-content .entry-top .entry-author-meta a.author-photo img {
border-radius: 50%;
width: 20px;
height: 20px;
}
div#single-share {
background: #fff;
Expand Down
22 changes: 12 additions & 10 deletions wp-content/themes/mag-wp/single-album_review.php
View file
Expand Up @@ -13,21 +13,23 @@

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="entry-top">
<div class="author-left-meta">
<a href="<?php echo get_author_posts_url( get_the_author_meta( 'ID' ) ); ?>"><?php echo get_avatar( get_the_author_meta( 'user_email' ), 70 ); ?></a>
<ul class="author-social-top">
<h1 class="article-title entry-title p-name"><?php the_title(); ?></h1>
<div class="entry-author-meta">
<span class="time date updated"><?php echo time_ago_anthemes(); ?> <?php _e('ago', 'anthemes'); ?></span>
<span class="author-meta-byline"><?php _e('by', 'anthemes'); ?>
<span class="vcard author p-author h-card">
<span class="fn"><?php the_author_posts_link(); ?></span>
</span>
</span>
<a class="author-photo" href="<?php echo get_author_posts_url( get_the_author_meta( 'ID' ) ); ?>">
<?php echo get_avatar( get_the_author_meta( 'user_email' ), 70 ); ?>
</a>
<ul class="author-social-inline">
<?php if(get_the_author_meta('facebook')) { ?><li class="facebook"><a target="_blank" href="//facebook.com/<?php echo the_author_meta('facebook'); ?>"><i class="fa fa-facebook"></i></a></li><?php } ?>
<?php if(get_the_author_meta('twitter')) { ?><li class="twitter"><a target="_blank" href="//twitter.com/<?php echo the_author_meta('twitter'); ?>"><i class="fa fa-twitter"></i></a></li><?php } ?>
<?php if(get_the_author_meta('google')) { ?><li class="google"><a target="_blank" href="//plus.google.com/<?php echo the_author_meta('google'); ?>?rel=author"><i class="fa fa-google-plus"></i></a></li><?php } ?>
</ul>
</div>
<h1 class="article-title entry-title p-name"><?php the_title(); ?></h1>
<span class="time date updated"><?php echo time_ago_anthemes(); ?> <?php _e('ago', 'anthemes'); ?></span>
<span><?php _e('written by', 'anthemes'); ?>
<span class="vcard author p-author h-card">
<span class="fn"><?php the_author_posts_link(); ?></span>
</span>
</span>
</div><div class="clear"></div>
<?php endwhile; endif; ?>

Expand Down
22 changes: 12 additions & 10 deletions wp-content/themes/mag-wp/single-gear_post.php
View file
Expand Up @@ -13,21 +13,23 @@

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="entry-top">
<div class="author-left-meta">
<a href="<?php echo get_author_posts_url( get_the_author_meta( 'ID' ) ); ?>"><?php echo get_avatar( get_the_author_meta( 'user_email' ), 70 ); ?></a>
<ul class="author-social-top">
<h1 class="article-title entry-title p-name"><?php the_title(); ?></h1>
<div class="entry-author-meta">
<span class="time date updated"><?php echo time_ago_anthemes(); ?> <?php _e('ago', 'anthemes'); ?></span>
<span class="author-meta-byline"><?php _e('by', 'anthemes'); ?>
<span class="vcard author p-author h-card">
<span class="fn"><?php the_author_posts_link(); ?></span>
</span>
</span>
<a class="author-photo" href="<?php echo get_author_posts_url( get_the_author_meta( 'ID' ) ); ?>">
<?php echo get_avatar( get_the_author_meta( 'user_email' ), 70 ); ?>
</a>
<ul class="author-social-inline">
<?php if(get_the_author_meta('facebook')) { ?><li class="facebook"><a target="_blank" href="//facebook.com/<?php echo the_author_meta('facebook'); ?>"><i class="fa fa-facebook"></i></a></li><?php } ?>
<?php if(get_the_author_meta('twitter')) { ?><li class="twitter"><a target="_blank" href="//twitter.com/<?php echo the_author_meta('twitter'); ?>"><i class="fa fa-twitter"></i></a></li><?php } ?>
<?php if(get_the_author_meta('google')) { ?><li class="google"><a target="_blank" href="//plus.google.com/<?php echo the_author_meta('google'); ?>?rel=author"><i class="fa fa-google-plus"></i></a></li><?php } ?>
</ul>
</div>
<h1 class="article-title entry-title p-name"><?php the_title(); ?></h1>
<span class="time date updated"><?php echo time_ago_anthemes(); ?> <?php _e('ago', 'anthemes'); ?></span>
<span><?php _e('written by', 'anthemes'); ?>
<span class="vcard author p-author h-card">
<span class="fn"><?php the_author_posts_link(); ?></span>
</span>
</span>
</div><div class="clear"></div>
<?php endwhile; endif; ?>

Expand Down
22 changes: 12 additions & 10 deletions wp-content/themes/mag-wp/single-news.php
View file
Expand Up @@ -13,21 +13,23 @@

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="entry-top">
<div class="author-left-meta">
<a href="<?php echo get_author_posts_url( get_the_author_meta( 'ID' ) ); ?>"><?php echo get_avatar( get_the_author_meta( 'user_email' ), 70 ); ?></a>
<ul class="author-social-top">
<h1 class="article-title entry-title p-name"><?php the_title(); ?></h1>
<div class="entry-author-meta">
<span class="time date updated"><?php echo time_ago_anthemes(); ?> <?php _e('ago', 'anthemes'); ?></span>
<span class="author-meta-byline"><?php _e('by', 'anthemes'); ?>
<span class="vcard author p-author h-card">
<span class="fn"><?php the_author_posts_link(); ?></span>
</span>
</span>
<a class="author-photo" href="<?php echo get_author_posts_url( get_the_author_meta( 'ID' ) ); ?>">
<?php echo get_avatar( get_the_author_meta( 'user_email' ), 70 ); ?>
</a>
<ul class="author-social-inline">
<?php if(get_the_author_meta('facebook')) { ?><li class="facebook"><a target="_blank" href="//facebook.com/<?php echo the_author_meta('facebook'); ?>"><i class="fa fa-facebook"></i></a></li><?php } ?>
<?php if(get_the_author_meta('twitter')) { ?><li class="twitter"><a target="_blank" href="//twitter.com/<?php echo the_author_meta('twitter'); ?>"><i class="fa fa-twitter"></i></a></li><?php } ?>
<?php if(get_the_author_meta('google')) { ?><li class="google"><a target="_blank" href="//plus.google.com/<?php echo the_author_meta('google'); ?>?rel=author"><i class="fa fa-google-plus"></i></a></li><?php } ?>
</ul>
</div>
<h1 class="article-title entry-title p-name"><?php the_title(); ?></h1>
<span class="time date updated"><?php echo time_ago_anthemes(); ?> <?php _e('ago', 'anthemes'); ?></span>
<span><?php _e('written by', 'anthemes'); ?>
<span class="vcard author p-author h-card">
<span class="fn"><?php the_author_posts_link(); ?></span>
</span>
</span>
</div><div class="clear"></div>
<?php endwhile; endif; ?>

Expand Down
22 changes: 12 additions & 10 deletions wp-content/themes/mag-wp/single-opinion_post.php
View file
Expand Up @@ -13,21 +13,23 @@

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="entry-top">
<div class="author-left-meta">
<a href="<?php echo get_author_posts_url( get_the_author_meta( 'ID' ) ); ?>"><?php echo get_avatar( get_the_author_meta( 'user_email' ), 70 ); ?></a>
<ul class="author-social-top">
<h1 class="article-title entry-title p-name"><?php the_title(); ?></h1>
<div class="entry-author-meta">
<span class="time date updated"><?php echo time_ago_anthemes(); ?> <?php _e('ago', 'anthemes'); ?></span>
<span class="author-meta-byline"><?php _e('by', 'anthemes'); ?>
<span class="vcard author p-author h-card">
<span class="fn"><?php the_author_posts_link(); ?></span>
</span>
</span>
<a class="author-photo" href="<?php echo get_author_posts_url( get_the_author_meta( 'ID' ) ); ?>">
<?php echo get_avatar( get_the_author_meta( 'user_email' ), 70 ); ?>
</a>
<ul class="author-social-inline">
<?php if(get_the_author_meta('facebook')) { ?><li class="facebook"><a target="_blank" href="//facebook.com/<?php echo the_author_meta('facebook'); ?>"><i class="fa fa-facebook"></i></a></li><?php } ?>
<?php if(get_the_author_meta('twitter')) { ?><li class="twitter"><a target="_blank" href="//twitter.com/<?php echo the_author_meta('twitter'); ?>"><i class="fa fa-twitter"></i></a></li><?php } ?>
<?php if(get_the_author_meta('google')) { ?><li class="google"><a target="_blank" href="//plus.google.com/<?php echo the_author_meta('google'); ?>?rel=author"><i class="fa fa-google-plus"></i></a></li><?php } ?>
</ul>
</div>
<h1 class="article-title entry-title p-name"><?php the_title(); ?></h1>
<span class="time date updated"><?php echo time_ago_anthemes(); ?> <?php _e('ago', 'anthemes'); ?></span>
<span><?php _e('written by', 'anthemes'); ?>
<span class="vcard author p-author h-card">
<span class="fn"><?php the_author_posts_link(); ?></span>
</span>
</span>
</div><div class="clear"></div>
<?php endwhile; endif; ?>

Expand Down
26 changes: 14 additions & 12 deletions wp-content/themes/mag-wp/single.php
View file
Expand Up @@ -13,21 +13,23 @@

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="entry-top">
<div class="author-left-meta">
<a href="<?php echo get_author_posts_url( get_the_author_meta( 'ID' ) ); ?>"><?php echo get_avatar( get_the_author_meta( 'user_email' ), 70 ); ?></a>
<ul class="author-social-top">
<h1 class="article-title entry-title p-name"><?php the_title(); ?></h1>
<div class="entry-author-meta">
<span class="time date updated"><?php echo time_ago_anthemes(); ?> <?php _e('ago', 'anthemes'); ?></span>
<span class="author-meta-byline"><?php _e('by', 'anthemes'); ?>
<span class="vcard author p-author h-card">
<span class="fn"><?php the_author_posts_link(); ?></span>
</span>
</span>
<a class="author-photo" href="<?php echo get_author_posts_url( get_the_author_meta( 'ID' ) ); ?>">
<?php echo get_avatar( get_the_author_meta( 'user_email' ), 70 ); ?>
</a>
<ul class="author-social-inline">
<?php if(get_the_author_meta('facebook')) { ?><li class="facebook"><a target="_blank" href="//facebook.com/<?php echo the_author_meta('facebook'); ?>"><i class="fa fa-facebook"></i></a></li><?php } ?>
<?php if(get_the_author_meta('twitter')) { ?><li class="twitter"><a target="_blank" href="//twitter.com/<?php echo the_author_meta('twitter'); ?>"><i class="fa fa-twitter"></i></a></li><?php } ?>
<?php if(get_the_author_meta('google')) { ?><li class="google"><a target="_blank" href="//plus.google.com/<?php echo the_author_meta('google'); ?>?rel=author"><i class="fa fa-google-plus"></i></a></li><?php } ?>
</ul>
</div>
<h1 class="article-title entry-title p-name"><?php the_title(); ?></h1>
<span class="time date updated"><?php echo time_ago_anthemes(); ?> <?php _e('ago', 'anthemes'); ?></span>
<span><?php _e('written by', 'anthemes'); ?>
<span class="vcard author p-author h-card">
<span class="fn"><?php the_author_posts_link(); ?></span>
</span>
</span>
</div><div class="clear"></div>
<?php endwhile; endif; ?>

Expand Down Expand Up @@ -99,13 +101,13 @@
<!-- tags -->
<?php $tags = get_the_tags();
if ($tags): ?>
<div class="ct-size"><?php the_tags(__('<div class="entry-btn">Tags:</div>', 'anthemes'),' &middot; '); // tags ?></div><div class="clear"></div>
<div class="ct-size"><?php the_tags(__('<div class="entry-btn">Article Tags:</div>', 'anthemes'),' &middot; '); // tags ?></div><div class="clear"></div>
<?php endif; ?>

<!-- categories -->
<?php $categories = get_the_category();
if ($categories): ?>
<div class="ct-size"><?php _e( '<div class="entry-btn">Categories:</div>', 'anthemes' ); ?> <?php the_category(' &middot; '); // categories ?></div><div class="clear"></div>
<div class="ct-size"><?php _e( '<div class="entry-btn">Article Categories:</div>', 'anthemes' ); ?> <?php the_category(' &middot; '); // categories ?></div><div class="clear"></div>
<?php endif; ?>

<div class="clear"></div>
Expand Down

0 comments on commit 86f4d24

Please sign in to comment.