arcHIVE-tech/arc-hive-wordpress-theme
arcHIVE-tech
/
arc-hive-wordpress-theme
4
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

excerpt and catch first image support added

This commit is contained in:
jorge 2021-04-30 01:12:57 +02:00
parent 09b6f74c41
commit 89cbaafc41
19 changed files with 363 additions and 178 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
footer.php
View File

@ -26,20 +26,20 @@
</aside> </aside>
<aside class="double newsletter"> <aside class="double newsletter">
<p> subscribe to our <br/> <p> subscribe to our <br/>
<span class="h3"><a href="https://arc-hive.zone/newsletter/">news letter</a></span> <span class="h4"><a href="https://arc-hive.zone/newsletter/">newsletter</a></span>
</p> </p>
</aside> </aside>
<aside class="newsletter"> <aside class="newsletter">
<p> follow us on <br/> <p> follow us on <br/>
<span class="h3"><a href="https://www.facebook.com/arc.hive.platform/">facebook</a></span> <span class="h4"><a href="https://www.facebook.com/arc.hive.platform/">facebook</a></span>
<span class="h3"><a href="https://www.instagram.com/arc.hive.zone/">instagram</a></span> <span class="h4"><a href="https://www.instagram.com/arc.hive.zone/">instagram</a></span>
</p> </p>
</aside> </aside>
</section> </section>
<section class="subsection"> <section class="subsection">
<aside class="contact"> <aside class="contact">
<p><a href="mailto:info@arc-hive.zone">info@arc-hive.zone</a></p> <p><a href="mailto:info@arc-hive.zone">info@arc-hive.zone</a></p>
<p class="address">Emilia Coranty 16 <br /> 08018 Barcelona Spain</p> <p class="h5"><a href="https://arc-hive.zone/contact/">CONTACT</a></p>
</aside> </aside>
<aside class="double partners"> <aside class="double partners">
<p>ARC-HIVE partners are:</p> <p>ARC-HIVE partners are:</p>
@ -47,7 +47,7 @@
<li class="h5"> <a href="#">Cultivamos Cultura</a></li> <li class="h5"> <a href="#">Cultivamos Cultura</a></li>
<li class="h5"> <a href="#">Bioart Society</a></li> <li class="h5"> <a href="#">Bioart Society</a></li>
<li class="h5"> <a href="#">Kersnikova</a></li> <li class="h5"> <a href="#">Kersnikova</a></li>
<li class="h5"> <a href="#">Institute of natural sciences</a></li> <li class="h5"> <a href="#">RBINS</a></li>
<li class="h5"> <a href="#">Kontejner</a></li> <li class="h5"> <a href="#">Kontejner</a></li>
<li class="h5"> <a href="#">Hangar</a></li> <li class="h5"> <a href="#">Hangar</a></li>
</ul> </ul>

6
functions.php
View File

@ -55,5 +55,11 @@ require_once( 'library/responsive-images.php' );
/** Gutenberg editor support */ /** Gutenberg editor support */
require_once( 'library/gutenberg.php' ); require_once( 'library/gutenberg.php' );
/** Catch post first image */
require_once( 'library/catch-first-image.php' );
/** Reduce the excerpt length */
require_once( 'library/excerpt-mods.php' );
/** If your site requires protocol relative url's for theme assets, uncomment the line below */ /** 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' ); // require_once( 'library/class-foundationpress-protocol-relative-theme-assets.php' );

2
gulpfile.babel.js
View File

@ -300,7 +300,7 @@ function watch() {
// Build the "dist" folder by running all of the below tasks // Build the "dist" folder by running all of the below tasks
gulp.task('build', gulp.task('build',
gulp.series(clean, gulp.parallel(javascript, images, img,copy), sass)); gulp.series(clean, gulp.parallel(javascript, images, img, copy), sass));
// Build the site, run the server, and watch for file changes // Build the site, run the server, and watch for file changes
gulp.task('default', gulp.task('default',

2
index.php
View File

@ -43,6 +43,6 @@ get_header(); ?>
</main> </main>
<?php get_announcement(); ?> <?php //get_template_part( 'template-parts/announcement' ); ?>
<?php get_footer(); <?php get_footer();

26
library/catch-first-image.php Normal file
View File

@ -0,0 +1,26 @@
<?php
/**
* Start catch up first image in a post else get the custom logo
* ----------------------------------------------------------------------------
* @package arcHIVE
*/
if ( ! function_exists( 'catch_post_first_image' ) ) :
function catch_post_first_image() {
global $post, $posts;
$first_img = '';
ob_start();
ob_end_clean();
$output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
$first_img = $matches [1] [0];
if(!empty($first_img)){
return $first_img;
}
if(empty($first_img)){ //Defines a default image
// https://developer.wordpress.org/reference/functions/the_custom_logo/
$custom_logo_image = wp_get_attachment_image_src( get_theme_mod( 'custom_logo' ) , 'full' );
$first_img = $custom_logo_image[0];
return $first_img;
}
}
endif;
?>

