Introduction
Le squelette Vittory’s est très utile pour créer rapidement un site simple de quelques articles, intégrant une galerie plein écran et un positionnement Google Map.
Dépendances
Nécessaire :
- CFG
Recommandé :
- Palette
- Nivoslider
Installation
- Téléchargez l’archive dans le dossier plugins de votre SPIP
- Activez le plugin depuis l’espace privé.
Ce squelette utilise activement les librairies graphiques de PHP, n’oubliez pas de sélectionner une méthode de fabrication des vignettes dans Configuration > Fonction avancées de SPIP !
Description
Ce squelette est une adaptation pour SPIP d’un template pour la restauration comprenant une galerie d’images pour le menu et une carte Google indiquant l’emplacement.
Aperçu de la page d’accueil agrémentée d’un nivoslider :
- Présentation - Accueil
Lorsque l’utilisateur clique sur l’article utilisé comme galerie, son portfolio déclenche l’ouverture de la galerie :
- Article avec portfolio
Lors d’un clic sur une image du portfolio, l’image réduite, son titre et une description sont affichés ainsi que la même image comme fond de la page.
En utilisant les flèches de navigation à l’écran, les flèches gauche / droite du clavier, ou la roulette de la souris, l’utilisateur peut faire défiler les images. Le titre et la description s’animent derrière l’image en premier plan lors du défilement.
- La galerie
En cliquant sur l’image au premier plan, elle va disparaître et le fond devient plus lumineux. L’utilisateur peut alors visualiser l’image en plein écran et naviguer à travers le portfolio de la même façon. Un clic sur le fond va nous ramener dans la galerie.
Un clic sur la croix dans le coin supérieur droit permet de quitter la galerie.
Un menu spécial activable via la configuration du squelette va cacher la boîte de contenu et montrer une carte Google en fond de page :
- Géolocalisation Google Map
Utilisation
Le menu se compose des noms d’articles sélectionnés par le mot clé « menu ». Un mot clé « cacher » est aussi intégré au squelettes.
Les articles sont tous affichés par le squelette sommaire.html, il n’y a donc plus de notion de rubriques, chemin etc...
ATTENTION !
Dans cette version un seul article peut être utilisé comme galerie, de par la présence d’images dans son portfolio. Si plusieurs articles ont des images de portfolio la galerie fonctionnera mal, je vous ai prévenu ;-)
Configuration
Un formulaire CFG permet de modifier rapidement toutes les options d’affichage, il est recommandé d’y faire un tour après avoir installé le plugin, au moins pour sélectionner le fond de la page d’accueil :
Conditions d’utilisation
Ce squelette est une adaptation pour SPIP du template Restaurant Website & Gallery Template crée par Mary Lou.
Pour plus d’informations, reportez-vous au site http://tympanus.net/codrops/.
Compatibilité
Testé avec :
- Firefox
- Chrome
- IE9
Vittory.zip
Vos commentaires
# Le 21 février à 10:45, par sirom
En réponse à : Squelettes Vittory’s
Bonjour,
J’apprécie le travail accompli pour adpater ce superbe thème .
Mais,
Chez moi le plug (0.0.1 [53564]) ne fonctionne pas ni sous 2.1 ni sous 3.0beta
le squelette ne s’affiche pas, juste le titre et le lien google maps sur fond blanc
de plus depuis l’installation du plugin j’ai des erreurs 302.
Y aurait- il des conflits avec d’autres plugins ?
Ou tout simplement « qu’elle n’est pas fonctionnelle »,
mais vu les commentaires certains ont réussi à le faire fonctionner
pour la 2.1 j’ai une installation de base avec ces plugins :
Merci de votre aide
# Le 21 février à 15:32, par sirom
En réponse à : Squelettes Vittory’s
Bon finalement j’ai laissé tombé l’activation du plugin, par contre je travaille dessus en tant que squelette
Je m’aperçois qu’il y un énorme taf sur les boucles spip, chapeau bas...!
J’ai cependant une requête : je n’arrive pas à agrandir toutes les images quand il y a plusieurs articles avec des images dans le portfolio.
je m’explique : je veux mettre des images dans chacun de mes articles, je charge donc mes images normalement puis les insère dans le portfolio. Tout va bien.
J’ai donc un menu avec plusieurs articles dans mon squelette qui s’affichent avec les miniatures des images.
Seulement voilà le (script) squelette ne veut pas agrandir les images des mes articles s’il y a plusieurs articles avec des images. Par contre tout marche nickel s’il n’y a qu’un seul article avec des images.
Est-ce une limitation du javascript ? Ou cela provient-il des boucles documents_porfolio ?
merci
# Le 17 avril à 14:46, par ngombe
En réponse à : Squelettes Vittory’s
Salut Sirom,
Comme expliqué dans la doc, un seul article peut être utilisé comme galerie... C’est une limitation du javascript.
@+
# Le 17 avril à 14:59, par sirom
En réponse à : Squelettes Vittory’s
Merci de ta réponse :)
Répondre à ce message
# Le 7 septembre 2011 à 20:52, par Mat
En réponse à : Vittory’ss
Salut, super sympa ce squelette jquery avec layout très simple, merci !
J’espère parvenir à le modifier pour étendre un peu les possibilités
- Arriver à avoir des diaporamas multiples et différents
- Corriger la CSS pour gérer correctement l’affichage de certains éléments (H3, quote, HR, vignette des articles, notes de bas de page ...)
- Corriger la CSS pour que le bloc « content » ne déborde pas de la page (en bas)
- Gérer les liens HREF sur le titre du site
- Faire en sorte que les différentes pages possèdent chacune une URL distincte
- Avoir le diaporama mais que le site soit affiché derrière (et pas l’image courante)
- Utiliser l’effet de transition « fade » (comme sur la page « Googlemap ») mais sur toutes les autres pages
- Ajouter un joli formulaire de contact (OBLIGATOIRE)
J’ai déjà attaqué pas mal de modifs, si certains veulent mettre cela en commun ou me donner des pistes je suis preneur.
Merci à la communauté !
# Le 7 septembre 2011 à 22:53, par ngombe
En réponse à : Vittory’ss
Salut Mat,
Super, n’hésitez pas donner des idées ici pour faire évoluer ce squelette, qui sait peut-être que je les intègrerais dans les futurs commits :-)
Amuse-toi bien avec Vittory’s !
# Le 8 septembre 2011 à 11:49, par Mat
En réponse à : Vittory’ss
Merci pour ta réponse ouverte !
Petite question : je cherche à comprendre l’utilisation du mot-clé « cacher » ... ?
Quelqu’un peut-il développer un peu sur l’usage de ce mot-clé technique,
merci d’avance
# Le 8 septembre 2011 à 14:48, par ngombe
En réponse à : Vittory’ss
Salut,
Le mot clé « cacher » permet de ne pas afficher un article dans le menu (pour des cas spéciaux)
@+
# Le 8 septembre 2011 à 17:12, par Mat
En réponse à : Vittory’ss
Oui mais...
Quel interet dans la mesure ou ne s’affiche que les articles taggés "menu" ?
Je pense que j’ai loupé un épisode, merci de m’éclairer un peu :)
# Le 19 février à 05:36, par ndd
En réponse à : Squelettes Vittory’s
Bonjour Mat,
Avez-vous pu mener à bien toutes les modifications annoncées ci-dessus ?
Si oui, serait-il possible de bénéficier de vos travaux ?
Je souhaiterais utiliser ce squelette pour la présentation de tableaux d’artistes : j’ai donc besoin également d’un formulaire de contact, de diaporamas multiples, etc.
Merci à vous !
# Le 15 avril à 10:31, par mat
En réponse à : Vittory’ss
Bonjour,
- Arriver à avoir des diaporamas multiples et différents -> OUI en utilisant un deuxieme plugin de diaporama (Multiviewer_Full).
- Corriger la CSS pour gérer correctement l’affichage de certains éléments (H3, quote, HR, vignette des articles, notes de bas de page ...) -> OUI
- Corriger la CSS pour que le bloc « content » ne déborde pas de la page (en bas) -> OUI
- Gérer les liens HREF sur le titre du site -> NON
- Faire en sorte que les différentes pages possèdent chacune une URL distincte -> NON
- Avoir le diaporama avec le site affiché derrière -> OUI
# Le 17 avril à 14:42, par ngombe
En réponse à : Squelettes Vittory’s
Salut Mat,
N’hésite pas à partager tes fixs, exemples etc ... :-)
@+
Répondre à ce message
# Le 10 janvier à 13:59, par olivier
En réponse à : Squelettes Vittory’s
Bonjour,
J’utilise SPIP depuis plusieurs années pour des sites d’information et j’ai développé un modèle de site tiré du squelette Ahuntsic (voir pour exemple aide création d’entreprise). Aujourd’hui, je souhaiterais un squelette qui correspondrait davantage à une galerie photo que mes visiteurs pourrait compléter eux-mêmes. Le lien avec Google map de ce squelette me plait particulièrement, est-ce qu’un utilisateur dfe Vittory’s pourrait m’en dire un peu plus. Merci d’avance.
Répondre à ce message
# Le 6 décembre 2011 à 14:13, par Arno
En réponse à : Squelettes Vittory’s
Bonjour à tous,
Un très grand bravo pour ce superbe projet, il fonctionne parfaitement mais j’ai besoin d’aide pour les articles trop long. (ainsi que pour les plus petite résolution).
J’ai essayé de trouver une solution, mais sans résultat ! Quelqu’un a une petite idée ?
Répondre à ce message
# Le 25 octobre 2011 à 18:09, par vinz12
En réponse à : Squelettes Vittory’s
Bonjour, tout d’abord bravo pour ce super travail, j’aime beaucoup le style de ce squelette.
Par contre je me rend compte que les liens spip ne fonctionnent pas : j’essaie de créer un lien d’un article à un autre et ce lien renvoie toujours vers le premier article.
Comment dois-je faire pour que mes liens marchent ?
Merci d’avance !
Répondre à ce message
# Le 11 août 2011 à 14:54, par bernard
En réponse à : Vittory’s
salut,
très belle prestation, chapeau bas ...
une question : dans Méthode de fabrication des vignettes je n’ai pas de vignettes alors que quand je désactive le squelettes elle réapparaissent toutes .......... !
Merci de ton boulot.
# Le 7 septembre 2011 à 22:48, par ngombe
En réponse à : Vittory’ss
Salut,
GD est très sollicité dans ce squelette, alors n’hésitez pas à augmenter la quantité de mémoire alloué à php, ou à réduire la taille des images...
Dans la galerie il faut mettre les images dans le portfolio pour qu’elles soient traitées, les utilisateurs (moi y compris) ont tendance à l’oublier et pensent que c’est un bug :)
@+
# Le 8 septembre 2011 à 19:25, par bernard
En réponse à : Vittory’ss
salut ngombe
permet moi d’insister ! mais quand on active vittory’s dans la config Méthode de fabri....... les vignettes disparaissent. si on désactive le plugins tout réapparait !!
@+ et merci de tes réponses
Répondre à ce message
# Le 12 juillet 2011 à 15:26, par jeremie
En réponse à : Vittory’s
Bonjour,
Squelette très bien réalisé.
Est-il facilement adaptable pour du multilangues ?
Merci d’avance et bravo pour le travail !
# Le 7 septembre 2011 à 23:01, par ngombe
En réponse à : Vittory’ss
Salut,
J’ai envie de te dire certainement, mais j’ai peur de m’avancer un peu :-)
@+
Répondre à ce message
# Le 5 juillet 2011 à 15:11, par john
En réponse à : Vittory’s
Très beau squelette et bien pensé pour aller à l’essentiel.
Toutefois, n’avez vous pas des problèmes d’afichage lors des petites résolutions ?
smartbook, tablettes, ou encore des resolutions de 1024*768 ?
# Le 5 juillet 2011 à 16:01, par ngombe
En réponse à : Vittory’s
Salut,
En effet, il ne faut pas faire des articles top longs... Le projet est tout jeune et malheureusement je n’ai pas de terminaux mobiles pour faire des tests poussés.
Si tu veux gérer les petites résolutions il est toujours possible de proposer une CSS adaptée à la résolution du client, un peu à la manière de iSPIP.
@+
# Le 6 juillet 2011 à 08:27, par john
En réponse à : Vittory’s
Bonjour, c’est pas que je veux gérer ds petites résolutions forcément, mais par exemple en prenant ton squelette, j’ai créé pas mal d’articles pour le menu à gauche et donc tous ne passent pas.
Si on a une bonne résolution, on s’en rend pas compte, c’est un mai qui a une résolution de 1024*768 (il y en a encore) qui me l’a signalé. Merci pour ton travail.
Répondre à ce message