Utilisation des paramètres de bloc

Un des grands avantages de Gantry 5 est d'avoir la possibilité d'accéder facilement à tout et d’ajuster les paramètres à plusieurs niveaux. Vous pouvez faire des choses comme ajouter une classe CSS à une section entière, un seul bloc, ou dans une particule spécifique, ou dans une position - le tout dans l'administrateur Gantry.

Dans ce guide, nous allons nous concentrer sur les paramètres de blocs, qui sont les paramètres applicables au niveau du bloc. Nous avons abordé ce sujet dans le guide du gestionnaire de mise en page lorsque nous avons discuté des différences entre les sections, les blocs et les grilles. Nous allons maintenant plonger un peu plus profondément dans les Paramètres du bloc qui sont accessibles au sein de chaque élément dans le gestionnaire de mise en page, ainsi que dans les modules et les particules injectées qui apparaissent dans l'éditeur de menu.

Pour accéder aux paramètres des blocs

block settings 1

block settings 3

 

L’Accès aux Paramètres de bloc Pour un bloc donné est assez simple. Il vous suffit de sélectionner l'icône représentant une roue crantée des Paramètres pour le bloc dont vous souhaitez ajuster les paramètres.

block settings 2

Une fenêtre contextuelle s'affiche avec deux onglets, Particle et Block. Pour régler les paramètres au niveau du bloc, vous voulez sélectionner l'onglet Block.Il y a peut-être des paramètres similaires à l'onglet Particle, par exemple un champ pour les classes CSS,et en ajustant les paramètres, cela appliquera une classe CSS à la div de la particule, ou un segment prédéfini de la particule.Lorsque vous effectuez des modifications dans l'onglet Block, elles sont appliquées au niveau du bloc et affecte la totalité du contenu à l’intérieur du bloc.

Champs de paramètres de bloc

Voici une présentation des différents paramètres disponibles pour chaque bloc.

CSS id

Le champ CSS id sera probablement rarement utilisé dans les particules. Il vous permet d'assigner un sélecteur id CSS ici pour le bloc afin qu'il affecte tout à l'intérieur. Pour en savoir plus sur les sélecteurs CSS id cliquez ICI.

CSS Classes

Si vous souhaitez appliquer une classe CSS au niveau du bloc, c'est ici que vous le ferez. Toute classe CSS assignée ici affectera entièrement la particule, instance de module, ou contenu de la position.

Variations

block settings 4

Les variations sont des variables axées sur le thème qui peuvent être réglées rapidement en sélectionnant le champ, puis en cliquant sur l’option souhaitée. Ces variations peuvent inclure des effets, variations de boîte qui fixe le schéma de couleur du bloc dans son ensemble, et des options utilitaires telles que Align Right et Full Width.

Pour les utilisateurs de Joomla, vous pouvez toujours utiliser le champ Suffixe de classe Module pour un module donné, mais nous ne recommandons pas le faire si vous utilisez également des variations au niveau du bloc. Cela peut donner des résultats indésirables.

Attributs de balises (Tag Attributes)

block settings 5

Le champ Tag Attributes vous donne la possibilité d'appliquer rapidement des attributs de balise HTML au bloc. Cela peut inclure une variété de choses d’un attribut de style (photo ci-dessus) à un marqueur utilisé pour appliquer des effets JavaScript au bloc.

Taille de bloc (Block Size)

Le champ Block Size est l'endroit où vous pouvez saisir manuellement la largeur que vous aimeriez que le bloc prenne dans la grille horizontale.Si c'est le seul bloc que vous avez dans la ligne précise, ce serait probablement fixé à 100. Toute modification effectuée en faisant glisser la barre de séparation entre les éléments dans le gestionnaire de layout serait répercutée dans ce champ.

Sauvegarder
Choix utilisateur pour les Cookies
Nous utilisons des cookies afin de vous proposer les meilleurs services possibles. Si vous déclinez l'utilisation de ces cookies, le site web pourrait ne pas fonctionner correctement.
Tout accepter
Tout décliner
Fonctionnels