Modifier un slider

Statut : non résolu

Ce sujet contient 32 réponses, 5 participants et a été mis à jour pour la dernière fois par PhiLyon, le il y a 10 années et 8 mois.

15 sujets de 1 à 15 (sur un total de 33)

Auteur

Messages
4 avril 2013 à 13 h 27 min #522711

Miss_estrelita
Membre

Chevalier WordPress
149 contributions

Bonjour,

Ma configuration WP actuelle
– Version de WordPress : 3.5.1
– Version de PHP/MySQL : 5.0
– Thème utilisé : Thème enfant bizway
– Extensions en place : DP Maintenance Mode Lite, Formidable, TinyMCE Advanced, WP-DownloadManager, Startpress visitors.
– Nom de l’hebergeur : 1&1
– Nom du site : http://droitsetcompetences.com/

Problème(s) rencontré(s) :

Je souhaiterai ajouter un troisième slider au bloc sliders existants figurant en dessous de la barre de menu bleu de mon site (page d’accueil).

Merci avance pour votre aide.

4 avril 2013 à 13 h 34 min #887190

Guy
Participant

Maître WordPress
14817 contributions

Je ne connais pas le thème et ne sait pas si c’est inclu dans le thème ou dans un menu particulier, mais… il en existe deux, sous quelle forme se présentent t ils actuellement dans l’administration de ton site, comment les avais tu ajouté?

Il y a probablement une documentation pour le thème?

4 avril 2013 à 13 h 40 min #887191

Miss_estrelita
Membre

Chevalier WordPress
149 contributions

En fait j’ai créé un thème enfant à partir du thème Bizway gratuit de départ.
Le slider se trouve dans apparence et fait parti des options du thème : il est possible d’en mettre seulement deux via ce biais normalement.

Mais bon je me suis dit que peut-être il a une possibilité d’ajouter un 3ème slide non ?

4 avril 2013 à 13 h 47 min #887192

Guy
Participant

Maître WordPress
14817 contributions

Ah… désolé, je ne sais pas, je ne connais pas ce thème.

4 avril 2013 à 14 h 18 min #887193
Lumiere de Lune
Participant

Maître WordPress
20531 contributions
A priori, ajouter un troisième slider, si seulement deux sont prévus, implique des modifications.

Cela dit, si je comprends bien la page, tu veux rajouter non pas un slider, mais un slide dans le slider ?

Dans ce cas, une solution serait de regarder dans la page d’acceuil, dans le code source, le code html qui a été généré pour le slider, qui est :
```

<div class="slider-wrapper-container">
    <div class="container_24">
        <div class="grid_24">
            <div class="slider-wrapper">
                                    <h1> » Notre priorité, l’équilibre social « </h1>
                    
                                    <h2>Une équipe constituée de professionnels des secteurs juridique et Ressources Humaines à votre écoute.</h2>
                                <div class="flexslider">
                    <ul class="slides">
                                                 
                            <li>
                                                                    <a href=""><img src="http://droitsetcompetences.com/wp-content/uploads/2013/02/Sanstitre4t1.jpg" alt="" /></a>
                                </li>
                          
                                                  
                            <li>
                                                                    <a href="http://droitsetcompetences.com/?page_id=566"><img src="http://droitsetcompetences.com/wp-content/uploads/2013/02/Sanstitre142.jpg" alt="" /></a>
                                </li>
                          
                    </ul>
                </div>      
                <div class="slider-shaddow"></div>             
            </div>
        </div>
        <div class="clear"></div>
    
```
de rajouter l’élément

supplémentaire, en changeant ce qu’il y a à changer

<li>
                                                                    <a href="http://droitsetcompetences.com/?page_id=566"><img src="http://droitsetcompetences.com/wp-content/uploads/2013/02/Sanstitre142.jpg" alt="" /></a>
                                </li>

et ensuite de remplacer le code php qui doit appeler le slider (à toi de la trouver, sans doute dans index.php ou home.php) par le code html

4 avril 2013 à 14 h 20 min #887194

Miss_estrelita

Membre

Chevalier WordPress

