PluXml.org

Blog ou CMS à l'Xml

Vous n'êtes pas identifié(e).

#1 17/07/2014 15:01:25

je-evrard
Pluxml Staff
Lieu : pau
Inscription : 08/05/2012
Messages : 1 137
Site Web

[SPXWUNSLIDER] : Widget slider administrable

Ce plugin va vous permettre d'administrer l'affichage de un ou plusieurs sliders responsive.

1.jpg

Chaque slide est composé de :

  • une image

  • un titre (optionnel)

  • un sous titre (optionnel)

  • un bouton lien (optionnel)

Note importante :

Ce plugin, d'un genre nouveau, est utilisé comme widget du plugin spxdatas.

Pour rappel : spxdatas permet la gestion et l'administration de données structurées (widgets).

Vous devrez donc avoir installer au préalable le plugin spxdatas version officielle dans le dossier plugin de pluxml. Pour la configuration de spxdatas, c'est extrèmement simple... voir la configuration simplissime ici.

il est indispensable d'obtenir une version de spxdatas >= 1.60.

Ci dessous voici la configuration des plugins que vous devriez obtenir :

2.jpg

Voici a quoi ressemble l'administration du slider :

widget4.jpg
widget12.jpg

Il est préférable de lire la documentation sur le blog offciel. Ici

Caractéristiques  :

  • intègre la librairie unslider

  • administration via widget (un ou plusieurs slider)

  • configuration complète (text, description, image, boutons)

  • possibilité de fixer les droits de lecture, création, modification, suppression selon le niveau d'admin

  • une aide soignée

  • nécessite le plugin spxdatas version >= 1.60


Niveau d'usage : facile

Compatible  : pluxml 5.1.7 - 5.2 - 5.3 - 5.3.1

spxwunslider 1.5 version officielle

Ne pas hésiter si vous avez des questions...

Dernière modification par je-evrard (01/06/2016 09:07:47)


Petit à petit l'oiseau fait son nid.
- Sites : Création web - Création artistique
- pluxml : Plugins - Simplebox - Visual Wizard
- Projet SPX : Vitrine - Blog
facebook

Hors ligne

#2 19/07/2014 10:20:36

je-evrard
Pluxml Staff
Lieu : pau
Inscription : 08/05/2012
Messages : 1 137
Site Web

Re : [SPXWUNSLIDER] : Widget slider administrable

Mise a jour en version 1.1. (Correction chemin image)


Petit à petit l'oiseau fait son nid.
- Sites : Création web - Création artistique
- pluxml : Plugins - Simplebox - Visual Wizard
- Projet SPX : Vitrine - Blog
facebook

Hors ligne

#3 24/07/2014 07:30:43

Cristofoto
Membre
Inscription : 07/11/2011
Messages : 57

Re : [SPXWUNSLIDER] : Widget slider administrable

salut,
y a-t-il une dimension d'image à ne pas dépasser pour afficher correctement le photos dans le slider ?


Site PluXml de test : http://pluxtest.cristofoto.fr

Hors ligne

#4 24/07/2014 12:20:12

joebart
Membre
Lieu : Paname
Inscription : 15/03/2010
Messages : 263
Site Web

Re : [SPXWUNSLIDER] : Widget slider administrable

Hello, peut-on juste s'en servir comme slider texte, sans image ?

Hors ligne

#5 24/07/2014 16:26:12

je-evrard
Pluxml Staff
Lieu : pau
Inscription : 08/05/2012
Messages : 1 137
Site Web

Re : [SPXWUNSLIDER] : Widget slider administrable

Cristofoto a écrit :

y a-t-il une dimension d'image à ne pas dépasser pour afficher correctement le photos dans le slider ?

Personnellement je prend du 1400 sur 400 en jpg. Au dela ça sert pas a grand chose.

joebart a écrit :

Hello, peut-on juste s'en servir comme slider texte, sans image ?

Non, en fait ce plugin est fait au minimim pour faire slider des images.

Note :

Comme j'ai pas trop de retour du ça marche ça marche pas... J'ai quelques questions.

