https://www.facebook.com/tr?id=1475801249377226&ev=PixelInitialized
partage

Note de l'utilisateur: 0 / 5

Donnez une note !
0 sur 5 - 0 votes
Merci d'avoir noté cet article.

Configuration du Masthead dans purity

Dans Purity III, il y a 2 façons de créer un masthead pour tout lien de menu.

À l'aide de champ supplémentaire

Dans le panneau de configuration de menu, Nous avons ajouter des champs supplémentaires qui vous permettent d'ajouter un masthead au lien de menu. Ainsi, les extra-fields se trouvent dans l'onglet Paramètres d'affichage de la page .

masthead 1

Vous pouvez personnaliser le style du masthead, vous pouvez trouver le style du Masthead dans le fichier .less dans templates/purity_iii/less.

masthead 2

 

À l'aide de la position masthead

Par défaut, la position masthead est activée dans toutes les mises en page.

masthead 3

Si vous voulez afficher le masthead dans une page spécifique quelconque, créez un module, ajoutez du contenu au module, assignez à la position masthead. Normalement, nous utilisons module HTML personnalisé afin que nous puissions ajouter du contenu de manière flexible.

masthead 4

Exemple de contenu utilisé dans demo Purity III

<div class="jumbotron jumbotron-primary masthead">
<div class="col-md-6" align="left"><h1>I'm Purity III</h1><p>The best free Joomla template that you ever need.</p> 
<div class="btn-actions" style="margin-bottom: 20px;"><p><a href="http://bit.ly/purity_iii" class="btn btn-success btn-lg">Download Now</a></p></div>
</div>
<div class="col-md-6"><div class="video-wrapper"><iframe width="560" height="315" seamless="seamless" src="//www.youtube.com/embed/KSK2OR9pEUY?modestbranding=1&amp;;showinfo=0&amp;;autohide=1&amp;;rel=0&amp;;hd=1" allowfullscreen=""></iframe> </div> </div> </div>

 

Affectez le module à la page dans laquelle vous souhaitez l'afficher.

masthead 5

Ajoutez une classe pour donner un style au module. Dans la démo de Purity, les modules en position masthead utilisent la classe row-feature-primary, la classe sert à régler le background color du masthead.

masthead 6

 

Apparence sur le site :

masthead 7

En conclusion, si vous voulez simplement utiliser masthead avec juste titre et description, vous devez utiliser des champs supplémentaires dans le réglage du menu. Si vous voulez avoir un contenu flexible dans masthead, vous pouvez choisir d'utiliser la position masthead.

 

partage