moved tags to top of content. show viewed one and let choose others

This commit is contained in:
jorge 2021-11-08 21:17:05 +01:00
parent a8921bd895
commit 18c364951f
23 changed files with 15513 additions and 41 deletions

View File

@ -26,6 +26,7 @@ get_header(); ?>
<?php echo category_description(); ?>
</div>
<?php endif; ?>
<?php get_template_part( 'template-parts/tag-cloud' ); ?>
<div class="bfr_category_archive">
<?php if ( have_posts() ) : ?>
<?php /* Start the Loop */ ?>

14726
dist/assets/css/app.css vendored

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.2 KiB

After

Width:  |  Height:  |  Size: 37 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 975 KiB

After

Width:  |  Height:  |  Size: 975 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.1 MiB

After

Width:  |  Height:  |  Size: 1.8 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.4 MiB

After

Width:  |  Height:  |  Size: 3.3 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 58 KiB

After

Width:  |  Height:  |  Size: 60 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 5.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.5 KiB

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.9 KiB

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.1 KiB

After

Width:  |  Height:  |  Size: 16 KiB

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,6 @@
/**
* what-input - A global utility for tracking the current input method (mouse, keyboard or touch).
* @version v4.3.1
* @link https://github.com/ten1seven/what-input
* @license MIT
*/

View File

@ -58,6 +58,8 @@ require_once( 'library/gutenberg.php' );
/** Catch post first image */
require_once( 'library/catch-first-image.php' );
/** Check if a category is subcategory */
require_once( 'library/check-subcategory.php' );
/** If your site requires protocol relative url's for theme assets, uncomment the line below */
// require_once( 'library/class-foundationpress-protocol-relative-theme-assets.php' );

View File

@ -29,14 +29,5 @@
</nav>
<nav class="site-top-nav menu small-12 medium-6 large-shrink align-center"><?php foundationpress_top_bar_r(); ?></nav>
</content>
<?php if (is_category('peephole') || is_tag() ) : ?>
<aside class="bfr_category_tags">
<h6 class="button primary hollow">#tags</h6>
<div class="bfr_all_tags bfr_toogled_tags">
<?php wp_tag_cloud( 'unit=rem&smallest=1&largest=1&number=0&orderby=name' ); ?>
</div>
</aside>
<?php endif; ?>
<?php //get_template_part( 'template-parts/tag-cloud' ); ?>
</header>

View File

@ -0,0 +1,16 @@
<?php
/**
* Check if a category is subcategory
*
* @package Biofriction
* @since Biofriction 1.0.0
*/
if ( ! function_exists ( 'is_subcategory' ) ) :
function is_subcategory (){
$cat = get_query_var('cat');
$category = get_category($cat);
$category->parent;
return ( $category->parent == 0 ) ? false : true;
}
endif;

View File

@ -1,16 +1,37 @@
.bfr_category_tags {
.bfr_tags{
font-family: $header-font-family;
font-size: $global-font-size * 0.8;
}
.bfr_tag_active {
background-color: scale-color($secondary-color, $lightness: +70%);
&:hover {
background-color: $secondary-color;
color: $primary-color;
}
&:before{
content:'#';
}
}
.bfr_category_tags {
@include xy-grid();
// @include xy-gutters(0);
position: relative;
top:-1rem;
text-align: center;
// top:-1rem;
z-index: 100;
h6 {
@include breakpoint(small) {
@include xy-cell(12);
margin-bottom: $global-margin;
}
}
.tag-cloud-link::before {
content: '#';
// display: inline-block;
content: '#';
}
a{
padding:0;
margin:0 0.5rem;
display:inline-block;
margin-bottom: auto;
&:hover {
color:$primary-color;
background-color:$secondary-color;
@ -19,14 +40,26 @@
.bfr_toogled_tags{
display:none;
position:absolute;
padding:3rem;
border-radius: 2rem;
margin-top:-1rem;
top: $global-padding;
padding:$global-padding;
border-radius: $button-radius/2;
background-color: rgba(255,255,255,0.95);
}
.button:hover+.bfr_toogled_tags,.bfr_toogled_tags:hover {
.bfr_tag_description:hover+.bfr_toogled_tags,.bfr_toogled_tags:hover {
display:block;
}
}
.bfr_post_tags {
ul {
list-style: none;
margin-left:0;
display: inline-block;
li {
float:left;
margin-right: $global-margin;
&:before {
content:'#';
}
}
}
}

View File

@ -17,17 +17,6 @@
height: 10rem;
background-image: url('../images/biofriction-logo-moving-trans-loosy-100.gif');
}
.bfr_category_tags {
// display:flex;
// justify-content:center;
max-width: calc(66vw - 4rem);
margin: 0 auto;
a {
display:inline-block;
margin-bottom: auto;
}
}
}
}
}

View File

@ -9,6 +9,7 @@
*/
?>
<?php get_template_part( 'template-parts/tag-cloud' ); ?>
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<header>

View File

@ -0,0 +1,17 @@
<?php //display the tag cloud ?>
<?php //is_subcategory check the functions and library ?>
<?php if ((is_category('peephole') || is_subcategory('peephole') || is_tag()) && !is_single() ) { ?>
<aside class="bfr_tags bfr_category_tags">
<h6 class="bfr_tag_description">
You are viewing <span class="bfr_tag_active"><?php single_cat_title(); ?></span>. Choose to filter content
</h6>
<div class="bfr_all_tags bfr_toogled_tags">
<?php wp_tag_cloud( 'unit=rem&smallest=0.8&largest=0.8&number=0&orderby=name' ); ?>
</div>
</aside>
<?php } ?>
<?php if ( is_single() ) { ?>
<aside class="bfr_tags bfr_post_tags">
<?php the_tags('<ul class=""><li class="bfr_tag_active">', '</li><li class="bfr_tag_active">','</li></ul>'); ?>
</aside>
<?php } ?>