Documentation

ATTENTION,
cette page n'a pas vocation à être publiée.

Présentation générale

J’utilise ici le framework Foundation dans la version 6. En fait le thème de base est JointsWP qui est un Foundation6 modifié pour les besoins spécifiques de WordPress.

Le projet Git n’a pas du tout été créé au début du projet … il a donc beaucoup moins d’intérêt.

J’utilise Codekit

04/01/16 : … qui ne « watch » plus  … ? …

A FAIRE

  • Page Accueil — Grilles des dernières oeuvres — réglé responsive
  • Casser les lignes droites !!!

Sass

Le thème étant basé sur Foundation, je peut utiliser toutes les classes (le terme est-il juste ?) misent à ma disposition : documentation Foundation.

Structure

C’est la structure classique de foundation :

  • un dossier assets/scss
  • et un dossier parts/

… pour l’étentiel.

J’ajoute un fichier
scss/_regards.scss
histoire de séparer mon design.

Design Echanges de Regards

Je regroupe ici les informations relatives aux éléments de Design créés spécifiquement pour ce thème.

Visual Composer

Malgré une assez forte réticence et dans un souci d’efficacités, j’utilise Visual Composer.  Je fait une grosse utilisation des posts-grid qui m’alourdisse grandement le temps de chargement sur le serveur maison. Il semblerait qu’une fois en ligne le temps de download soit assez minime … à confirmer mais IMPORTANT.

Menu principal

une version d’un menu trouvé sur littlesnippets. .echg-menu2

Menu des éditions

La page des expositions affiche un menu de toutes les éditions. Le menu est intégré via un bloc Visual Composer et stylé : .menu-3

Posts Grid

Je fait une grosse utilisation des « posts grid ». Pour afficher le contenu de ces posts, il y a le Grid Builder.

Il y a un gros paquet de ménage à faire dans ces grids, il y en a une dizaine alors que j’utilise :
  blog text sur la page Blog … ces Grid Templates utilisent du css maison issu de _regards.scss. Il y a là aussi un gros ménage à faire.

Les couleurs

Je profite des capacités de Sass pour mettre en place un système de couleur primaire, secondaire, tertiaire …

$orange-echg: #fb4334; 
$jaune: #f8c255;
$jaune-clair: #e9eae2;
$jaune-titre: rgba(248, 194, 85, 0.4);
$jaune-transparent: rgba(248, 194, 85, 0.8);
$vert: #32a363;
$vert-clair: #54f0c4;
$bleu: #009ef5;
$gris: #9e9e9e;
$gris-clair: #ececec;

… ainsi que des classes CSS qui font appel à ces variables, par exemple :

.orange-echanges {
	color: $orange-echg;
}
.bg-jaune {
  background-color: $jaune;
}

… ce qui me permet d’utiliser ces couleurs dans Visual Composer.

'parts' & 'loops'

…….. paragraphe à enrichir ……

Ajouts des fichiers :

loop-page-regards.php
loop-single-regards