added resorces 5 column view, and categories will display content. enhazed the template hierarchy

This commit is contained in:
jorge 2022-03-23 21:31:13 +01:00
parent 3373bf69b2
commit 14c122f005
12 changed files with 276 additions and 46 deletions

35
category-resources.php Normal file
View File

@ -0,0 +1,35 @@
<?php
/**
* The template for displaying archive pages
*
* Used to display archive-type pages if nothing more specific matches a query.
* For example, puts together date-based pages if no date.php file exists.
*
* If you'd like to further customize these archive views, you may create a
* new template file for each one. For example, tag.php (Tag archives),
* category.php (Category archives), author.php (Author archives), etc.
*
* @link https://codex.wordpress.org/Template_Hierarchy
*
* @package arcHIVE-theme
* @since arcHIVE-theme 1.0.0
*/
get_header(); ?>
<?php get_template_part( 'template-parts/announcement', '' ); ?>
<article>
<main>
<?php// get_template_part( 'template-parts/section', 'news' ); ?>
<?php
//https://developer.wordpress.org/reference/functions/get_template_part/#comment-4130
get_template_part( 'template-parts/section', 'categoryposts', array('category_name' => 'resources', 'post_per_page' => '10' ) );
?>
</main>
</article>
<?php get_footer();

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -10,7 +10,10 @@ get_header(); ?>
<article> <article>
<main> <main>
<?php get_template_part( 'template-parts/section', 'news' ); ?> <?php
//https://developer.wordpress.org/reference/functions/get_template_part/#comment-4130
get_template_part( 'template-parts/section', 'categoryposts', array('category_name' => 'news', 'post_per_page' => '3' ) );
?>
</main> </main>
</article> </article>

View File

@ -466,8 +466,10 @@ $input-font-family: inherit;
$input-font-size: rem-calc(16); $input-font-size: rem-calc(16);
$input-font-weight: $global-weight-normal; $input-font-weight: $global-weight-normal;
$input-line-height: $global-lineheight; $input-line-height: $global-lineheight;
$input-background: $white; //$input-background: $white;
$input-background-focus: $white; //$input-background-focus: $white;
$input-background: scale-color($primary-color, $lightness: 95%);
$input-background-focus: scale-color($primary-color, $lightness: 85%);
$input-background-disabled: $light-gray; $input-background-disabled: $light-gray;
$input-border: 1px solid $medium-gray; $input-border: 1px solid $medium-gray;
$input-border-focus: 1px solid $dark-gray; $input-border-focus: 1px solid $dark-gray;

View File