149 contributions

Tout à fait !

8 avril 2013 à 14 h 03 min #887195

Miss_estrelita

Membre

Chevalier WordPress

149 contributions

Je n’ai pas compris comment il faut faire malgré les conseils de Lumière de Lune 😕

10 avril 2013 à 13 h 40 min #887196

Miss_estrelita

Membre

Chevalier WordPress

149 contributions

J’ai beau chercher dans index.php mais je n’ai pas trouvé les lignes relatives au slider

10 avril 2013 à 13 h 56 min #887197

MartiLati

Membre

Initié WordPress

16 contributions

des fois dans wp les appels des blogs se font sous
par exemple. donc c’est une page à part ou il y le code. IL faut chercher dans les pages php du code source et voir aussi dans le dossier inc

10 avril 2013 à 14 h 29 min #887198

Miss_estrelita

Membre

Chevalier WordPress

149 contributions

En décortiquant chaque fichier, j’ai finalement trouvé les éléments se rapportant au slider dans le fichier frontpage.

J’ai fait en sorte d’ajouter des lignes correspond à l’ajout d’un troisième slider (en local), ca fonctionne mais pas totalement bien.

Quand je clique sur la flèche de droite, les slides défilent normalement les uns après les autres mais quand je clique sur la flèche de gauche pour revenir à la slide précédente ca fait un décalage entre la dernière ajoutée et la deuxième…

Vous pensez que c’est dû à quoi ?

10 avril 2013 à 14 h 39 min #887199

Miss_estrelita

Membre

Chevalier WordPress

149 contributions

Je pense que c’est dans le fichier style.css qu’il faut faire des modifications mais je sais pas trop quoi modifier 😕

10 avril 2013 à 15 h 28 min #887200

MartiLati

Membre

Initié WordPress

16 contributions

je ne connais pas le thème est-ce que je peux avoir le bout de code php pour le slide

10 avril 2013 à 15 h 39 min #887201

Miss_estrelita

Membre

Chevalier WordPress

149 contributions

Voici le code du fichier css se rapportant selon moi au slider :

