Bloc colonnes centré 2/3 (1 colonne)

Voici à quoi ressemble un sous-titre h3.

Un sous-titre h4.

Epicurus in ea quid iudicat, quo ignorare vos arbitrer, voici comment on strong une partie du texte, id omnia referri oporteat, ipsum per se oratio, tua praesertim, qui haec putat, ut aut quid aut in liberos atque integre iudicante itaque earum motus et argumentandum et caritatem, quae sunt.

Torquatos nostros quos tu tam inportuno tamque crudeli; sin, ut summum bonum esse admonere interesse enim ipsam voluptatem, voici comment on strong une partie du texte adiit in quo minus id, de quo enim ipsam causam non emolumento aliquo, sed quia non recusandae itaque earum motus. Certe, inquam, pertinax non numquam eius modi tempora incidunt, ut dolore suo sanciret militaris imperii disciplinam exercitumque in voluptate et accurate disserendum et via procedat oratio quaerimus igitur, inquit, modo ista sis aequitate, quam interrogare aut odit aut quid aut rerum ceci est un lien.

Bon à savoir

Epicurus in ea quid iudicat, quo ignorare vos arbitrer, voici comment on strong une partie du texte, id omnia referri oporteat, ipsum per se oratio, tua praesertim, qui haec putat, ut aut quid aut in liberos atque integre iudicante itaque earum motus et argumentandum et caritatem, quae sunt.

Bloc colonnes centré 2/3 (2 colonnes)

Un premier sous-titre :

Certe, inquam, pertinax non ero tibique, si mihi probabis ea, quae sine dubio praeclara sunt, explicabo nemo enim inter mediocrem animadversionem atque insitam in gravissimo bello animadversionis metu contineret.

Un bouton 

Bloc colonnes pleine largeur (2 colonnes)

Un premier sous-titre h3 :

Primum igitur, quid malum, sensu iudicari, sed animo etiam ac ratione intellegi posse et quas molestias excepturi sint, obcaecati cupiditate :

Lorem ipsum dolor sit amet. Rem quos corrupti non molestiae quos qui repellendus itaque in nihil ipsa qui suscipit vero hic galisum perferendis eum molestiae perspiciatis.

Rémi Viguié, Stagiaire chez Pixine

Ut doloremque pariatur sed maiores magnam non unde maiores ea rerum illo aut laudantium maiores ut ratione officiis. Ea quia eveniet rem nihil veritatis ad accusantium molestiae in nemo itaque. Ut beatae perspiciatis eum fugit libero sit harum autem est laborum placeat aut voluptatem recusandae.

Un deuxième sous-titre h3

Primum igitur, quid malum, sensu iudicari, sed animo etiam ac ratione intellegi posse et quas molestias excepturi sint, obcaecati cupiditate non existimant comment on strong une partie du texte confidere, sed quia consequuntur magni aut rerum facilis est eligendi optio :

  • Un élément d’une liste à puce de cette section.
  • Laudem et inter argumentum conclusionemque rationis et aut interrogari ut placet, inquam tum dicere exorsus est primum igitur, quid bonum esse appetendum :
    • Premier élément de la sous-liste.
    • Un autre élément de la sous-liste.

Lien vers une ressource

Bloc image/texte créatif (Pleine largeur, 2 cols)

Sous-titre de cette section avec image

La zone de contenu textuel s’aligne en haut de la zone de l’image. Probabo, inquit, modo ista sis aequitate, quam ob rem aperiam eaque ipsa, quae ab illo inventore veritatis et argumentandum et molestiae consequatur, vel eum iure reprehenderit, qui officia deserunt mollitia animi, id omnia referri oporteat, ipsum autem quibusdam et aut reiciendis voluptatibus maiores alias consequatur.

Filium morte multavit si sine dubio praeclara sunt, explicabo nemo enim maxime placeat, facere possimus, omnis dolor sit id, quod maxime placeat, facere nondum depravatum ipsa natura ipsa iudicari etenim quoniam.

Méga-gabarit

Bloc chiffres clés (sans paragraphe)

2006

Année de création

90+

Produits

158

Employs à Infractive

Bloc chiffres clés (avec paragraphe)

1500

Partenaires

Infractive a établi un grand réseau de partenaires à l'international.

8200+

Livraisons

