Compare commits

..

3 Commits

Author SHA1 Message Date
jorge 6d0791e03c edited ajut and each post 2024-01-26 10:26:45 +01:00
jorge bffaa38328 styled navigatio and guttemberg styles 2024-01-26 10:23:29 +01:00
jorge 391d999466 modified header template 2024-01-26 10:22:21 +01:00
10 changed files with 250 additions and 839 deletions

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@ -9,7 +9,7 @@
get_header(); get_header();
?> ?>
<!-- archive-xarxaprod-ajut.php -->
<main id="primary" class="site-main"> <main id="primary" class="site-main">
<?php <?php
// Detect plugin. For use on Front End only. // Detect plugin. For use on Front End only.

View File

@ -54,7 +54,9 @@
</div><!-- .site-branding --> </div><!-- .site-branding -->
<nav id="site-navigation-main" class="main-navigation"> <nav id="site-navigation-main" class="main-navigation">
<button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false" style="background-image: url('<?php echo esc_url( wp_get_attachment_url( get_theme_mod( 'custom_logo' ) ) ); ?>');" ><?php esc_html_e( 'Menu XarxaProd', 'xarxaprod' ); ?></button> <button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false">
<?php esc_html_e( 'Menu', 'xarxaprod' ); ?>
</button>
<section class="main-navigation-content"> <section class="main-navigation-content">
<?php <?php
wp_nav_menu( wp_nav_menu(
@ -68,27 +70,30 @@
</nav><!--primary #site-navigation --> </nav><!--primary #site-navigation -->
</div> </div>
<div class="secondary"> <div class="secondary">
<nav id="site-navigation-secondary" class="site-navigation secondary-navigation toggle-secondary-navigation"> <?php
<legend class="hide-content">menu</legend> // <nav id="site-navigation-secondary" class="site-navigation secondary-navigation toggle-secondary-navigation">
<input id="hide-menu-mobile" class="hide-not-mobile toggle" name="toggle" type="radio"> // <legend class="hide-content">menu</legend>
<label for="show-menu-mobile" class="hide-not-mobile toggle-show"><span class="hide-content">open</span></label> // <input id="hide-menu-mobile" class="hide-not-mobile toggle" name="toggle" type="radio">
<input id="show-menu-mobile" class="hide-not-mobile toggle" name="toggle" type="radio"> // <label for="show-menu-mobile" class="hide-not-mobile toggle-show"><span class="hide-content">open</span></label>
<div class="toggled-menu"> // <input id="show-menu-mobile" class="hide-not-mobile toggle" name="toggle" type="radio">
<label for="hide-menu-mobile" class="hide-not-mobile toggle-hide"><span class="hide-content">close</span></label> // <div class="toggled-menu">
<section class="secondary-navigation-content"> // <label for="hide-menu-mobile" class="hide-not-mobile toggle-hide"><span class="hide-content">close</span></label>
// <section class="secondary-navigation-content">
;?>
<?php // here content to hide or show ?> <?php // here content to hide or show ?>
<?php <?php
wp_nav_menu( // wp_nav_menu(
array( // array(
'theme_location' => 'menu-2', // 'theme_location' => 'menu-2',
'menu_id' => 'secondary-menu', // 'menu_id' => 'secondary-menu',
) // )
); // );
?> // ?>
</section> <?php
</div><!--toggled-menu--> // </section>
</nav><!--secondary #site-navigation --> // </div><!--toggled-menu-->
// </nav><!--secondary #site-navigation -->
;?>
<?php the_header_image_tag(); // header image to show below menus before title ?> <?php the_header_image_tag(); // header image to show below menus before title ?>
</div><!--secondary--> </div><!--secondary-->

View File

@ -142,26 +142,26 @@
} }
} }
.menu-toggle { .menu-toggle {
display: inline-block; //display: inline-block;
width: 10rem; //width: 10rem;
height: 4rem; //height: 4rem;
margin: 0; //margin: 0;
padding: 0; //padding: 0;
font-size: 0; //font-size: 0;
border: none; //border: none;
background-position: center; //background-position: center;
background-repeat: no-repeat; //background-repeat: no-repeat;
background-size: contain; //background-size: contain;
} }
} }
@media screen and (max-width: 47.99em) { @media screen and (max-width: 47.99em) {
.site-branding { .site-branding {
display: block; //display: block;
width: 0px; //width: 0px;
height: 0px; //height: 0px;
overflow: hidden; //overflow: hidden;
margin: 0; //margin: 0;
padding: 0; //padding: 0;
} }
.main-navigation-content { .main-navigation-content {
text-transform: uppercase; text-transform: uppercase;

View File

@ -34,18 +34,18 @@
&::after { &::after {
content: "+"; content: "+";
position: absolute; position: absolute;
bottom: -1rem; bottom: 0rem;
left: 0.7rem; left: 0.7rem;
font-size: 5rem; font-size: 5rem;
} }
&:hover { &:hover {
color: $color__grey-light; //color: $color__grey-light;
&::after { &::after {
content: ">"; content: ">";
font-size: 3rem; //font-size: 3rem;
bottom: 0; //bottom: 0;
} }
} }
} }

433
style.css

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@ -8,7 +8,7 @@
*/ */
?> ?>
<!-- /template-parts/content-xarxaprod-ajut.php -->
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<header class="entry-header"> <header class="entry-header">
@ -109,7 +109,7 @@
<?php if( get_field('os_fund_web') ): ?> <?php if( get_field('os_fund_web') ): ?>
<div class="xarxaprod-fund-info-field"> <div class="xarxaprod-fund-info-field">
<h6>+ Informació</h6> <h6>+ Informació</h6>
<p><a href="<?php the_field('os_fund_web'); ?>" class="button button-more button-letsgo">ves-hi</a></p> <p><a href="<?php echo get_field('os_fund_web'); ?>" class="button button-more button-letsgo">ves-hi</a></p>
</div> </div>
<?php endif; ?> <?php endif; ?>

View File

@ -1,5 +1,6 @@
<?php /** <?php
* Template part for displaying each ajut with each field. /**
* Template part for displaying each ajut with each field in category, archive, search
* to be used inside the loop. * to be used inside the loop.
* *
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/ * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
@ -8,15 +9,18 @@
*/ */
?> ?>
<article id="post-<?php the_ID(); ?>" <?php post_class('xarxaprod-card-each'); ?>> <article id="post-<?php the_ID(); ?>" <?php post_class('xarxaprod-card-each'); ?> >
<h3 class="entry-title"> <h3 class="entry-title">
<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" rel="bookmark"> <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" rel="bookmark">
<?php the_title(); ?> <?php the_title(); ?>
</a> </a>
</h3> </h3>
<?php if( get_field('os_funder_name') ): ?> <?php if( get_field('os_funder_name') ): //case of ajuts fund ?>
<h6 class="xarxaprod-funder-name"><?php the_field('os_funder_name'); ?></h6> <h6 class="xarxaprod-funder-name"><?php the_field('os_funder_name'); ?></h6>
<?php endif; ?> <?php endif; ?>
<?php if( get_field('os_convoer_name') ): //case of convocatories convo ?>
<h6 class="xarxaprod-convoer-name"><?php the_field('os_convoer_name'); ?></h6>
<?php endif; ?>
<section class="excerpt post-excerpt"> <section class="excerpt post-excerpt">
<?php the_excerpt() ?> <?php the_excerpt() ?>
</section> </section>