User Documentation Page d'accueil du site
La page d'accueil d'un site peut être sélectionnée depuis n'importe quel type de Lien de menu en sélectionnant une icône grise dans la colonne Accueil de n'importe quelle liste de liens de menu. Essayez de faire un changement! Visualisez le changement sur votre site dans un onglet ou une fenêtre de navigateur séparé(e). Vous pouvez facilement revenir en arrière. Si vous souhaitez une page d'accueil distinctive, vous pourriez choisir un type de Lien de menu Article unique, un type de Lien de menu Articles d'une catégorie, un type de Lien de menu Articles en vedette, ou autre chose.
Supposons que vous souhaitiez donner à votre page d'accueil une apparence distinctive, un peu différente de toutes les autres pages de votre site. De nombreuses méthodes différentes sont disponibles pour personnaliser l'apparence d'une page d'accueil :
- Via des modules assignés uniquement à la page d'accueil.
- Via des styles personnalisés.
- Via une surcharge (Override) ou une disposition (Layout) de template.
- Via un template séparé ou un template enfant utilisé uniquement pour le Lien de menu de la page d'accueil.
- Plus...?
Exemple : Données d'exemple Cassiopeia
Les données d'exemple Cassiopeia créent une page d'accueil utilisant un type de Lien de menu Articles en vedette. Elle est mise en page avec l'apparence visible dans la capture d'écran ci-dessous (quelques modifications mineures ont été apportées à certains articles individuels pour obtenir une meilleure capture d'écran ici).
Voici comment cette mise en page est obtenue :
Module Image
La grande image sous la barre de menu se trouve dans un module personnalisé nommé Image assigné à la position banner du template Cassiopeia
Dans l'onglet Affectation aux menus, le module est assigné uniquement à Accueil :
L'image d'arrière-plan est sélectionnée dans l'onglet Paramètres du formulaire de modification Modules : Personnalisé.
Dans l'onglet Avancé / champ Disposition, l'élément banner est sélectionné. La disposition banner est une disposition de template :
Disposition de template
La disposition de module par défaut dans siteroot/modules/mod_custom/tmpl/default.php n'affiche pas le module de la manière souhaitée. Il existe une disposition alternative dans siteroot/templates/cassiopeia/html/mod_custom/banner.php. Comme banner.php n'est pas présent dans le code du module personnalisé, il fonctionne comme une disposition que vous pouvez sélectionner plutôt que comme une surcharge toujours utilisée. Dans le module Image, vous pouvez sélectionner la disposition par défaut, Enregistrer et recharger le site pour voir la différence. Revenez à la disposition banner et enregistrez à nouveau pour restaurer le comportement normal.
Des articles séparés traitent des Surcharges et des Dispositions.
Module Newsflash
Sous la grande image se trouvent trois petites boîtes, chacune avec une image et un texte en dessous. Elles sont créées à l'aide d'un module Articles - Newsflash en position top-a du template. Le module est configuré pour afficher 3 éléments. Son affectation aux menus est uniquement Accueil. L'onglet Avancé a la Disposition définie sur horizontal et le Style de module défini sur noCard.
Ceci conclut l'explication de la façon dont la page d'accueil des données d'exemple Cassiopeia a été créée.
Plus de Paramètres
Vous pourriez vouloir aller plus loin. Un schéma de couleurs différent pour la page d'accueil, ou un filigrane, ou une disposition personnalisée. Voici quelques idées :
Affichage de la page
Dans le formulaire Menus : Modifier l'élément pour le menu Accueil, sélectionner l'onglet Affichage de la page. Le champ Classe de page est généralement vide. Tout ce qui est saisi ici devient une classe supplémentaire dans l'
élément de la page. Par exemple, saisir fancyhome entraîne ce qui suit dans le rendu de la page d'accueil pour cette page uniquement :
<body class="site com_content wrapper-static view-featured no-layout no-task itemid-101 fancyhome has-sidebar-right">
Vous pouvez ensuite créer un fichier user.css via Système → Styles de templates du site → Détails et fichiers de Cassiopeia. Sélectionner le bouton Nouveau fichier et créer user.css dans le dossier css. Puis saisir les styles dans le formulaire d'édition de user.css. Exemple :
.fancyhome {
background-color: #f8fff8;
}
Cela donnera à la page d'accueil un fond vert pâle. Utiliser #f8f8ff; pour un fond bleu pâle ou #ffffee pour un jaune pâle. Vous pouvez faire toutes sortes d'autres choses avec votre style fancyhome mais il vous faut de bonnes connaissances en css.
Templates de page d'accueil alternatifs
Vous pouvez installer des templates de site alternatifs, obtenus auprès de fournisseurs tiers de templates. Et vous pouvez créer des templates enfants qui se comportent de manière similaire. Dans les deux cas, vous pouvez choisir quel template sera le template par défaut pour toutes les pages et lequel sera utilisé uniquement pour la page d'accueil.
- Sélectionner Système → Styles de templates du site dans le menu Administration.
- Sélectionner le template que vous souhaitez utiliser pour la page d'accueil. Il doit s'agir d'un template qui n'est pas sélectionné comme template par défaut.
- Dans l'onglet Affectation aux menus, sélectionner uniquement le lien de menu Accueil. Tout ce qui n'est pas sélectionné ici continuera d'utiliser votre template par défaut.
- Vous pourriez sélectionner certains paramètres dans l'onglet Avancé mais ils varient selon chaque template et ne sont pas traités ici.
D'autres articles traitent de la personnalisation de Cassiopeia.