16
library/excerpt-mods.php Normal file
View File

@ -0,0 +1,16 @@
<?php
/**
* Filter the except length to 20 words.
*
* @param int $length Excerpt length.
* @return int (Maybe) modified excerpt length.
*/
if ( ! function_exists( 'foundationpress_custom_excerpt_length' ) ) :
function foundationpress_custom_excerpt_length( $length ) {
return 20;
}
add_filter( 'excerpt_length', 'foundationpress_custom_excerpt_length', 999 );
endif;

4
library/navigation.php
View File

@ -10,7 +10,7 @@
register_nav_menus( register_nav_menus(
array( array(
'top-bar-r' => esc_html__( 'Right Top Bar', 'foundationpress' ), 'top-bar-r' => esc_html__( 'Right Top Bar', 'foundationpress' ),
'mobile-nav' => esc_html__( 'Mobile', 'foundationpress' ), // 'mobile-nav' => esc_html__( 'Mobile', 'foundationpress' ),
'home-hero-bar' => esc_html__( 'Home Hero bar', 'foundationpress' ), 'home-hero-bar' => esc_html__( 'Home Hero bar', 'foundationpress' ),
) )
); );
@ -69,7 +69,7 @@ if ( ! function_exists( 'foundationpress_home_hero_bar' ) ) {
wp_nav_menu( wp_nav_menu(
array( array(
'container' => false, 'container' => false,
'menu_class' => 'menu button', 'menu_class' => 'menu button hollow',
'items_wrap' => '<ul id="%1$s" class="%2$s">%3$s</ul>', 'items_wrap' => '<ul id="%1$s" class="%2$s">%3$s</ul>',
'theme_location' => 'home-hero-bar', 'theme_location' => 'home-hero-bar',
'depth' => 3, 'depth' => 3,

2
page-templates/front.php
View File

@ -13,6 +13,4 @@ get_header(); ?>
<?php get_template_part( 'template-parts/section', 'news' ); ?> <?php get_template_part( 'template-parts/section', 'news' ); ?>
</main> </main>
</article> </article>
<?php get_footer(); <?php get_footer();

2
src/assets/scss/_settings.scss
View File

@ -72,7 +72,7 @@
// 1. Global // 1. Global
// --------- // ---------
$global-font-size:1.5rem; $global-font-size:100%;
$global-width: 100vw; $global-width: 100vw;
$global-lineheight: 1.5; $global-lineheight: 1.5;

22
src/assets/scss/app.scss
View File

@ -20,9 +20,9 @@
@include foundation-button-group; @include foundation-button-group;
@include foundation-close-button; @include foundation-close-button;
@include foundation-label; @include foundation-label;
@include foundation-progress-bar; //@include foundation-progress-bar;
@include foundation-slider; //@include foundation-slider;
@include foundation-switch; //@include foundation-switch;
@include foundation-table; @include foundation-table;
// Basic components // Basic components
@include foundation-badge; @include foundation-badge;
@ -36,7 +36,7 @@
// Containers // Containers
@include foundation-accordion; @include foundation-accordion;
@include foundation-media-object; @include foundation-media-object;
@include foundation-orbit; //@include foundation-orbit;
@include foundation-responsive-embed; @include foundation-responsive-embed;
@include foundation-tabs; @include foundation-tabs;
@include foundation-thumbnail; @include foundation-thumbnail;
@ -67,21 +67,31 @@
// arcHIVE styles // arcHIVE styles
// global project styles // global project styles
@import "global/colors";
@import "global/wp-overrides"; //errors
@import "global/wp-admin"; //errors
@import "global/typography"; @import "global/typography";
@import "global/gutenberg";
@import "global/colors";
@import "global/branding"; @import "global/branding";
@import "global/accessibility";
// Modules // Modules
@import "modules/navigation"; @import "modules/navigation";
@import "modules/header"; @import "modules/header";
@import "modules/content";
@import "modules/footer"; @import "modules/footer";
//@import "modules/editor-syle";
@import "modules/content";
// Componentes // Componentes
@import "components/links";
@import "components/featured-image";
@import "components/dividers";
@import "components/cards"; @import "components/cards";
@import "components/buttons"; @import "components/buttons";
@import "components/accordion"; @import "components/accordion";
// Templates // Templates
//@import "templates/front"; //@import "templates/front";

1
src/assets/scss/global/_colors.scss
View File

@ -10,4 +10,3 @@ $mid-grey: #808080;
$antracite-grey: #333333; $antracite-grey: #333333;
$forest-green: #1E6041; $forest-green: #1E6041;
$raspberry-purple: #54367B; $raspberry-purple: #54367B;

29
src/assets/scss/global/_typography.scss
View File

@ -26,16 +26,19 @@
// not in foundation variables // not in foundation variables
// ----------------------------- // -----------------------------
h1,h2,h3,h4,h5,h6, //h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h4,.h5,.h6, //.h1,.h2,.h3,.h4,.h4,.h5,.h6,
button,.button, //button,.button,
header nav, //header nav,
.hero .claim //.hero .claim
{ //{
font-variant:all-small-caps; // font-variant:all-small-caps;
a { //}
color: #000; //
} //
} //h1,h2,h3,h4,h5,h6,
//.h1,.h2,.h3,.h4,.h4,.h5,.h6 {
// a {
// color: $black;
// }
//}

2
src/assets/scss/global/_wp-admin.scss
View File

@ -15,7 +15,7 @@ body.admin-bar {
&.offcanvas { &.offcanvas {
.off-canvas.is-open { .off-canvas.is-open {
top: rem-calc(46); top: rem-calc(46);
@include breakpoint(783) { @include breakpoint(small) {
top: rem-calc(32); top: rem-calc(32);
} }
} }

114
src/assets/scss/global/_wp-overrides.scss
View File

@ -1,57 +1,57 @@
.wp-caption > figcaption { //.wp-caption > figcaption {
max-width: 100%; // max-width: 100%;
font-size: 0.8rem; // font-size: 0.8rem;
color: #999; // color: #999;
padding: 0.25rem 0; // padding: 0.25rem 0;
} //}
//
p.wp-caption-text{ //p.wp-caption-text{
font-size:90%; // font-size:90%;
color: #666; // color: #666;
padding:rem-calc(10) 0; // padding:rem-calc(10) 0;
} //}
//
.alignleft { //.alignleft {
float: left; // float: left;
padding-right: 1rem; // padding-right: 1rem;
margin: 0; // margin: 0;
} //}
//
.alignright { //.alignright {
float: right; // float: right;
padding-left: 1rem; // padding-left: 1rem;
margin: 0; // margin: 0;
} //}
//
.aligncenter { //.aligncenter {
display: block; // display: block;
margin-left: auto; // margin-left: auto;
margin-right: auto; // margin-right: auto;
} //}
//
.gallery { //.gallery {
@include xy-grid; // @include xy-grid;
@include xy-gutters($negative: true); // @include xy-gutters($negative: true);
@for $i from 1 through 9 { // @for $i from 1 through 9 {
&.gallery-columns-#{$i} { // &.gallery-columns-#{$i} {
@include xy-grid-layout(2, '.gallery-item', true); // @include xy-grid-layout(2, '.gallery-item', true);
} // }
@include breakpoint(medium){ // @include breakpoint(medium){
&.gallery-columns-#{$i} { // &.gallery-columns-#{$i} {
@include xy-grid-layout(4, '.gallery-item', true, (small: 30px)); // @include xy-grid-layout(4, '.gallery-item', true, (small: 30px));
} // }
} // }
@include breakpoint(large) { // @include breakpoint(large) {
&.gallery-columns-#{$i} { // &.gallery-columns-#{$i} {
@include xy-grid-layout($i, '.gallery-item', true, (small: 30px)); // @include xy-grid-layout($i, '.gallery-item', true, (small: 30px));
} // }
} // }
} // }
.gallery-icon > a { // .gallery-icon > a {
@include thumbnail; // @include thumbnail;
@include thumbnail-link; // @include thumbnail-link;
} // }
.gallery-icon > img { // .gallery-icon > img {
@include thumbnail; // @include thumbnail;
} // }
} //}

135
src/assets/scss/modules/_content.scss
View File

@ -1,29 +1,84 @@
content { //content {
// general styles
//----------------
//
// mods on fonts and typography
// not in foundation variables
// -----------------------------
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h4,.h5,.h6,
button,.button,
header nav,
.hero .claim
{
font-variant:all-small-caps;
}
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h4,.h5,.h6 {
a {
color: $body-font-color;
}
}
//
// main block
//--------------
main { main {
article { article {
@include xy-grid;
header { header {
@include xy-cell(12);
.entry-title { .entry-title {
width: 100%; width: 100%;
text-align: center; text-align: center;
} }
} }
.entry-content { .entry-content {
padding: $global-padding*3; @include breakpoint(small){
@include xy-cell(12);
padding: $global-padding*2 ;
margin:0 auto;
}
@include breakpoint(medium){
@include xy-cell(12);
padding: $global-padding*2 $global-padding*3;
max-width: 50rem;
margin:0 auto;
}
@include breakpoint(xlarge){
@include xy-cell(12);
max-width: 50rem;
padding: $global-padding*2 $global-padding*3;
font-size: $global-font-size*1.2;
margin: 0 auto;
} }
} }
} }
}
// //
// news category // news category
//-------------- //--------------
.news { .news,.news-category {
@include xy-grid; @include xy-grid;
header,main,aside { header,main,aside {
@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);
padding: $global-padding*3 0; }
@include breakpoint(small){
padding-top: $global-padding*3;
}
} }
main { main {
//@include xy-cell(12); //@include xy-cell(12);
@ -40,9 +95,40 @@
@include breakpoint(large){ @include breakpoint(large){
@include xy-cell(4); @include xy-cell(4);
} }
figure {
@include breakpoint(small){
@include xy-cell(12);
height: 58vw;
max-width: 100%;
overflow: hidden;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
@include breakpoint(medium){
height: 28vw;
}
@include breakpoint(large){
height: 20vw;
}
}
.entry-title {
padding-top: 4rem;
line-height: 0.7;
font-size: 1.5rem;
}
} }
} }
aside { aside {
@include breakpoint(small){
padding-top:0;
padding-bottom: $global-padding*3;
}
@include breakpoint(medium){
padding-top:$global-padding*3;
padding-bottom: 0;
}
} }
} }
// end news category // end news category
@ -89,40 +175,35 @@
// for big announcemnts // for big announcemnts
//--------------------- //---------------------
$hero-padding: $global-padding * 3;
.hero { .hero {
border-top: 2px solid $primary-color; border-top: 2px solid $primary-color;
background-color: $primary-color; .slides {
.slide {
@include xy-grid(); @include xy-grid();
.claim, figure { .slide {
@include xy-grid;
@include breakpoint(small){ @include breakpoint(small){
@include xy-cell(full); @include xy-cell(100%);
@include xy-cell-gutters(0,margin);
width: 100%;
padding: $global-padding*2;
} }
@include breakpoint(medium){ @include breakpoint(medium){
@include xy-cell(auto); @include xy-cell(50%);
@include xy-cell-gutters(0,margin); @include xy-cell-gutters(0,margin);
@include flex;
@include flex-align(center,middle);
}
padding: $hero-padding;
}
.claim{
color: $white;
@include xy-grid;
@include breakpoint(medium) {
font-size: $lead-font-size; font-size: $lead-font-size;
padding: $global-padding * 3;
} }
&:first-child {
background-color: $primary-color;
}
color: $white;
> * { > * {
@include xy-cell(full); @include xy-cell(full);
@include flex; @include flex;
@include flex-align(center,bottom); @include flex-align(center,middle);
} }
}
figure {
background-color: $white;
.logo { .logo {
@include breakpoint(medium){ @include breakpoint(medium){
max-width: 80%; max-width: 80%;
@ -138,6 +219,12 @@ $hero-padding: $global-padding * 3;
@include flex; @include flex;
@include flex-align(spaced,middle); @include flex-align(spaced,middle);
min-height: 8rem; min-height: 8rem;
a {
color: $body-font-color;
}
.button {
justify-content:center;
}
} }
} }
//hero secondary //hero secondary
@ -156,5 +243,5 @@ $hero-padding: $global-padding * 3;
} }
//end hero //end hero
} //}
// end content // end content

27
src/assets/scss/modules/_footer.scss
View File

@ -1,5 +1,4 @@
@include breakpoint(small) { footer {
footer {
background-color: $secondary-color; background-color: $secondary-color;
a { a {
color: $body-font-color; color: $body-font-color;
@ -22,17 +21,39 @@
.logo { .logo {
} }
.subsection { .subsection {
@include breakpoint(small) {
@include xy-grid; @include xy-grid;
@include flex; @include flex;
@include flex-align(left,bottom); @include flex-align(left,bottom);
border-top: 1px solid black; border-top: 1px solid black;
padding: $global-padding 0; padding: $global-padding 0;
font-size: $global-font-size * 0.8;
&:first-child {
padding-top: $global-padding*3;
}
.co-founded {
text-align:right;
}
}
@include breakpoint(medium) {
font-size: $global-font-size;
}
aside { aside {
@include breakpoint(small) {
@include xy-cell(12);
}
@include breakpoint(medium) {
@include xy-cell(3); @include xy-cell(3);
}
&.double { &.double {
@include breakpoint(small) {
@include xy-cell(12);
}
@include breakpoint(medium) {
@include xy-cell(6); @include xy-cell(6);
} }
} }
} }
} }
} }

37
src/assets/scss/modules/_header.scss
View File

@ -1,23 +1,48 @@
header { header {
@include xy-grid(); @include xy-grid();
@include xy-gutters(0); @include xy-gutters(0);
main { main {
@include xy-cell(shrink); @include breakpoint(small){
@include flex-align(left, middle); @include xy-cell(12);
@include flex-align(center, middle);
padding: $global-padding*2; padding: $global-padding*2;
min-width: 14rem; min-width: 14rem;
text-align: center;
}
@include breakpoint(medium){
@include xy-cell(shrink);
@include flex-align(left, middle);
text-align: unset;
}
} }
nav { nav {
@include xy-cell(auto); @include breakpoint(small){
@include xy-cell(12);
@include flex; @include flex;
@include flex-align(right, middle); @include flex-align(center, middle);
a, button { a, button {
color: $black; color: $black;
&:hover { &:hover {
color: $anchor-color; color: $anchor-color;
} }
} }
menu {
margin: 0;
padding: 0;
font-size: 0.9rem;
} }
} }
@include breakpoint(small){ @include breakpoint(medium){
} @include xy-cell(auto);
@include flex;
@include flex-align(right, middle);
menu {
margin: inherit;
padding: inherit;
font-size: $global-font-size;
}
}
}
}

0
announcement.php → template-parts/announcement.php
View File

66
template-parts/section-news.php
View File

@ -7,51 +7,45 @@
*/ */
?> ?>
<section class="news"> <section class="news">
<header> <header>
<h2> News</h2> <h2> News</h2>
</header> </header>
<main class=""> <main class="">
<?php $the_query = new WP_Query( array( 'category_name' => 'news', 'posts_per_page' => 6 ) ); ?>
<?php if ( $the_query->have_posts() ) : ?>
<?php// the loop ?>
<?php while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
<?php //content here ?>
<article class=""> <article class="">
<figure> <?php if ( has_post_thumbnail() ) :?>
<img src="assets/imgexample/img0001.jpg" /> <figure style="background-image: url(<?php echo get_the_post_thumbnail_url();?>);">
<!--img src="<?php //echo get_the_post_thumbnail_url();?>" /-->
</figure> </figure>
<aside class="date">12.03.2021</aside> <?php else :?>
<h3> FACTT 20|21 - Improbable Times </h3> <figure style="background-image: url(<?php echo catch_post_first_image();?>);">
<p class="excerpt"> <!--img src="<?php //echo catch_post_first_image();?>" /-->
ARC-HIVE is a curatorial space that gathers artworks that work int eh continuum of biomateriality
</p>
</article>
<article class="">
<figure>
<img src="assets/imgexample/img0002.jpg" />
</figure> </figure>
<aside class="date">12.03.2021</aside> <?php endif;?>
<h3> Conservtion and digitzation Workshop </h3> <h3 class="entry-title">
<p class="excerpt"> <a href="<?php the_permalink(); ?>" rel="bookmark">
They can be manipulation, modification or (re)creation of life and living processes. <?php the_title(); ?>
</p> </a>
</article> </h3>
<article class=""> <p class="excerpt post-excerpt">
<figure> <a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>"></a>
<img src="assets/imgexample/img0003.jpg" /> <?php the_excerpt() //echo wp_strip_all_tags( get_the_excerpt(), true ); ?>
</figure> </div>
<aside class="date">12.03.2021</aside>
<h3>Summer School 2021 | Elements of Care </h3>
<p class="excerpt">
This ARCHIVE is a curatorial space that gathers artworks that work in the continuum of biomateriality, from DNA, proteins.
</p>
</article>
<article class="">
<figure>
<img src="assets/imgexample/img0004.jpg" />
</figure>
<aside class="date">12.03.2021</aside>
<h3>ARC-HIVE Kick-off Meeting</h3>
<p class="excerpt">
This ARCHIVE is a curatorial space that gathers artworks that work in the continuum of biomateriality, from DNA, proteins.
</p>
</article> </article>
<?php endwhile; ?>
<?php // end of the loop ?>
<?php //pagination here ?>
<?php wp_reset_postdata(); ?>
<?php else : ?>
<p><?php _e( 'Sorry, no posts matched your criteria.' ); ?></p>
<?php endif; ?>
</main> </main>
<aside> <aside>
<nav> <nav>