added resorces 5 column view, and categories will display content. enhazed the template hierarchy
This commit is contained in:
parent
3373bf69b2
commit
14c122f005
|
@ -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
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
//}
|
||||||
|
|
||||||
|
|
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
|
@ -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
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -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);
|
||||||
}
|
}
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
Loading…
Reference in New Issue