Le slider fonctionne bien ?
Vous avez installé spxdatas v 1.60 et vous l'avez configuré (tuto du blog spx). Vous avez trouvé ça compliqué à mettre en place ?
Est-il pour vous compliqué à administrer ? Trouvez vous la configuration souple, compliquée... ?

Merci de votre retour.

jerome

Dernière modification par je-evrard (24/07/2014 16:27:55)


Petit à petit l'oiseau fait son nid.
- Sites : Création web - Création artistique
- pluxml : Plugins - Simplebox - Visual Wizard
- Projet SPX : Vitrine - Blog
facebook

Hors ligne

#6 24/07/2014 21:05:24

Jerry Wham
Membre
Inscription : 13/07/2011
Messages : 2 550
Site Web

Re : [SPXWUNSLIDER] : Widget slider administrable

Je n'ai pas encore eu à l'utiliser. Donc je ne peux pas te faire de retour dessus pour l'instant.
C'est vrai qu'il faut que je me penche un peu plus sur ta surcouche à pluxml pour vraiment me faire une idée mais je n'ai pas trop eu le temps.


Mangez un castor, vous sauverez un arbre !

J'ai la tête dans le  ...code

Hors ligne

#7 25/07/2014 14:08:22

je-evrard
Pluxml Staff
Lieu : pau
Inscription : 08/05/2012
Messages : 1 137
Site Web

Re : [SPXWUNSLIDER] : Widget slider administrable

Pas de soucis Jerry.


Petit à petit l'oiseau fait son nid.
- Sites : Création web - Création artistique
- pluxml : Plugins - Simplebox - Visual Wizard
- Projet SPX : Vitrine - Blog
facebook

Hors ligne

#8 29/07/2014 19:46:06

chriss
Membre
Lieu : Du côté de Montréal
Inscription : 13/08/2012
Messages : 313
Site Web

Re : [SPXWUNSLIDER] : Widget slider administrable

Bonjour,
j'essaye depuis ce matin ton Plugin, dommage pas responsible  :( .
Dommage aussi que le titre et sous-titre ne soit pas configurable: couleur, polices (quoique !) , emplacement sur le slider mais aussi mettre un background.

J'ai aussi trouvé des erreurs dans le fichier CSS

ces lignes, les 3 premières:

[== CSS ==]
.spxwunslider { position: relative; overflow: auto; }
    .spxwunslider li { list-style: none; }
        .spxwunslider ul li { float: left; }

sont inutiles puisque repris plus bas.

ensuite " .spxwunslider ul li" ou " .spxwunslider li" pointent vers la même propriété <li>, en regroupant cela permet d'alléger la page de style.
Voilà pour un début, je vais continuer à l'essayer

EDIT: Toujours dans la feuille de styles; tu peut supprimer les lignes avec le vendor -O- Opera utilise maintenant -webkit-
Pour background-size là aussi plus besoin de vendor -webkit- et -moz-

