Suppression des extras de la disposition des cartes Web

• Avril 20, 2024

Maintenant que notre nouveau modèle est défini comme modèle par défaut pour le système de cartes Web, nous pouvons commencer à personnaliser la mise en page. Comme nous l'avons mentionné précédemment, nous n'avons que 510 px avec lesquels travailler sur notre page Facebook Fan. Une façon d'économiser de l'espace consiste à supprimer le calendrier des événements et le nuage de recherche à droite de la mise en page.

Calendrier des événements et Search Cloud

Le modèle sur lequel nous devrons travailler est le modèle view_image_stats.html. Comme vous pouvez le voir, ce modèle est essentiellement un tableau avec cinq cellules. La première cellule qui contient les liens du menu latéral reçoit 15% de la largeur totale du tableau et les trois cellules suivantes qui contiennent les miniatures reçoivent 20% chacune. La dernière cellule du tableau qui contient le calendrier et le nuage reçoit 25%.

Un moyen simple de supprimer le calendrier et le cloud consiste à supprimer la cinquième cellule du tableau. Bien sûr, nous supprimerons également 25% du tableau. Nous devons donc répartir ces 25 pour cent sur les cellules restantes.

Première cellule - 15 devient 25
Deuxième cellule - 20 devient 25
Troisième cellule - 20 devient 25
Quatrième cellule - 20 devient 25
Cinquième cellule - 25

Lorsque nous actualisons le navigateur, nous ne voyons aucun changement. C'est parce que nous devons vider le cache pour voir le changement. Nous pouvons le faire dans le centre d'administration. Tout en bas du menu latéral, cliquez sur le lien Gérer les caches. Sur la page Gérer les caches, cliquez sur le bouton Reconstruire le cache. Maintenant, nous pouvons voir que le calendrier et le cloud ont été supprimés lorsque nous actualisons à nouveau le navigateur.

Lien Toutes Catégories

Nous avons un si petit ensemble de cartes électroniques, nous n'avons vraiment pas besoin du lien Toutes les catégories dans le menu latéral. Supprimons donc ce lien pour rendre le menu latéral moins encombré. Nous devrons travailler sur un autre fichier appelé functions.php. Ce fichier est stocké dans le dossier source.

htdocs / webcards / source / functions.php

Pour supprimer le lien Toutes les catégories, il nous suffit de commenter une ligne de code. À partir de la ligne 1410, vous verrez une boucle foreach. Dans cette boucle se trouve le code qui crée le lien Toutes les catégories. Pour mettre cette ligne en commentaire, ajoutez // avant la ligne de code. Pour voir le changement, reconstruisez le cache et actualisez le navigateur.

Disposition horizontale

Vous avez peut-être remarqué que sur la première page du système, nous avons trois listes verticales de miniatures qui sont de nouvelles images, des images populaires et des images aléatoires. Parce que nous avons un si petit ensemble de cartes électroniques, nous voyons une certaine répétition. Il serait préférable d'utiliser une mise en page différente qui répertorie toutes les miniatures de cette page d'accueil dans une mise en page horizontale. Ensuite, les liens dans le menu latéral mènent à l'affichage des vignettes uniquement dans l'une des deux catégories. Pour apporter cette modification à la mise en page de la première page, nous devrons travailler sur le fichier index.php.

htdocs / webcards / index.php

À partir de la ligne 315 environ, vous verrez la fonction view_stats_page. Nous allons ajouter une ligne de code qui changera la disposition du modèle pour la première page. Ajoutez cette ligne sous les variables globales.

return choose_image_template ($ messages);

//www.mywebcards.net

Captures d'écran WebCards utilisées avec autorisation.

Instructions Vidéo: Velocity Banking Vs Bi-Weekly Payments | Which Is The Faster Way To Pay Off Your Mortgage? (Avril 2024).