/* #Menus
================================================== */
.mobieMenu{
    margin:15px auto;
    width:70%;
    margin-top:12px;
    text-align:center;
    margin-left:70px;
    border:1px solid #ddd;
}
.menu-container{
    background:#f9f9f9 url(images/menubg.png) repeat-x;
    background-color: #3f3f3f;
}
.menu_bar {
    border:1px solid #d9d9d9;
    background:#fff;
    display:block;
    padding-bottom:20px;
    padding-top:5px;
    padding-left:20px;
    margin-top:12px;
}
#menu {
    position:relative;
}
#menu ul {
    list-style-type:none;
}
#menu .ddsmoothmenu {
    list-style:none;
    position:relative;
    z-index:100;
	margin: 0;
}
ul#mm1.ddsmoothmenu{
}
#menu .ddsmoothmenu li > ul li > ul {
    margin-top:1px;
}
#menu .ddsmoothmenu li {
    position:relative;
    display:block;
	float: left;
    font-size:15px;
    margin-left:0;
    margin-bottom:0;
}
#menu .ddsmoothmenu li a {
    position:relative;
	display: block;
    color:#fff;
    text-decoration:none;
    padding:13.5px 20px 13px 20px;
    text-shadow:0 1px 1px #000;
    border-left:1px solid #585858;
}
#menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover, #menu li.current_page_item a {
    color:#fff;
    background:#343434 url(images/menutip.png) top center no-repeat;
}
#menu .ddsmoothmenu li > ul {
    margin-top:5px;
    background:url(images/menuarow.png) top no-repeat;
    margin:0;
}
#menu li li a, #menu li li a.selected, #menu li li a:hover {
    border:none;
}
#menu li.current-menu-item a:hover, #menu li.current-menu-parent a:hover, #menu li.current_page_parent a:hover, #menu li a:hover.selected {
    text-decoration:none;
    color:#fff;
}
#menu .ddsmoothmenu li.current-menu-item a, #menu .ddsmoothmenu li.menu-item-home a{
    margin-right:0;
}
#menu .ddsmoothmenu li li:first-child{
    padding-top:10px;
}
#menu .ddsmoothmenu li li {
    background: #eaebea;
    font:12px Arial, Helvetica, sans-serif!important;
    text-transform:capitalize;
    margin:0;
    padding:0;
}
#menu .ddsmoothmenu li li a {
    width:130px;
    height:auto;
    float:none;
    display:block;
    text-align:left;
    position:relative;
    margin:0;
    padding:10px 0;
    margin-left:18px;
    margin-right:18px;
    text-transform:capitalize;
    border-bottom:1px dotted #ccc;
    background: url(‘images/arrow.png’) no-repeat 0 14px;
    padding-left:10px;
    text-shadow:none;
    border-left:none;
    text-shadow:0 1.5px 1px #fff;
}
#menu .ddsmoothmenu li li:last-child{
    padding-bottom:20px;
}
#menu .ddsmoothmenu li li a:after {
    width:100%;
    content: »;
    position:absolute;
    left:0;
    top:0;
}
#menu .ddsmoothmenu li li li li:last-child a, #menu .ddsmoothmenu li li li li:last-child a:after {
    border-top:none;
}
#menu .ddsmoothmenu li li:last-child a:after {
    width:100%;
    content: »;
    position:absolute;
    left:0;
    bottom:0;
}
* html #menu .ddsmoothmenu li li a {
    display:inline-block;
}
#menu .ddsmoothmenu li li a:link, #menu .ddsmoothmenu li li a:visited {
    color:#565555;
}
#menu .ddsmoothmenu li li a.selected, #menu .ddsmoothmenu li li a:hover {
    color: #CC0000;
    text-shadow:none;
}
#menu .ddsmoothmenu li ul {
    position:absolute;
    left:0;
    display:none;
    visibility:hidden;
}
#menu .ddsmoothmenu li ul li {
    display:list-item;
    float:none;
}
#menu .ddsmoothmenu li ul li ul {
    padding-top:0;
    background:none;
    top:0;
    margin-top:0;
    margin-left:0;
}
#menu .ddsmoothmenu li ul li ul li:first-child{
    padding-top:0;
}
* html .ddsmoothmenu {
    height:1%;
}
.downarrowclass {
    position:absolute;
    width:0;
    height:0;
    overflow:hidden;
    top:0;
    right:0;
    display:none!important;
}
.rightarrowclass {
    display:block;
    width:7px;
    height:5px;
    position:absolute;
    margin-top:-3px;
    top:50%;
    right:0;
    background: url(‘images/right.png’) no-repeat 0 0;
}
.ddshadow {
    width:0;
    height:0;
    position:absolute;
    left:0;
    top:0;
    display:none;
}
.header-container{
    background-color:#f9f9f9;
}
.slider-wrapper-container{
    background-color:#f9f9f9;
    font-weight:normal;
    padding-top:28px;
    border-bottom:1px solid #d9d8d8;
}
.slider-wrapper-container h1{
    font-size:30px;
    text-align:center;
    color:#444;
    margin-bottom:12px;
    text-shadow:0 2px 2px #fff;
    margin-bottom:5px;
}
.slider-wrapper-container h2{
    font-size:17px;
    color:#717070;
    text-align:center;
    font-weight:normal;
    margin-bottom:45px;
    font-family: »Museo500″;
}
/* #Slider Style
================================================== */
/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
    outline: none;
}
.slides, .flex-control-nav, .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {
    width: 100%;
    margin: 0;
    padding: 0;
    max-height:100%;
    border:1px solid #cdcbcb;
}
.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    margin-left:0;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
    width: 100%;
    display: block;
    max-height:385px;
}
.flex-pauseplay span {
    text-transform: capitalize;
}
/* Clearfix for the .slides element */
.slides:after {
    content: « . »;
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .slides {
    display: block;
}
* html .slides {
    height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
    display: block;
}
/* FlexSlider Default Theme
*********************************/
.flexslider {
    zoom: 1;
    margin-bottom:0px;
}
.flexslider .slides {
    zoom: 1;
}
.flexslider .slides > li {
    position: relative;
}
/* Suggested container for « Slide » animation setups. Can replace this with your own, if you wish */
.flex-container {
    zoom: 1;
    position: relative;
}
/* Caption style */
/* IE rgba() hack */
.flex-caption {
    background:none;
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
    zoom: 1;
}
.flex-caption {
    width: 96.200%;
    height:10%;
    padding: 2%;
    margin: 0;
    position: absolute;
    left: 0;
    bottom:0;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);
    font-size: 14px;
    line-height: 18px;
}
/* Direction Nav */
.flex-direction-nav {
    height: 0;
}
.flex-direction-nav li a {
    width: 42px;
    height: 99px;
    margin: -13px 0 0;
    display: block;
    background: url(images/arrows.png) no-repeat;
    position: absolute;
    top: 40%;
    cursor: pointer;
    text-indent: -999em;
}
.flex-direction-nav li .next {
    background: url(‘images/next.png’) no-repeat;
    width: 42px;
    height: 99px;
    right: -5px;
    top:54.6%;
}
.flex-direction-nav li .prev {
    background: url(‘images/prev.png’) no-repeat;
    width: 42px;
    height: 99px;
    left:0;
    top:54.6%;	
}
.flex-direction-nav li .disabled {
    opacity: .3;
    filter:alpha(opacity=30);
    cursor: default;
}
/* Control Nav */
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 20px;
    text-align:center;
}
.flex-control-nav li {
    margin: 0 0 0 5px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.flex-control-nav li:first-child {
    margin: 0;
}
.flex-control-nav li a {
    background: url(‘images/pagination.png’) no-repeat 0 0;
    width: 9px;
    height: 10px;
    display:block;
    cursor: pointer;
    text-indent: -999em;
}
.flex-control-nav li a:hover {
    background-position:0 -10px;
}
.flex-control-nav li a.active {
    background-position:0 -10px;
    cursor: default;
}
.slider-shaddow{
    width:100%;
    height:50px;
    background:url(images/slider-shaddow.png) 17px -22px no-repeat;
}
/*——-end slider—————-*/
.main-content-container{
    margin-top:62px;
    padding-bottom:65px;
    overflow:hidden;
}
.main-content{
}
.main-content h1{
    color:#2f2f2f;
    text-shadow:0 .5px 0 #d5d5d5;
}
.main-content .page-item img{
    max-width:100%;
    background:url(images/pageitem-shaddow.png) no-repeat;
    padding:9px;
    margin-bottom:30px;
    height:131px;
    width:265px;
}
.main-content .page-item.last-item{
    margin-right:0;
    padding-right:0;
    padding-left:30px;
}
.main-content .page-item.item-two{
    padding-left:14px;

10 avril 2013 à 16 h 54 min #887202

MartiLati

Membre

Initié WordPress

16 contributions

Salut j’ai résolu le probléme. Dans la partie de gestion admin, onglet: apparence ->Editeur: page: theme-option.php
ajouter ce qui suit aprés //seconde slider et avant //Home page Feature Area
//third Slider
array(« name » => « Slider Image3 »,
« desc » => « Choose your image for second slider. Optimal size is 950px wide and 350px height. »,
« id » => « bizway_slideimage3 »,
« std » => « »,
« type » => « upload »),
array(« name » => « Slide 3 Link »,
« desc » => « Enter your link url for slide3 »,
« id » => « bizway_slidelink3 »,
« std » => « »,
« type » => « text »),

Du coup les modifs des images se feront depuis la partie admin autant et quand vous voulez.

J’ai essayé et ça marche de mon coté.

C’est ✅

12 avril 2013 à 13 h 18 min #887203

MartiLati

Membre

Initié WordPress

16 contributions

Bonjour Miss_estrilita, avez-vous compris comment faire pour ajouter une 3eme image à votre slider?
si ce n’est pas le cas faites le moi savoir et je vous expliquerai un peut plus

15 sujets de 1 à 15 (sur un total de 33)

1 2 3 →