Improve metadata layout

Improve link states
This commit is contained in:
2018-12-15 19:41:33 +00:00
parent 7632b4058e
commit 0abe53e3aa
9 changed files with 100 additions and 105 deletions

View File

@@ -60,7 +60,7 @@ function windycoys_the_tags() {
}
if ($tags) {
foreach($tags as $key=>$tag) {
echo '<a class="metadata__categories-link" href="' .
echo '<a class="metadata__tag-link" href="' .
home_url() . '/tag/' . $tag->name . '" rel="tag">' .
$tag->name . '</a>';
if ($key < count($tags) - 1) {

View File

@@ -1,43 +1,51 @@
<section class="metadata">
<div class="metadata__date">
<svg class="icon" aria-hidden="true">
<use href="#icon-calendar"></use>
</svg>
<span class="metadata__date-text">
<div class="metadata__item metadata__item--light">
<span class="metadata__icon">
<svg class="icon" aria-hidden="true">
<use href="#icon-calendar"></use>
</svg>
</span>
<span class="metadata__text">
<?php the_time(get_option('date_format')) ?>
</span>
</div>
<?php if (is_user_logged_in()): ?>
<div class="metadata__editor">
<a class="metadata__editor-link" href="<?php echo get_edit_post_link() ?>">
<svg class="icon" aria-hidden="true">
<use href="#icon-edit"></use>
</svg>
<span class="metadata__editor-text">
<div class="metadata__item">
<a class="metadata__link" href="<?php echo get_edit_post_link() ?>">
<span class="metadata__icon">
<svg class="icon" aria-hidden="true">
<use href="#icon-edit"></use>
</svg>
</span>
<span class="metadata__text">
Edit post
</span>
</a>
</div>
<?php endif; ?>
<div class="metadata__comments">
<a class="metadata__comments-link" href="<?php the_permalink() ?>#comments">
<svg class="icon" aria-hidden="true">
<use href="#icon-comments"></use>
</svg>
<span class="metadata__comments-text">
<div class="metadata__item">
<a class="metadata__link" href="<?php the_permalink() ?>#comments">
<span class="metadata__icon">
<svg class="icon" aria-hidden="true">
<use href="#icon-comments"></use>
</svg>
</span>
<span class="metadata__text">
<?php comments_number(); ?>
</span>
</a>
</div>
<div class="metadata__categories">
<svg class="icon" aria-hidden="true">
<use href="#icon-hash"></use>
</svg>
<span class="metadata__categories-text">
<div class="metadata__item">
<span class="metadata__icon">
<svg class="icon" aria-hidden="true">
<use href="#icon-hash"></use>
</svg>
</span>
<span class="metadata__text">
<?php windycoys_the_tags() ?>
</span>
</div>
<div class="metadata__share">
<div class="metadata__item">
<a class="metadata__share-link" href="#" aria-label="Facebook">
<svg class="icon icon--facebook" aria-hidden="true">
<use href="#icon-facebook"></use>