styled and developed convo view

This commit is contained in:
jorge 2024-03-11 16:10:46 +01:00
parent 765904018c
commit e35eb0f223
10 changed files with 265 additions and 265 deletions

View File

@ -554,7 +554,7 @@ Add your custom styles in this file so it is easier to update the theme.
color: #000; color: #000;
font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1rem; font-size: 1rem;
line-height: 1.3; line-height: 1.4;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .hide { .edit-post-visual-editor__content-area .editor-styles-wrapper .hide {
@ -677,8 +677,7 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-main .h3, .edit-post-visual-editor__content-area .editor-styles-wrapper .site-main .h3,
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-main .h4, .edit-post-visual-editor__content-area .editor-styles-wrapper .site-main .h4,
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-main .h5, .edit-post-visual-editor__content-area .editor-styles-wrapper .site-main .h5,
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-main .h6, .edit-post-visual-editor__content-area .editor-styles-wrapper .site-main .h6 {
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-main .entry-content {
margin: 0; margin: 0;
} }
@ -725,7 +724,7 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper h1, .edit-post-visual-editor__content-area .editor-styles-wrapper h1,
.edit-post-visual-editor__content-area .editor-styles-wrapper .h1 { .edit-post-visual-editor__content-area .editor-styles-wrapper .h1 {
font-size: 3.5rem; font-size: 3rem;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper h2, .edit-post-visual-editor__content-area .editor-styles-wrapper h2,
@ -735,51 +734,12 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper h3, .edit-post-visual-editor__content-area .editor-styles-wrapper h3,
.edit-post-visual-editor__content-area .editor-styles-wrapper .h3 { .edit-post-visual-editor__content-area .editor-styles-wrapper .h3 {
font-size: 1.5rem; font-size: 2rem;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper h4, .edit-post-visual-editor__content-area .editor-styles-wrapper h4,
.edit-post-visual-editor__content-area .editor-styles-wrapper .h4 { .edit-post-visual-editor__content-area .editor-styles-wrapper .h4 {
font-size: 1.3rem; font-size: 1.7rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper h5,
.edit-post-visual-editor__content-area .editor-styles-wrapper .h5 {
font-size: 1.3rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper h6,
.edit-post-visual-editor__content-area .editor-styles-wrapper .h6 {
font-size: 1.3rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .home-featured h2,
.edit-post-visual-editor__content-area .editor-styles-wrapper .home-featured .h2 {
font-size: 3.5rem;
border-bottom: 0.8rem solid #000;
}
}
@media screen and (min-width: 1440px) {
.edit-post-visual-editor__content-area .editor-styles-wrapper h1,
.edit-post-visual-editor__content-area .editor-styles-wrapper .h1 {
font-size: 3.5rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper h2,
.edit-post-visual-editor__content-area .editor-styles-wrapper .h2 {
font-size: 2.5rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper h3,
.edit-post-visual-editor__content-area .editor-styles-wrapper .h3 {
font-size: 1.6rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper h4,
.edit-post-visual-editor__content-area .editor-styles-wrapper .h4 {
font-size: 1.4rem;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper h5, .edit-post-visual-editor__content-area .editor-styles-wrapper h5,
@ -789,7 +749,7 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper h6, .edit-post-visual-editor__content-area .editor-styles-wrapper h6,
.edit-post-visual-editor__content-area .editor-styles-wrapper .h6 { .edit-post-visual-editor__content-area .editor-styles-wrapper .h6 {
font-size: 1.4rem; font-size: 1.2rem;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .home-featured h2, .edit-post-visual-editor__content-area .editor-styles-wrapper .home-featured h2,
@ -825,7 +785,7 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper pre { .edit-post-visual-editor__content-area .editor-styles-wrapper pre {
background: #eee; background: #eee;
font-family: "Courier 10 Pitch", courier, monospace; font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.4; line-height: 1.5;
margin-bottom: 1.6em; margin-bottom: 1.6em;
max-width: 100%; max-width: 100%;
overflow: auto; overflow: auto;
@ -1906,6 +1866,10 @@ Add your custom styles in this file so it is easier to update the theme.
margin: 1.5em 0 0; margin: 1.5em 0 0;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-main .entry-title {
margin: 0.5em 0;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .page-links { .edit-post-visual-editor__content-area .editor-styles-wrapper .page-links {
clear: both; clear: both;
margin: 0 0 1.5em; margin: 0 0 1.5em;
@ -1929,7 +1893,6 @@ Add your custom styles in this file so it is easier to update the theme.
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each .excerpt { .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each .excerpt {
border-top: 1px solid #000;
border-bottom: 1px solid #000; border-bottom: 1px solid #000;
margin-bottom: 0.5em; margin-bottom: 0.5em;
} }
@ -1992,6 +1955,49 @@ Add your custom styles in this file so it is easier to update the theme.
font-size: 0.8rem; font-size: 0.8rem;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-convo-info-fields {
margin-bottom: 2em;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-convo-info-fields li {
display: grid;
grid-template-columns: 0.75fr 2.25fr;
padding: 0.2em 0;
border-top: 0.05em solid #000;
font-size: 1.5em;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-convo-info-fields li .xarxaprod-label li {
display: inherit;
margin: 0;
padding: 0;
color: inherit;
border: none;
background-color: none;
font-size: inherit;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-convo-info-fields li .xarxaprod-label li::after {
content: ",";
display: inline-block;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-convo-info-fields dt {
grid-row: 1 / 1;
font-weight: 100;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-convo-info-fields dd {
grid-row: 1 / 2;
margin: 0;
font-weight: 700;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-convo-info-fields p {
grid-row: 1 / 2;
margin: 0;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-agenda .xarxaprod-card-each { .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-agenda .xarxaprod-card-each {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -2022,6 +2028,7 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper li[class*="category-agenda"] .wp-block-post-featured-image { .edit-post-visual-editor__content-area .editor-styles-wrapper li[class*="category-agenda"] .wp-block-post-featured-image {
position: absolute; position: absolute;
top: 0; top: 0;
margin: 0;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper li.category-activitats .wp-block-post-title::before, .edit-post-visual-editor__content-area .editor-styles-wrapper li.category-activitats .wp-block-post-title::before,
@ -2032,6 +2039,8 @@ Add your custom styles in this file so it is easier to update the theme.
height: auto; height: auto;
aspect-ratio: 1/1; aspect-ratio: 1/1;
margin-bottom: 2em; margin-bottom: 2em;
background-color: rgba(240, 240, 240, 0.2);
border-radius: 0.3em;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-filtered-content { .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-filtered-content {
@ -2301,7 +2310,7 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper .black-blocs .wp-block-column h6 { .edit-post-visual-editor__content-area .editor-styles-wrapper .black-blocs .wp-block-column h6 {
min-height: 4.8rem; min-height: 4.8rem;
font-size: 2rem; font-size: 2rem;
line-height: 1.04; line-height: 1.12;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .black-blocs .wp-block-column p { .edit-post-visual-editor__content-area .editor-styles-wrapper .black-blocs .wp-block-column p {
@ -2545,7 +2554,8 @@ Add your custom styles in this file so it is easier to update the theme.
margin-bottom: 1.5em; margin-bottom: 1.5em;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper h1 { .edit-post-visual-editor__content-area .editor-styles-wrapper h1,
.edit-post-visual-editor__content-area .editor-styles-wrapper figure {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -11,6 +11,6 @@ $font__header: $font__main;
$font__code: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace, mono; $font__code: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace, mono;
$font__pre: "Courier 10 Pitch", courier, monospace; $font__pre: "Courier 10 Pitch", courier, monospace;
$font__size-body: 1rem; $font__size-body: 1rem;
$font__line-height-body: 1.3; $font__line-height-body: 1.4;
$font__line-height-pre: 1.4; $font__line-height-pre: 1.5;
$font__line-height-header:1.1; $font__line-height-header: 1.1;

View File

@ -24,23 +24,11 @@
//:where(.wp-block) { //:where(.wp-block) {
// max-width: 80rem; // max-width: 80rem;
//``} //``}
//.black-blocs .wp-block-column a::after {
// display:none;
//}
font-family: $font__main; font-family: $font__main;
h1 { h1,figure {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
.wp-block-button__link {
//color: $color__black !important;
//background-color: $color__white !important;
//border-radius: 0 !important;
//box-shadow: none !important;
//text-decoration: none !important;
//padding: 0.6em 1em 0.4em !important;
//font-size: inherit !important;
}
} }
} }
// modify internal paths to make objects locally available // modify internal paths to make objects locally available

View File

@ -49,14 +49,8 @@
} }
} }
.site-main { .site-main {
h1, h1,h2,h3,h4,h5,h6,
h2, .h1,.h2,.h3,.h4,.h5,.h6 {
h3,
h4,
h5,
h6,
.h1,.h2,.h3,.h4,.h5,.h6,
.entry-content {
margin: 0; margin: 0;
} }
} }
@ -103,22 +97,22 @@
} }
@media screen and (min-width: 48em) { @media screen and (min-width: 48em) {
h1,.h1 { h1,.h1 {
font-size: $font__size-body*3.5; font-size: $font__size-body*3;
} }
h2,.h2 { h2,.h2 {
font-size: $font__size-body*2.5; font-size: $font__size-body*2.5;
} }
h3,.h3 { h3,.h3 {
font-size: $font__size-body*1.5; font-size: $font__size-body*2;
} }
h4,.h4 { h4,.h4 {
font-size: $font__size-body*1.3; font-size: $font__size-body*1.7;
} }
h5,.h5 { h5,.h5 {
font-size: $font__size-body*1.3; font-size: $font__size-body*1.4;
} }
h6,.h6 { h6,.h6 {
font-size: $font__size-body*1.3; font-size: $font__size-body*1.2;
} }
.home-featured { .home-featured {
h2,.h2 { h2,.h2 {
@ -128,30 +122,30 @@
} }
} }
@media screen and (min-width: 1440px) { @media screen and (min-width: 1440px) {
h1,.h1 { // h1,.h1 {
font-size: $font__size-body*3.5; // font-size: $font__size-body*3.5;
} // }
h2,.h2 { // h2,.h2 {
font-size: $font__size-body*2.5; // font-size: $font__size-body*2.5;
} // }
h3,.h3 { // h3,.h3 {
font-size: $font__size-body*1.6; // font-size: $font__size-body*1.6;
} // }
h4,.h4 { // h4,.h4 {
font-size: $font__size-body*1.4; // font-size: $font__size-body*1.4;
} // }
h5,.h5 { // h5,.h5 {
font-size: $font__size-body*1.4; // font-size: $font__size-body*1.4;
} // }
h6,.h6 { // h6,.h6 {
font-size: $font__size-body*1.4; // font-size: $font__size-body*1.4;
} // }
.home-featured { // .home-featured {
h2,.h2 { // h2,.h2 {
font-size: $font__size-body*3.5; // font-size: $font__size-body*3.5;
border-bottom: 0.8rem solid $color__black; // border-bottom: 0.8rem solid $color__black;
} // }
} // }
} }
@media screen and (min-width: 80em) { @media screen and (min-width: 80em) {

View File

@ -17,7 +17,11 @@
.entry-summary { .entry-summary {
margin: 1.5em 0 0; margin: 1.5em 0 0;
} }
.site-main {
.entry-title {
margin: 0.5em 0;
}
}
.page-links { .page-links {
clear: both; clear: both;
margin: 0 0 1.5em; margin: 0 0 1.5em;
@ -39,7 +43,6 @@
margin:0; margin:0;
} }
.excerpt { .excerpt {
border-top: 1px solid $color__black;
border-bottom: 1px solid $color__black; border-bottom: 1px solid $color__black;
margin-bottom: 0.5em; margin-bottom: 0.5em;
} }
@ -97,6 +100,42 @@
} }
} }
.xarxaprod-convo-info-fields {
margin-bottom: 2em;
li {
display:grid;
grid-template-columns: 0.75fr 2.25fr;
padding: 0.2em 0;
border-top: 0.05em solid $color__black;
font-size: 1.5em;
.xarxaprod-label li {
display: inherit;
margin: 0;
padding: 0;
color: inherit;
border: none;
background-color: none;
font-size: inherit;
&:after {
content:",";
display:inline-block;
}
}
}
dt {
grid-row: 1 / 1;
font-weight: 100;
}
dd {
grid-row: 1 / 2;
margin: 0;
font-weight: 700;
}
p {
grid-row: 1 / 2;
margin: 0;
}
}
/* used in /* used in
* ./template-parts/section-agenda.php * ./template-parts/section-agenda.php
* */ * */
@ -128,8 +167,9 @@
li[class*='category-agenda'] { li[class*='category-agenda'] {
position: relative; position: relative;
.wp-block-post-featured-image { .wp-block-post-featured-image {
position: absolute; position: absolute;
top:0; top: 0;
margin: 0;
} }
.wp-block-post-title { .wp-block-post-title {
} }
@ -140,6 +180,8 @@
height: auto; height: auto;
aspect-ratio: 1/1; aspect-ratio: 1/1;
margin-bottom: 2em; margin-bottom: 2em;
background-color: rgba(240,240,240,0.2);
border-radius: 0.3em;
} }
} }

107
style.css
View File

@ -415,7 +415,7 @@ textarea {
color: #000; color: #000;
font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1rem; font-size: 1rem;
line-height: 1.3; line-height: 1.4;
} }
.hide { .hide {
@ -528,8 +528,7 @@ textarea {
.site-main .h3, .site-main .h3,
.site-main .h4, .site-main .h4,
.site-main .h5, .site-main .h5,
.site-main .h6, .site-main .h6 {
.site-main .entry-content {
margin: 0; margin: 0;
} }
@ -581,7 +580,7 @@ textarea {
h1, h1,
.h1 { .h1 {
font-size: 3.5rem; font-size: 3rem;
} }
h2, h2,
@ -591,51 +590,12 @@ textarea {
h3, h3,
.h3 { .h3 {
font-size: 1.5rem; font-size: 2rem;
} }
h4, h4,
.h4 { .h4 {
font-size: 1.3rem; font-size: 1.7rem;
}
h5,
.h5 {
font-size: 1.3rem;
}
h6,
.h6 {
font-size: 1.3rem;
}
.home-featured h2,
.home-featured .h2 {
font-size: 3.5rem;
border-bottom: 0.8rem solid #000;
}
}
@media screen and (min-width: 1440px) {
h1,
.h1 {
font-size: 3.5rem;
}
h2,
.h2 {
font-size: 2.5rem;
}
h3,
.h3 {
font-size: 1.6rem;
}
h4,
.h4 {
font-size: 1.4rem;
} }
h5, h5,
@ -645,7 +605,7 @@ textarea {
h6, h6,
.h6 { .h6 {
font-size: 1.4rem; font-size: 1.2rem;
} }
.home-featured h2, .home-featured h2,
@ -681,7 +641,7 @@ address {
pre { pre {
background: #eee; background: #eee;
font-family: "Courier 10 Pitch", courier, monospace; font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.4; line-height: 1.5;
margin-bottom: 1.6em; margin-bottom: 1.6em;
max-width: 100%; max-width: 100%;
overflow: auto; overflow: auto;
@ -1747,6 +1707,10 @@ textarea {
margin: 1.5em 0 0; margin: 1.5em 0 0;
} }
.site-main .entry-title {
margin: 0.5em 0;
}
.page-links { .page-links {
clear: both; clear: both;
margin: 0 0 1.5em; margin: 0 0 1.5em;
@ -1773,7 +1737,6 @@ textarea {
} }
.xarxaprod-card-each .excerpt { .xarxaprod-card-each .excerpt {
border-top: 1px solid #000;
border-bottom: 1px solid #000; border-bottom: 1px solid #000;
margin-bottom: 0.5em; margin-bottom: 0.5em;
} }
@ -1841,6 +1804,49 @@ textarea {
font-size: 0.8rem; font-size: 0.8rem;
} }
.xarxaprod-convo-info-fields {
margin-bottom: 2em;
}
.xarxaprod-convo-info-fields li {
display: grid;
grid-template-columns: 0.75fr 2.25fr;
padding: 0.2em 0;
border-top: 0.05em solid #000;
font-size: 1.5em;
}
.xarxaprod-convo-info-fields li .xarxaprod-label li {
display: inherit;
margin: 0;
padding: 0;
color: inherit;
border: none;
background-color: none;
font-size: inherit;
}
.xarxaprod-convo-info-fields li .xarxaprod-label li::after {
content: ",";
display: inline-block;
}
.xarxaprod-convo-info-fields dt {
grid-row: 1 / 1;
font-weight: 100;
}
.xarxaprod-convo-info-fields dd {
grid-row: 1 / 2;
margin: 0;
font-weight: 700;
}
.xarxaprod-convo-info-fields p {
grid-row: 1 / 2;
margin: 0;
}
/* used in /* used in
* ./template-parts/section-agenda.php * ./template-parts/section-agenda.php
* */ * */
@ -1874,6 +1880,7 @@ textarea {
li[class*="category-agenda"] .wp-block-post-featured-image { li[class*="category-agenda"] .wp-block-post-featured-image {
position: absolute; position: absolute;
top: 0; top: 0;
margin: 0;
} }
li.category-activitats .wp-block-post-title::before, li.category-activitats .wp-block-post-title::before,
@ -1884,6 +1891,8 @@ textarea {
height: auto; height: auto;
aspect-ratio: 1/1; aspect-ratio: 1/1;
margin-bottom: 2em; margin-bottom: 2em;
background-color: rgba(240, 240, 240, 0.2);
border-radius: 0.3em;
} }
/* filters form custom fields /* filters form custom fields
@ -2177,7 +2186,7 @@ textarea {
.black-blocs .wp-block-column h6 { .black-blocs .wp-block-column h6 {
min-height: 4.8rem; min-height: 4.8rem;
font-size: 2rem; font-size: 2rem;
line-height: 1.04; line-height: 1.12;
} }
.black-blocs .wp-block-column p { .black-blocs .wp-block-column p {

File diff suppressed because one or more lines are too long

View File

@ -15,41 +15,76 @@
<?php the_title( '<h1 class="entry-title">', '</h1>' ); ?> <?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
</header><!-- .entry-header --> </header><!-- .entry-header -->
<section class="xarxaprod-convo-info-contact-fields"> <section class="xarxaprod-convo-info-fields">
<ul>
<?php if( get_field('xxp_convo_espai_associat') ):
// read here howto
// https://www.advancedcustomfields.com/resources/relationship/#display-list-of-posts-with-setuppostdata
$espai_associat_posts = get_field('xxp_convo_espai_associat');
if( $espai_associat_posts ):
foreach( $espai_associat_posts as $post ):
// Setup this post for WP functions (variable must be named $post).
setup_postdata($post); ?>
<li class="xarxaprod-convo-espai-associat">
<dt>Espai Associat</dt>
<dd><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></dd>
</li>
<li class="xarxaprod-convo-associat-address">
<dt>Lloc</dt>
<dd><a href="<?php the_permalink(); ?>"><?php the_field('xxp_associat_address'); ?></a></dd>
</li>
<?php endforeach;
// Reset the global post object so that the rest of the page works correctly.
wp_reset_postdata();
else: ?>
<div class="xarxaprod-convo-info-field"> <?php if( get_field('xxp_convoer_name') ): ?>
<?php get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'xxp_convo_call') ); ?> <li class="xarxaprod-convo-field">
</div> <dt>Centre</dt>
<dd class="xarxaprod-convoer-name"><?php the_field('xxp_convoer_name'); ?></dd>
</li>
<?php endif; ?>
<?php if( get_field('xxp_convoer_name') ): ?> <?php endif; //end if has posts espai associat ?>
<div class="xarxaprod-convo-info-field">
<p class="xarxaprod-convoer-name"><?php the_field('xxp_convoer_name'); ?></p>
</div>
<?php endif; ?>
<?php if( get_field('xxp_convo_contact_name') ): ?> <?php endif; //end if has relation with other espai associat ?>
<div class="xarxaprod-convo-info-field">
<p class="xarxaprod-convo-contact-name"><?php the_field('xxp_convo_contact_name'); ?></p>
</div>
<?php endif; ?>
<?php if( get_field('xxp_convo_contact_mail') ): ?>
<div class="xarxaprod-convo-info-field">
<p class="xarxaprod-convo-contact-mail"><?php the_field('xxp_convo_contact_mail'); ?></p>
</div>
<?php endif; ?>
<?php if( get_field('xxp_convo_contact_tel') ): ?>
<div class="xarxaprod-convo-info-field">
<p class="xarxaprod-convo-contact-tel"><?php the_field('xxp_convo_contact_tel'); ?></p>
</div>
<?php endif; ?>
</section> <li class="xarxaprod-convo-field">
<dt>Disciplines</dt>
<dd><?php get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'xxp_convo_field') ); ?></dd>
</li>
<li class="xarxaprod-convo-info-date">
<dt>Termini</dt>
<?php if( get_field('xxp_convo_apply_begin') || get_field('xxp_convo_apply_end') ): ?>
<dd class="xarxaprod-label item-xxp_convo_dates">
del
<span class="item-xxp_convo_apply_begin">del <?php the_field('xxp_convo_apply_begin'); ?> </span>
al
<span class="item-xxp_convo_apply_end">al <?php the_field('xxp_convo_apply_end'); ?> </span>
<?php if( get_field('xxp_convo_apply_text') ): ?>
<p class="item-xxp_convo_apply_text"><?php the_field('xxp_convo_apply_text'); ?></p>
<?php endif; ?>
</dd>
<?php endif; ?>
</li>
<li class="xarxaprod-convo-info-date">
<dt>Periode</dt>
<?php if( get_field('xxp_convo_date_begin') || get_field('xxp_convo_date_end') ): ?>
<dd class="xarxaprod-label item-xxp_convo_dates">
del
<span class="item-xxp_convo_date_begin">del <?php the_field('xxp_convo_date_begin'); ?> </span>
al
<span class="item-xxp_convo_date_end">al <?php the_field('xxp_convo_date_end'); ?> </span>
</dd>
<?php endif; ?>
</li>
</ul>
</section>
<div class="entry-content"> <div class="entry-content">
<?php <?php
the_content( the_content(
sprintf( sprintf(
@ -65,7 +100,6 @@
wp_kses_post( get_the_title() ) wp_kses_post( get_the_title() )
) )
); );
wp_link_pages( wp_link_pages(
array( array(
'before' => '<div class="page-links">' . esc_html__( 'Pages:', 'xarxaprod' ), 'before' => '<div class="page-links">' . esc_html__( 'Pages:', 'xarxaprod' ),
@ -75,83 +109,6 @@
?> ?>
</div><!-- .entry-content --> </div><!-- .entry-content -->
<section class="xarxaprod-convo-info-fields">
<div class="xarxaprod-convo-info-field">
<h6>Sector</h6>
<?php get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'xxp_convo_field') ); ?>
</div>
<div class="xarxaprod-convo-info-field">
<h6>Territori</h6>
<?php get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'xxp_convo_territory') ); ?>
</div>
<div class="xarxaprod-convo-info-field">
<h6>Serveis</h6>
<?php get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'xxp_convo_service') ); ?>
</div>
<div class="xarxaprod-convo-info-field">
<h6>Centre</h6>
<?php get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'xxp_convo_center') ); ?>
</div>
<?php if( get_field('xxp_convo_espai_associat') ): ?>
<div class="xarxaprod-convo-espai-associat">
<h6>Espai Associat</h6>
<?php
// read here howto
// https://www.advancedcustomfields.com/resources/relationship/#display-list-of-posts-with-setuppostdata
$espai_associat_posts = get_field('xxp_convo_espai_associat');
if( $espai_associat_posts ): ?>
<ul class="xarxaprod-label item-<?php echo $espai_associat_posts; ?>">
<?php foreach( $espai_associat_posts as $post ):
// Setup this post for WP functions (variable must be named $post).
setup_postdata($post); ?>
<li>
<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
</li>
<?php endforeach; ?>
</ul>
<?php
// Reset the global post object so that the rest of the page works correctly.
wp_reset_postdata(); ?>
<?php endif; ?>
</div>
<?php endif; ?>
<div class="xarxaprod-convo-info-field">
<h6>Termini</h6>
<?php if( get_field('xxp_convo_apply_begin') || get_field('xxp_convo_apply_end') ): ?>
<ul class="xarxaprod-label item-xxp_convo_dates">
<li class="item-xxp_convo_apply_begin">del <?php the_field('xxp_convo_apply_begin'); ?> </li>
<li class="item-xxp_convo_apply_end">al <?php the_field('xxp_convo_apply_end'); ?> </li>
</ul>
<?php endif; ?>
<?php if( get_field('xxp_convo_apply_text') ): ?>
<p class="item-xxp_convo_apply_text"><?php the_field('xxp_convo_apply_text'); ?></p>
<?php endif; ?>
</div>
<?php if( get_field('xxp_convo_web') ): ?>
<div class="xarxaprod-convo-info-field">
<h6>+ Informació</h6>
<p><a href="<?php the_field('xxp_convo_web'); ?>" class="button button-more button-letsgo">ves-hi</a></p>
</div>
<?php endif; ?>
<div class="xarxaprod-convo-info-field">
<h6>Necessites assesorament?</h6>
<p><a href="<?php echo esc_url( home_url( '/consultoria/' ) ); ?>" class="button button-more button-ourservices">Oferim serveis de consultoria</a></p>
</div>
</section>
<footer class="entry-footer"> <footer class="entry-footer">
<?php xarxaprod_entry_footer(); ?> <?php xarxaprod_entry_footer(); ?>
</footer><!-- .entry-footer --> </footer><!-- .entry-footer -->