@ -4,8 +4,6 @@
.accordion-title { .accordion-title {
ul,ol { ul,ol {
list-style: none; list-style: none;
//@include flex;
//@include flex-align(justify,middle);
@include xy-grid; @include xy-grid;
} }
li { li {

View File

@ -4,15 +4,22 @@ button,.button {
.hero { .hero {
button,.button { button,.button {
min-width: 20vw; min-width: 20vw;
padding: $global-padding*0.3 $global-padding*2;
color: $button-color-alt; color: $button-color-alt;
font-size: $global-font-size*1.3; font-size: $global-font-size*1.3;
border-color: $button-color-alt; border-color: $button-color-alt;
border-radius: 4rem; border-radius: 4rem;
// margin: $global-margin*2 0;
&:hover{ &:hover{
color: $anchor-color; color: $anchor-color;
border-color: $anchor-color; border-color: $anchor-color;
} }
} }
} }
//.dropdown.menu{
// .button{
// min-width: unset;
// a {
// padding: 0.5rem;
// }
// }
//}

View File

@ -0,0 +1,89 @@
// search elements
.search{
.input-group {
position: relative;
border-radius: 4rem;
overflow: hidden;
padding: 0;
margin: 0;
.appear {
right: 0;
position: absolute;
height: 100%;
padding: 0.3rem 1rem;
}
}
.input-group * {
margin: 0;
}
.button{
border-color: $primary-color;
}
.appear{
display:none;
}
input{
&:active{
border-color: $primary-color;
background-color: $input-background-focus;
}
&:focus,&:focus-within{
border-color: $primary-color;
background-color: $input-background;
}
&:not(:placeholder-shown) {
border:none;
background-color: $input-background-focus;
position: relative;
padding-right: $global-padding * 9;
+ .appear {
display: block;
background-color: scale-color($input-background-focus, $lightness: -20%);
z-index: 2;
&:hover {
color: $white;
background-color: $primary-color;
}
}
}
}
.hollow {
border-color: $primary-color;
color: $primary-color;
&::after {
}
&::placeholder {
color: scale-color($primary-color, $lightness: -20%);
}
&:hover {
background-color: scale-color($primary-color, $lightness: 95%);
}
&:active {
background-color: scale-color($primary-color, $lightness: 85%);
}
}
}
//search block size in content
article,.omekas-entry-content {
.search{
@include xy-grid();
.input-group {
@include breakpoint(small){
@include xy-cell (12);
margin-left: auto;
margin-right: auto;
}
@include breakpoint(medium){
@include xy-cell (6);
margin-left: auto;
margin-right: auto;
}
@include breakpoint(large){
@include xy-cell (4);
margin-left: auto;
margin-right: auto;
}
}
}
}

View File

@ -74,18 +74,17 @@
// category view and news // category view and news
//-------------- //--------------
.category-posts,.news,.news-category { .category-posts {
@include xy-grid; @include xy-grid;
header,main,aside { header,main,aside {
@include breakpoint(small){ @include breakpoint(small){
padding-top: 0;
@include xy-cell(12); @include xy-cell(12);
@include flex; @include flex;
@include flex-align(center,top); @include flex-align(center,top);
}
@include breakpoint(small){
padding-top: $global-padding*3; padding-top: $global-padding*3;
} }
@include breakpoint(medium){
}
} }
main { main {
//@include xy-cell(12); //@include xy-cell(12);
@ -144,7 +143,30 @@
} }
} }
.resources {
@include xy-grid;
header,main,aside {
//@include breakpoint(small){
//}
//@include breakpoint(medium){
//}
} }
main {
article{
@include breakpoint(small){
@include xy-cell(12);
}
@include breakpoint(medium){
@include xy-cell(1 of 3);
}
@include breakpoint(large){
@include xy-cell(1 of 5);
}
}
}
}
}
// end category-posts // end category-posts

View File

@ -1,8 +1,29 @@
// navigation scss // navigation scss
//.menu {
// background-color: rgba(100,250,100,1);
// li {
// background-color: rgba(250,250,100,1);
// padding: 0.7rem 1rem;
// a {
// background-color: rgba(250,100,250,1);
// }
// }
//}
.dropdown.menu {
li,.button {
min-width: unset;
margin:0;
padding:0;
}
.button {
background-color:$input-background;
}
}
.is-dropdown-submenu { .is-dropdown-submenu {
font-size: $dropdown-font-size * 0.95; font-size: $dropdown-font-size * 0.95;
min-width: 10rem; min-width: 10rem;
// box-shadow: inset 0 0px 5px 3px rgba(100, 100, 100, 0.1);
box-shadow: 0 3px 5px 3px rgba(200, 200, 200, 0.1); box-shadow: 0 3px 5px 3px rgba(200, 200, 200, 0.1);
} }

View File

@ -10,7 +10,7 @@
<section class="hero hero-announcement"> <section class="hero hero-announcement">
<?php dynamic_sidebar( 'announcement-widgets' ); ?> <?php dynamic_sidebar( 'announcement-widgets' ); ?>
<aside> <aside>
<?php //insert menu hero here; ?> <?php //insert menu here; ?>
<?php //foundationpress_hero_announcement_bar(); ?> <?php //foundationpress_announcement_bar(); ?>
</aside> </aside>
</section> </section>

View File

@ -8,16 +8,29 @@
?> ?>
<section class="category-posts news"> <?php
//https://developer.wordpress.org/reference/functions/get_template_part/#comment-4130
// var_dump( $args ); //will display everythin imported from
// get_template_part( 'template-parts/section', 'category', array('category_name' => 'news', 'post_per_page' => '3' ) );
$thiscategory = $args['category_name'];
$howmanyposts = $args['post_per_page'];
?>
<section class="category-posts <?php echo $thiscategory;?> ">
<header> <header>
<h2> News </h2> <h2>
<?php
if ( is_category() ) {
single_cat_title();
} else {
echo $thiscategory;
} endif;?>
</h2>
</header> </header>
<main class=""> <main class="">
<?php $the_query = new WP_Query( array( 'category_name' => 'news', 'posts_per_page' => 3 ) ); ?> <?php $the_query = new WP_Query( array( 'category_name' => $thiscategory, 'posts_per_page' => $howmanyposts ) ); ?>
<?php if ( $the_query->have_posts() ) : ?> <?php if ( $the_query->have_posts() ) : ?>
<?php //the loop ?>
<?php while ( $the_query->have_posts() ) : $the_query->the_post(); ?> <?php while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
<?php //content here ?>
<article class=""> <article class="">
<?php if ( has_post_thumbnail() ) :?> <?php if ( has_post_thumbnail() ) :?>
<a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>"> <a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>">
@ -44,14 +57,12 @@
</a> </a>
</section> </section>
</article> </article>
<?php endwhile; ?> <?php endwhile;//end of the loop ?>
<?php // end of the loop ?>
<?php //pagination here ?> <?php //pagination here ?>
<?php wp_reset_postdata(); ?> <?php wp_reset_postdata(); ?>
<?php else : ?> <?php else : //if no post in query ?>
<p><?php _e( 'Sorry, no posts matched your criteria.' ); ?></p> <p><?php _e( 'Sorry, no posts matched your criteria.' ); ?></p>
<?php endif; ?> <?php endif; ?>
</main> </main>
<aside> <aside>
<nav> <nav>