Pages secondaires
La configuration des pages secondaires :
Le développement "Mobile-First" implique de toujours avoir à l'idée l'affichage sur mobile et le poids des pages pour un affichage le plus rapide possible quelque soit la taille de l'écran.
Dans la base de démo, nous vous proposons une configuration avec une page principale et 5 pages secondaires, ce n'est qu'un exemple de configuration !
Pour la page principale, généralement la page d'accueil, il faut éviter :
- que votre site se résume à une page à rallonges qui sera obligatoirement trop lourde,
- que le chargement de votre site soit trop long... et le visiteur sera parti ailleurs
- que la mise en page ne soit pas suffisamment aérée.
Nous avons choisi une mise en page sans boîtes latérales,pour ne conserver que l'essentiel au centre de la page et quelques boîtes en bas de page.
Pour les pages secondaires, le critère principal est le volume d'une page, d'une rubrique, voire d'une catégorie ou d'une sous-catégorie.
Par exemple, vous avez beaucoup de photos sur votre site donc un nombre important de galeries, il est intéressant de créer une page secondaire pour les galeries photos. Attention : une galerie c'est un maximum de 50 photos surtout si vous faites une présentation avec Unite-Gallery !
- page secondaire 1 : Blog
- page secondaire 2 : Nouvelles - Photos
- page secondaire 3 : Articles - FAQ - Téléchargements
- page secondaire 4 : Forum - Liens - Livre d'or
- page secondaire 5 : Agenda - Lettre d'info - Contact
Ici, ce n'est pas le cas, mais votre choix devra en premier répondre au critère principal avec pour objectif d'avoir un affichage rapide !
La configuration des boites pour chaque page secondaire :
- Vous avez une configuration des boîtes pour chaque partie de page Haut, Centre et Bas avec la possibilité de recopier une configuration ou de sélectionner des boîtes différentes selon votre choix, selon le thème de la page,
- Vous pouvez personnaliser l'affichage avec les fichiers stylepageX.css (un fichier par page, stylepage1.css...) où vous ajoutez les personnalisations pour la page concernée,
Attention au changement des lignes par exemple : .T0entrow0 devient .T1entrow0 pour la page secondaire 1, puis .T2entrow0, .T3entrow0, .T4entrow0, .T5entrow0 pour les suivantes.
A noter :
il est important toujours dans un souci de rapidité en mobile de respecter cette organisation, sachant que pour chaque page les fichiers css chargés sont style.css, styleplus.css, mobstyle.css et stylepageX.css,
Le fichier style.css non modifiable contient les règles issues de Config look, le fichier styleplus.css et le fichier mobstyle.css sont les fichiers de personnalisation globale,
Les fichiers stylepageX.css sont les fichiers de personnalisation individuels pour chaque page secondaire, dans lesquels il est toujours possible voire préférable de mettre à la fois les personnalisations web et mobile.