EDIT 2: obliger de supprimer le plugin  :    148 Errors, 158 warning(s)  :-((

Dernière modification par chriss (29/07/2014 20:17:49)


Christian ...

Hors ligne

#9 29/07/2014 20:11:08

je-evrard
Pluxml Staff
Lieu : pau
Inscription : 08/05/2012
Messages : 1 137
Site Web

Re : [SPXWUNSLIDER] : Widget slider administrable

Merci pour le test et tes commentaires.


Petit à petit l'oiseau fait son nid.
- Sites : Création web - Création artistique
- pluxml : Plugins - Simplebox - Visual Wizard
- Projet SPX : Vitrine - Blog
facebook

Hors ligne

#10 29/07/2014 23:03:31

chriss
Membre
Lieu : Du côté de Montréal
Inscription : 13/08/2012
Messages : 313
Site Web

Re : [SPXWUNSLIDER] : Widget slider administrable

Re...
je ne comprends pas avec ton plugin avoir 148 erreurs et  o erreur en vérifiant le site unslider.com   yikes

et pourtant il devrait il y avoir les mêmes erreurs les balises <p></p> et <hn></hn> dans les balises <li></li>.
Malheureusement pour cause de vacances pas le temps de chercher d'où viennent toutes ces erreurs.

ceci crée des erreurs

[== Indéfini ==]

		<!--|--------------------------------------------------------------------------
		| FLEXSLIDER
		|---------------------------------------------------------------------------->

je le supprimerais ...


Christian ...

Hors ligne

#11 30/07/2014 07:56:21

je-evrard
Pluxml Staff
Lieu : pau
Inscription : 08/05/2012
Messages : 1 137
Site Web

Re : [SPXWUNSLIDER] : Widget slider administrable

Tu as suivi la procédure d installation ?
Regarde la version de jquery qui est appelé. Le spxwunslider ne load jquery uniquement si ce dernier n'est pas chargé. pour info il charge la version jquery-2.0.3.min.js.

Dernière modification par je-evrard (30/07/2014 11:51:31)


Petit à petit l'oiseau fait son nid.
- Sites : Création web - Création artistique
- pluxml : Plugins - Simplebox - Visual Wizard
- Projet SPX : Vitrine - Blog
facebook

Hors ligne

#12 30/07/2014 13:24:01

chriss
Membre
Lieu : Du côté de Montréal
Inscription : 13/08/2012
Messages : 313
Site Web

Re : [SPXWUNSLIDER] : Widget slider administrable

je-evrard a écrit :

Tu as suivi la procédure d installation ?
Regarde la version de jquery qui est appelé. Le spxwunslider ne load jquery uniquement si ce dernier n'est pas chargé. pour info il charge la version jquery-2.0.3.min.js.

Oui, J'ai suivi la procédure.
avant la desinstallation du plugin, je n'ai pas vérifié la version, mais sur le site c'est normalement la dernière via le serveur de Jquery.
Avant de partir je vais le réinstaller.


Christian ...

Hors ligne

#13 30/07/2014 13:45:47

chriss
Membre
Lieu : Du côté de Montréal
Inscription : 13/08/2012
Messages : 313
Site Web

Re : [SPXWUNSLIDER] : Widget slider administrable

chriss a écrit :

Re...


ceci crée des erreurs

[== Indéfini ==]

		<!--|--------------------------------------------------------------------------
		| FLEXSLIDER
		|---------------------------------------------------------------------------->

je le supprimerais ...

en le supprimant je n'ai plus qu'une erreur et 11 warnings.

voir sur W3C: http://bit.ly/1tscyk1


Christian ...

Hors ligne

#14 30/07/2014 13:53:08

chriss
Membre
Lieu : Du côté de Montréal
Inscription : 13/08/2012
Messages : 313
Site Web

Re : [SPXWUNSLIDER] : Widget slider administrable

et l'erreur serait dû à une balise <p></p> dans une une balise <p></p>

[== HTML ==]
<h1></h1><p><p>Des Astuces HTML5 et CSS3</p></p><a class="btn display0" target="_blank" href="#">test</a></li>

Christian ...

Hors ligne

#15 30/07/2014 14:03:56

chriss
Membre
Lieu : Du côté de Montréal
Inscription : 13/08/2012
Messages : 313
Site Web

Re : [SPXWUNSLIDER] : Widget slider administrable

autre chose.... oui oui je sais.. cool , j,ai tout les styles css en double. Cela viendrait que tu charges un fichier site.css dans le dossier CSS, mais aussi les styles qui sont au niveau de l'administration du plugin de Pluxml dans  "Code CSS"


Christian ...

Hors ligne

#16 30/07/2014 14:45:10

je-evrard
Pluxml Staff
Lieu : pau
Inscription : 08/05/2012
Messages : 1 137
Site Web

Re : [SPXWUNSLIDER] : Widget slider administrable

Merci smile je vais regarder tout ça pour une prochaine mise à jour. Coté admin ça marche bien sinon (widget).


Petit à petit l'oiseau fait son nid.
- Sites : Création web - Création artistique
- pluxml : Plugins - Simplebox - Visual Wizard
- Projet SPX : Vitrine - Blog
facebook

Hors ligne

#17 30/07/2014 15:03:19

chriss
Membre
Lieu : Du côté de Montréal
Inscription : 13/08/2012
Messages : 313
Site Web

Re : [SPXWUNSLIDER] : Widget slider administrable

je-evrard a écrit :

Merci smile je vais regarder tout ça pour une prochaine mise à jour. Coté admin ça marche bien sinon (widget).

je n'ai eu aucun problème,..........pour l 'instant. smile
Ton plugin, autrement, me plait bien.


Christian ...

Hors ligne

#18 30/07/2014 15:35:17

je-evrard
Pluxml Staff
Lieu : pau
Inscription : 08/05/2012
Messages : 1 137
Site Web

Re : [SPXWUNSLIDER] : Widget slider administrable

Hum tu me fais plaisir la.  smile. Le coté admin est le plus important pour moi pour le moment. Si tout baigne à ce niveau, d'autres plugins viendront enrichir les widget.
Ce plugin est le premier de cette sorte, c'est un coup d'essai.

Dernière modification par je-evrard (30/07/2014 15:39:15)


Petit à petit l'oiseau fait son nid.
- Sites : Création web - Création artistique
- pluxml : Plugins - Simplebox - Visual Wizard
- Projet SPX : Vitrine - Blog
facebook

Hors ligne

#19 30/07/2014 15:56:25

chriss
Membre
Lieu : Du côté de Montréal
Inscription : 13/08/2012
Messages : 313
Site Web

Re : [SPXWUNSLIDER] : Widget slider administrable

je-evrard a écrit :

Hum tu me fais plaisir la.  smile. Le coté admin est le plus important pour moi pour le moment. Si tout baigne à ce niveau, d'autres plugins viendront enrichir les widget.
Ce plugin est le premier de cette sorte, c'est un coup d'essai.

évite de nommer ton fichier CSS "site.css" car il se "telecharge " dans code CSS du plugins  yikes

Dernière modification par chriss (30/07/2014 15:57:22)


Christian ...

Hors ligne

#20 31/07/2014 11:51:57

Dudy
Membre
Lieu : Neuchâtel - Suisse
Inscription : 20/01/2007
Messages : 313

Re : [SPXWUNSLIDER] : Widget slider administrable

hallo
je viens d'essayer ce plugins, il marche a merveille,la partie admin tres facile à mettre en place bravo jeje big_smile
j'ai juste une question ,ou je peu changer les dimensions pour pouvoir le mettre dans la sidebar par exemple?
merci
ciao

Hors ligne

#21 31/07/2014 13:14:24

chriss
Membre
Lieu : Du côté de Montréal
Inscription : 13/08/2012
Messages : 313
Site Web

Re : [SPXWUNSLIDER] : Widget slider administrable

Dudy a écrit :

hallo
je viens d'essayer ce plugins, il marche a merveille,la partie admin tres facile à mettre en place bravo jeje big_smile
j'ai juste une question ,ou je peu changer les dimensions pour pouvoir le mettre dans la sidebar par exemple?
merci
ciao

dans CODE CSS en 1er éfface ce qu'il y a déjà, C'est en double et ensuite copie cette ligne:

[== CSS ==]
.spxwunslider { width: 90% !important;  margin: 0 auto; }

tu peut modifier 90%, bien sûr.


Christian ...

Hors ligne

#22 31/07/2014 18:26:45

Dudy
Membre
Lieu : Neuchâtel - Suisse
Inscription : 20/01/2007
Messages : 313

Re : [SPXWUNSLIDER] : Widget slider administrable

ok merci chriss
ciao

Hors ligne

#23 28/08/2014 16:35:24

je-evrard
Pluxml Staff
Lieu : pau
Inscription : 08/05/2012
Messages : 1 137
Site Web

Re : [SPXWUNSLIDER] : Widget slider administrable

Mise à jour version 1.2
***v1.2***
- ne pas lire site.css (deja loadé par pluxml)
- correction javascript
- correction id sur shortcode

Attention pour les gens qui avait vidé le css du plugin il va falloir le remettre. Je parle bien sur du site.css du plugin.

[== CSS ==]
.spxwunslider { position: relative; overflow: auto; }
    .spxwunslider li { list-style: none; }
        .spxwunslider ul li { float: left; }

.spxwunslider {
	position: relative;
	width: 100%;
	overflow: auto;
	
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	
	color: rgba(255,255,255,.6);
	text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);
	
	background: #5b4d3d;
	box-shadow: 0 1px 2px rgba(0,0,0,.25);
}
	.spxwunslider ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	
	.spxwunslider ul li {
		display: block;
		float: left;
		width: 33%;
		
		min-height: 350px;
		
/*		-webkit-background-size: 100% 100%;*/
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		-ms-background-size: 100% 100%;
/*		background-size: 100% 100%;*/
		
		box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);
		margin-left: 0px;
	}
	
	.spxwunslider h1, .spxwunslider h2 {
		font-size: 40px;
		line-height: 52px;
		color: #fff;
	}
	
	.spxwunslider .btn {
		display: inline-block;
		margin: 25px 0 0;
		padding: 9px 22px 7px;
		clear: both;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		border: 2px solid rgba(255,255,255,.4);
		border-radius: 5px;
	}
		.spxwunslider .btn:hover {
			background: rgba(255,255,255,.05);
		}
		.spxwunslider .btn:active {
			-webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
		}
		
	.spxwunslider .btn, .spxwunslider .dot {
		-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	}
	
	.spxwunslider .btn.display0 {
		display:none;
	}
	
	.spxwunslider .dots {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 20px;
	}
		.spxwunslider .dots li {
			display: inline-block;
			width: 10px;
			height: 10px;
			margin: 0 4px;
			
			text-indent: -999em;
			
			border: 2px solid #fff;
			border-radius: 6px;
			
			cursor: pointer;
			opacity: .4;
			
			-webkit-transition: background .5s, opacity .5s;
			-moz-transition: background .5s, opacity .5s;
			transition: background .5s, opacity .5s;
		}
			.spxwunslider .dots li.active {
				background: #fff;
				opacity: 1;
			}
		