Infractive envoie régulièrement ses produits autour du globe.

8

Pays collaborateurs

Infractive est présent en Europe ainsi que dans plusieurs pays d'Afrique occidentale.

96%

de clients satisfaits

Infractive met un point d’honneur sur la satisfaction et le service client.

Explications format d'image

Recommandations & formats de recadrage

Les images importées sur le site d’Infractive sont conçues pour se recadrer automatiquement dans les bons formats de recadrage selon le bloc et autres paramètres que vous choisissez. Il est toutefois recommandé d’importer d’assez grandes images (mais avec une largeur de 1500px maximum) pour avoir une liberté de recadrage.

Vous pouvez retrouver et éditer les différents formats de recadrage dans les modifications WordPress d’image en cliquant sur “Éditer les formats de recadrage”.

Bon à savoir

Il est important de respecter les tailles minimales pour garantir le bon fonctionnement des formats d’image. Des images à la largeur ou à la hauteur trop petites pourraient créer des décalages de texte ou des fausses marges selon les blocs et paramètres choisis.

Bloc grille de teaser

Pour le bloc grille de teaser il existe plusieurs cas de figures selon le thème de la carte :

  1. Thème carte avec picto coché : les images se recadrent automatiquement dans un format carré (120x120px). Format de recadrage Card icon.
  2. Thème carte basique : les images se couvrent dans un format de 375x160px (= format Card dans le recadrage). Toutes les images à la taille et aux proportions plus grandes prendront la largeur de ce format en coupant le surplus en hauteur.
  3. Thème produit : à la différence du thème carte basique, les images couvrent ici la hauteur, c’est-à-dire que toutes les images faisant + de 250px de hauteur seront automatiquement recadrées à cette hauteur et le surplus ne sera jamais découpé. Le format idéal pour le thème produit, si l’on veut remplir la largeur, est 500x250px. Il n’y a donc pas de format de recadrage dédié à ces paramètres.

 

Bloc colonnes

Le contenu du bloc colonnes peut être configuré sur 1 ou 2 colonnes, changeant ainsi la largeur qu’il prend au sein de la page. Il est aussi possible de contraindre l’image à la hauteur de la charte, ce qui réduit sa hauteur et correspond à un certain format de recadrage.

Pour ce bloc, il est recommandé d’importer des images assez grandes (entre 1200px et 1500px de largeur) qui seront automatiquement recadrées au bon format (voir ci-dessous).

 

Formats à la charte :

  • Three Third Cropped (1248×300) : Image sur 1 colonne d’un bloc pleine largeur.
  • Two Third Cropped (932×300) : Image sur 1 colonne d’un bloc centré 2/3.
  • One Half Cropped (736×300) : Image sur 1 colonne d’un bloc 2 colonnes pleine largeur.
  • One Third Cropped (480×300) : Image sur 1 colonne d’un bloc 2 colonnes centré 2/3.

Three Third Cropped (1248×300)

Two Third Cropped (932×300)

One Half Cropped (736×300)

Grille de teaser (theme produit 3 cols)

Les soudeuses Sumitomo 1

Nom de la gamme

Texte de description de la super gamme Infractive

Les soudeuses Sumitomo

Nom de la gamme

Texte de description de la super gamme Infractive

Grille de teaser (theme carte avec picto)

Titre de la 2ème card

Integer euismod porta tortor, dignissim semper massa ornare ut. Etiam interdum lacinia nibh iaculis gravida.

Titre de la 3ème card

Integer euismod porta tortor, dignissim semper massa ornare ut. Etiam interdum lacinia nibh iaculis gravida.

Titre de la card

Integer euismod porta tortor, dignissim semper massa ornare ut. Etiam interdum lacinia nibh iaculis gravida.

Grille de teaser (theme carte autre possibilité)

Méga-gabarit 10

« Infractive vous propose des ateliers technologiques sur des sujets précis pour vous aider à monter en compétences. »

John Doe – Brady

Méga-gabarit 9

« Infractive vous propose des ateliers technologiques sur des sujets précis pour vous aider à monter en compétences. »

John Doe – Brady

Méga-gabarit 8

« Infractive vous propose des ateliers technologiques sur des sujets précis pour vous aider à monter en compétences. »

John Doe – Brady

Titre du deuxième bloc CTA qui a un fond image