Antoine/homegrade_theme_production
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refining taxonomy scheme

Browse Source
This commit is contained in:
Antoine M 2023-09-28 17:57:31 +02:00
parent 6e8dacf4ff
commit bb406952a2
10 changed files with 924 additions and 416 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

935
css/app.css
View File

File diff suppressed because it is too large Load Diff

40
css/editor-style.css
View File

@ -212,17 +212,17 @@
.bg-patrimoine-renovation-light {
--tw-bg-opacity: 1;
background-color: rgb(255 229 253 / var(--tw-bg-opacity))
background-color: rgb(248 242 255 / var(--tw-bg-opacity))
}
.bg-location {
.bg-location-renovation-circulaire {
--tw-bg-opacity: 1;
background-color: rgb(223 0 43 / var(--tw-bg-opacity))
}
.bg-location-light {
.bg-location-renovation-circulaire-light {
--tw-bg-opacity: 1;
background-color: rgb(254 226 231 / var(--tw-bg-opacity))
background-color: rgb(254 245 246 / var(--tw-bg-opacity))
}
.px-4 {
@ -332,17 +332,17 @@
.text-patrimoine-renovation-light {
--tw-text-opacity: 1;
color: rgb(255 229 253 / var(--tw-text-opacity))
color: rgb(248 242 255 / var(--tw-text-opacity))
}
.text-location {
.text-location-renovation-circulaire {
--tw-text-opacity: 1;
color: rgb(223 0 43 / var(--tw-text-opacity))
}
.text-location-light {
.text-location-renovation-circulaire-light {
--tw-text-opacity: 1;
color: rgb(254 226 231 / var(--tw-text-opacity))
color: rgb(254 245 246 / var(--tw-text-opacity))
}
.antialiased {
@ -495,17 +495,7 @@ body {
.hover\:bg-patrimoine-renovation-light:hover {
--tw-bg-opacity: 1;
background-color: rgb(255 229 253 / var(--tw-bg-opacity))
}
.hover\:bg-location:hover {
--tw-bg-opacity: 1;
background-color: rgb(223 0 43 / var(--tw-bg-opacity))
}
.hover\:bg-location-light:hover {
--tw-bg-opacity: 1;
background-color: rgb(254 226 231 / var(--tw-bg-opacity))
background-color: rgb(248 242 255 / var(--tw-bg-opacity))
}
.hover\:text-primary:hover {
@ -555,17 +545,7 @@ body {
.hover\:text-patrimoine-renovation-light:hover {
--tw-text-opacity: 1;
color: rgb(255 229 253 / var(--tw-text-opacity))
}
.hover\:text-location:hover {
--tw-text-opacity: 1;
color: rgb(223 0 43 / var(--tw-text-opacity))
}
.hover\:text-location-light:hover {
--tw-text-opacity: 1;
color: rgb(254 226 231 / var(--tw-text-opacity))
color: rgb(248 242 255 / var(--tw-text-opacity))
}
@media (min-width: 782px) {

3
includes/utilities.php
View File

@ -31,8 +31,9 @@ function getThematiqueFamilySlug($thematique_slug)
return "patrimoine-renovation";
case "location":
case "renovation-circulaire":
case "verhuur":
return "location";
return "location-renovation-circulaire";
}
}

274
resources/css/editor-content/color-taxonomy-scheme.css
View File

@ -1,7 +1,14 @@
.entry-content--acoustique-coproprietes,
body.acoustique-coproprietes,
.post-conseil-page--acoustique-coproprietes,
.post-question-page--acoustique-coproprietes {
/* -------------------------------------------------
BLUE SCHEME — PETITES COPROPRIÉTÉS & ACOUSTIQUE
---------------------------------------------------*/
body.petites-coproprietes,
.entry-content--petites-coproprietes,
.post-conseil-page--petites-coproprietes,
.post-question-page--petites-coproprietes,
body.acoustique,
.entry-content--acoustique,
.post-conseil-page--acoustique,
.post-question-page--acoustique {
h2,
h3,
h4,
@ -11,12 +18,6 @@ body.acoustique-coproprietes,
@apply text-acoustique-coproprietes;
}
.homegrade-blocks-highlight,
.homegrade-blocks-chapter-header-block,
.post-conseils-chapter-header {
@apply bg-acoustique-coproprietes-light;
}
.chapter_index__position-indicator,
.homegrade-blocks-focus-point-bullet,
.homegrade-blocks-focused-schema ol li:before,
@ -24,17 +25,57 @@ body.acoustique-coproprietes,
ul li:before {
@apply bg-acoustique-coproprietes;
}
.homegrade-blocks-highlight {
@apply bg-acoustique-coproprietes-light;
}
.tooltip-word {
@apply !decoration-acoustique-coproprietes;
}
.homegrade-blocks-aside {
@apply border-acoustique-coproprietes;
}
.post-conseils-chapter-header {
&__infos {
p {
@apply text-acoustique-coproprietes;
}
}
time {
@apply text-acoustique-coproprietes;
}
}
}
.entry-content--energies-urbanisme,
body.energies-urbanisme,
.post-conseil-page--energies-urbanisme,
.post-question-page--energies-urbanisme {
/* PETITES COPROPRIÉTÉS — SPECIFIC */
body.petites-coproprietes,
.entry-content--petites-coproprietes,
.post-conseil-page--petites-coproprietes,
.post-question-page--petites-coproprietes {
.post-conseils-chapter-header {
background: var(--wp--preset--gradient--gradient-blue);
}
}
/* ACOUSTIQUE — SPECIFIC */
body.acoustique,
.entry-content--acoustique,
.post-conseil-page--acoustique,
.post-question-page--acoustique {
.post-conseils-chapter-header {
@apply bg-acoustique-coproprietes-light;
}
}
/* -----------------------------------
GREEN SCHEME — ÉNERGIES & URBANISME
-------------------------------------*/
body.urbanisme,
.entry-content--urbanisme,
.post-conseil-page--urbanisme,
.post-question-page--urbanisme,
body.energies,
.entry-content--energies,
.post-conseil-page--energies,
.post-question-page--energies {
h2,
h3,
h4,
@ -45,7 +86,6 @@ body.energies-urbanisme,
@apply text-energies-urbanisme;
}
.homegrade-blocks-highlight,
.homegrade-blocks-chapter-header-block,
.post-conseils-chapter-header {
@apply bg-energies-urbanisme-light;
}
@ -62,11 +102,48 @@ body.energies-urbanisme,
.homegrade-blocks-aside {
@apply border-energies-urbanisme;
}
.post-conseils-chapter-header {
&__infos {
p {
@apply text-energies-urbanisme;
}
}
time {
@apply text-energies-urbanisme;
}
}
}
.entry-content--isolation-quotidien,
body.isolation-quotidien,
.post-conseil-page--isolation-quotidien,
.post-question-page--isolation-quotidien {
/* URBANISME — SPECIFIC */
body.urbanisme,
.entry-content--urbanisme,
.post-conseil-page--urbanisme,
.post-question-page--urbanisme {
.post-conseils-chapter-header {
background: var(--wp--preset--gradient--gradient-green);
}
}
/* ENERGIES — SPECIFIC */
body.energies,
.entry-content--energies,
.post-conseil-page--energies,
.post-question-page--energies {
.post-conseils-chapter-header {
@apply bg-energies-urbanisme-light;
}
}
/* ----------------------------------------
YELLOW SCHEME — ISOLATION & AU QUOTIDIEN
------------------------------------------*/
body.au-quotidien,
.entry-content--au-quotidien,
.post-conseil-page--au-quotidien,
.post-question-page--au-quotidien,
body.isolation,
.entry-content--isolation,
.post-conseil-page--isolation,
.post-question-page--isolation {
h2,
h3,
h4,
@ -76,9 +153,7 @@ body.isolation-quotidien,
ul li::marker {
@apply text-isolation-quotidien;
}
.homegrade-blocks-highlight,
.homegrade-blocks-chapter-header-block,
.post-conseils-chapter-header {
.homegrade-blocks-highlight {
@apply bg-isolation-quotidien-light;
}
.chapter_index__position-indicator,
@ -94,11 +169,46 @@ body.isolation-quotidien,
.homegrade-blocks-aside {
@apply border-isolation-quotidien;
}
.post-conseils-chapter-header {
&__infos {
p {
@apply text-isolation-quotidien;
}
}
time {
@apply text-isolation-quotidien;
}
}
}
.entry-content--patrimoine-renovation,
body.patrimoine-renovation,
.post-conseil-page--patrimoine-renovation,
.post-question-page--patrimoine-renovation {
/* AU QUOTIDIEN — SPECIFIC */
body.au-quotidien,
.entry-content--au-quotidien,
.post-conseil-page--au-quotidien,
.post-question-page--au-quotidien {
.post-conseils-chapter-header {
background: var(--wp--preset--gradient--gradient-yellow);
}
}
/* ISOLATION — SPECIFIC */
body.isolation,
.entry-content--isolation,
.post-conseil-page--isolation,
.post-question-page--isolation {
.post-conseils-chapter-header {
@apply bg-isolation-quotidien-light;
}
}
/* ----------------------------------------
PURPLE SCHEME — PATRIMOINE
------------------------------------------*/
body.patrimoine,
.entry-content--patrimoine,
.post-conseil-page--patrimoine,
.post-question-page--patrimoine {
h2,
h3,
h4,
@ -108,9 +218,7 @@ body.patrimoine-renovation,
ul li::marker {
@apply text-patrimoine-renovation;
}
.homegrade-blocks-highlight,
.homegrade-blocks-chapter-header-block,
.post-conseils-chapter-header {
.homegrade-blocks-highlight {
@apply bg-patrimoine-renovation-light;
}
.chapter_index__position-indicator,
@ -126,11 +234,46 @@ body.patrimoine-renovation,
.homegrade-blocks-aside {
@apply border-patrimoine-renovation;
}
.post-conseils-chapter-header {
&__infos {
p {
@apply text-patrimoine-renovation;
}
}
time {
@apply text-patrimoine-renovation;
}
}
}
.entry-content--location,
body.renovation,
.entry-content--newpurplethematic,
.post-conseil-page--newpurplethematic,
.post-question-page--newpurplethematic {
.post-conseils-chapter-header {
background: var(--wp--preset--gradient--gradient-purple);
}
}
body.patrimoine,
.entry-content--patrimoine,
.post-conseil-page--patrimoine,
.post-question-page--patrimoine {
.post-conseils-chapter-header {
@apply bg-patrimoine-renovation-light;
}
}
/* ----------------------------------------
RED SCHEME — LOCATION
------------------------------------------*/
body.location,
.entry-content--location,
.post-conseil-page--location,
.post-question-page--location {
.post-question-page--location,
body.renovation-circulaire,
.entry-content--renovation-circulaire,
.post-conseil-page--renovation-circulaire,
.post-question-page--renovation-circulaire {
h2,
h3,
h4,
@ -138,24 +281,77 @@ body.location,
h6,
ol li::marker,
ul li::marker {
@apply text-location;
@apply text-location-renovation-circulaire;
}
.homegrade-blocks-highlight,
.homegrade-blocks-chapter-header-block,
.post-conseils-chapter-header {
@apply bg-location-light;
.homegrade-blocks-highlight {
@apply bg-location-renovation-circulaire-light;
}
.chapter_index__position-indicator,
.homegrade-blocks-focus-point-bullet,
.homegrade-blocks-focused-schema ol li:before,
ul li:before,
.wp-block-button__link {
@apply bg-location;
@apply bg-location-renovation-circulaire;
}
.tooltip-word {
@apply !decoration-location;
@apply !decoration-location-renovation-circulaire;
}
.homegrade-blocks-aside {
@apply border-location;
@apply border-location-renovation-circulaire;
}
.post-conseils-chapter-header {
&__infos {
p {
@apply text-location-renovation-circulaire;
}
}
time {
@apply text-location-renovation-circulaire;
}
}
}
/* RENOVATION CIRCULAIRE — SPECIFIC */
body.renovation-circulaire,
.entry-content--renovation-circulaire,
.post-conseil-page--renovation-circulaire,
.post-question-page--renovation-circulaire {
.post-conseils-chapter-header {
background: var(--wp--preset--gradient--gradient-red);
}
}
/* LOCATION — SPECIFIC */
body.location,
.entry-content--location,
.post-conseil-page--location,
.post-question-page--location {
.post-conseils-chapter-header {
@apply bg-location-renovation-circulaire-light;
}
}
/* WHITE TEXT ON GRADIENTS COVER */
body.petites-coproprietes,
.entry-content--petites-coproprietes,
.post-conseil-page--petites-coproprietes,
.post-question-page--petites-coproprietes,
body.urbanisme,
.entry-content--urbanisme,
.post-conseil-page--urbanisme,
.post-question-page--urbanisme,
body.au-quotidien,
.entry-content--au-quotidien,
.post-conseil-page--au-quotidien,
.post-question-page--au-quotidien,
body.renovation-circulaire,
.entry-content--renovation-circulaire,
.post-conseil-page--renovation-circulaire,
.post-question-page--renovation-circulaire {
.post-conseils-chapter-header {
p,
h1 {
@apply text-white;
}
}
}

9
single-conseils.php
View File

@ -20,7 +20,6 @@ function build_chapter_index($blocks)
]);
}
}
write_log($chapterBlockIndex);
return $chapterBlockIndex;
}
?>
@ -31,7 +30,8 @@ function build_chapter_index($blocks)
<?php
$thematique = get_the_terms(get_the_ID(), 'thematiques')[0];
$thematiqueParent = getParentThematique($thematique);
$thematiqueColorSlug = getThematiqueFamilySlug($thematiqueParent->slug);
// $thematiqueColorSlug = getThematiqueFamilySlug($thematiqueParent->slug);
$thematiqueColorSlug = $thematiqueParent->slug;
?>
<div class="post-conseil-page-container <?php echo $thematiqueColorSlug ? "post-conseil-page--" . $thematiqueColorSlug : "" ?>"">
<?php
@ -64,13 +64,8 @@ function build_chapter_index($blocks)
<article class="entry-content single-editor-content <?php echo $thematiqueColorSlug ? "entry-content--" . $thematiqueColorSlug : "" ?>">
<?php the_content() ?>
</article>
<!-- VOCABULAIRE -->
<div class="vocabulaire-index">
</div>
</div>
</div>
<?php endwhile; ?>

29
tailwind.config.js
View File

@ -30,10 +30,10 @@ module.exports = {
'text-patrimoine-renovation',
'bg-patrimoine-renovation-light',
'text-patrimoine-renovation-light',
'bg-location',
'text-location',
'bg-location-light',
'text-location-light',
'bg-location-renovation-circulaire',
'text-location-renovation-circulaire',
'bg-location-renovation-circulaire-light',
'text-location-renovation-circulaire-light',
'hover:bg-primary',
'hover:text-primary',
'hover:bg-secondary',
@ -68,28 +68,15 @@ module.exports = {
},
},
extend: {
colors: tailpress.colorMapper(
tailpress.theme('settings.color.palette', theme)
),
fontSize: tailpress.fontSizeMapper(
tailpress.theme(
'settings.typography.fontSizes',
theme
)
),
colors: tailpress.colorMapper(tailpress.theme('settings.color.palette', theme)),
fontSize: tailpress.fontSizeMapper(tailpress.theme('settings.typography.fontSizes', theme)),
},
screens: {
xs: '480px',
sm: '600px',
md: '782px',
lg: tailpress.theme(
'settings.layout.contentSize',
theme
),
xl: tailpress.theme(
'settings.layout.wideSize',
theme
),
lg: tailpress.theme('settings.layout.contentSize', theme),
xl: tailpress.theme('settings.layout.wideSize', theme),
'2xl': '1440px',
},
},

2
template-archive-conseils.php
View File

@ -14,7 +14,7 @@ $thematiquesTerms = get_terms(array(
</ol>
</nav>
<section class="archive-page-header">
<section class="archive-page-header">
<h1 class="thematiques-post-viewer__title"><?php echo __("Nos conseils par thématique", "homegrade-theme__texte-fonctionnel__faq-archive-questions") ?></h1>
<p class="thematiques-post-viewer__description"><?php echo __("Simplifions votre recherche grâce aux questions fréquemment posées !", "homegrade-theme__texte-fonctionnel__faq-archive-questions") ?></p>
<ul class="thematiques-post-viewer__terms-grid">

7
template-components/post-conseils/chapter-header.css
View File

@ -25,5 +25,12 @@
.cta {
@apply my-8;
}
time {
@apply bg-white block py-2 mt-6 px-6 w-fit rounded-3xl;
}
}
/* .post-conseil-page--acoustique & {
@apply !bg-pink-500;
} */
}

6
template-components/post-conseils/chapter-header.php
View File

@ -32,9 +32,9 @@ $relatedBrochure = get_field('brochure_pdf', $relatedBrochuresPosts[0]->ID) ?? n
<div class="post-conseils-chapter-header__infos">
<?php if ($thematique->parent == 0) : ?>
<p class="post-conseils-chapter-header__page-thematic-title <?php echo "text-" . getThematiqueFamilySlug($thematique_generale->slug) ?>"><?php echo __("Les conseillers Homegrade vous guident", "homegrade-theme__bloks-texte-fonctionnel") ?></p>
<p class="post-conseils-chapter-header__page-thematic-title"><?php echo __("Les conseillers Homegrade vous guident", "homegrade-theme__bloks-texte-fonctionnel") ?></p>
<?php else : ?>
<p class="post-conseils-chapter-header__page-thematic-title <?php echo "text-" . getThematiqueFamilySlug($thematique_generale->slug) ?>"><?php echo $thematique_generale->name ?></p>
<p class="post-conseils-chapter-header__page-thematic-title "><?php echo $thematique_generale->name ?></p>
<?php endif; ?>
@ -44,7 +44,7 @@ $relatedBrochure = get_field('brochure_pdf', $relatedBrochuresPosts[0]->ID) ?? n
<a class="cta cta--primary cta--button" href="<?php echo $relatedBrochure['url'] ?>" target="_blank">Télécharger la brochure <?php echo $relatedBrochures[0]->post_title ?></a>
<?php endif; ?>
<?php if ($lastUpdate) : ?>
<time>Dernière mise à jour : <?php echo $lastUpdate ?></time>
<time><?php echo __("Mis à jour le", "homegrade-theme__texte-fonctionnel") . " " . "$lastUpdate" ?></time>
<?php endif; ?>

35
theme.json
View File

@ -82,17 +82,44 @@
{
"name": "Patrimoine / Rénovation | Light",
"slug": "patrimoine-renovation-light",
"color": "#FFE5FD"
"color": "#F8F2FF"
},
{
"name": "Location / Rénovation Circulaire",
"slug": "location",
"slug": "location-renovation-circulaire",
"color": "#DF002B"
},
{
"name": "Location | Light",
"slug": "location-light",
"color": "#FEE2E7"
"slug": "location-renovation-circulaire-light",
"color": "#FEF5F6"
}
],
"gradients": [
{
"slug": "gradient-blue",
"gradient": "linear-gradient(160deg, #3C75FF, #0BB1FF)",
"name": "Blue Gradient"
},
{
"slug": "gradient-green",
"gradient": "linear-gradient(160deg, #008050, #09D17B)",
"name": "Green Gradient"
},
{
"slug": "gradient-red",
"gradient": "linear-gradient(160deg, #F40634, #FF928B)",
"name": "Red Gradient"
},
{
"slug": "gradient-yellow",
"gradient": "linear-gradient(160deg, #D44A00, #FE9000)",
"name": "Yellow Gradient"
},
{
"slug": "gradient-purple",
"gradient": "linear-gradient(160deg, #8B2FF7, #EB79FF)",
"name": "Purple Gradient"
}
]
},