@media only screen and (min-device-width: 320px) and (max-device-width: 480px), (max-width: 900px) {
	
	.spxwunslider h1, .spxwunslider h2 {
		font-size: 24px;
		line-height: 30px;
	}
	.spxwunslider ul li {
		padding-top: 100px;
		padding-bottom: 50px;
		height: 240px;
	}
	.spxwunslider p {
		font-size: 15px;
		width: 80%;
		margin: 0 auto;
	}
}

Dernière modification par je-evrard (28/08/2014 16:37:17)


Petit à petit l'oiseau fait son nid.
- Sites : Création web - Création artistique
- pluxml : Plugins - Simplebox - Visual Wizard
- Projet SPX : Vitrine - Blog
facebook

Hors ligne

#24 29/12/2014 00:50:16

gjoblin
Membre
Inscription : 19/12/2014
Messages : 4

Re : [SPXWUNSLIDER] : Widget slider administrable

Bonjour,

Malgré les manipulations citées ci-dessus, j'essaye de modifier la taille du plugin sans succès pourriez-vous m'éclairer s'il vous plait?

Merci d'avance!

G.Joblin

Hors ligne

#25 16/08/2015 10:49:52

je-evrard
Pluxml Staff
Lieu : pau
Inscription : 08/05/2012
Messages : 1 137
Site Web

Re : [SPXWUNSLIDER] : Widget slider administrable

Nouvelle version 1.3 disponible pour compatibilité pluxml 5.4


Petit à petit l'oiseau fait son nid.
- Sites : Création web - Création artistique
- pluxml : Plugins - Simplebox - Visual Wizard
- Projet SPX : Vitrine - Blog
facebook

Hors ligne

Pied de page des forums

A propos Nous soutenir Contact Twitter Google+
Copyright © 2006-2017 PluXml.org, tous droits réservés