[ RESOLU] Installation d'un widget photo

Ecrivain77 · janvier 2018

Bonjour,
Je viens de choisir le thème
Blogger
Version : 5.6 - (31/01/2017)
Auteur : PluXml - http://www.pluxml.org
Thème de style Blogger
dans le cadre en haut à gauche du site , j'ai mis une photo, et j'aimerai faire en sorte de mettre plusieurs photos, qui défileront toutes seules, mais je ne sais vraiment pas comment faire.

Merci

cpalo · janvier 2018

Bonjour,

Tu peux utiliser par exemple le plugin slider de Stephane plxMySlippry. (d'autres sliders feront aussi l'affaire)
Mais au lieu de mettre le bloc de ce slider dans l'article ou la page statique, tu l'inséres dans la sidebar.

Ecrivain77 · janvier 2018

Bonjour CPALO,

j'ai bein installé le plugin et configuré.

cpalo a écrit:

Bonjour,

Tu peux utiliser par exemple le plugin slider de Stephane plxMySlippry. (d'autres sliders feront aussi l'affaire)
Mais au lieu de mettre le bloc de ce slider dans l'article ou la page statique, tu l'inséres dans la sidebar.

quand je rentre la ligne de code dans la page sidebar.phh
dans le div

[== HTML ==]
  <div class="sidebar-widget widget_wpex_get_total clr">
              <!-- DIAPORAMA -->
<!--<img src="http://ecrivain77.fr/data/medias/accueil/bonheur.jpg" /> -->
<?php eval($plxShow->callHook("MySlippry")) ?>
            </div>

Cela affiche les images toutes ensembles et par dessus la sidebar

comment faire pour avoir le défilement dans le cadre seulement?

Merci

Dudy · janvier 2018

Bonjour Ecrivain77

tu as suivì les infos dans l'aide du plugin?

cpalo · janvier 2018

Peut etre aussi un problème de mise en page avec les flottants.
Sur ta div peut etre nécessaire de mettre une classe col avec une largeur .

Dudy · janvier 2018

Essaye avec ca

[== PHP ==]
<?php global $plxShow; eval($plxShow->callHook("MySlippry")); ?>

bazooka07 · janvier 2018

Ouvre ton inspecteur web en appuyant sur la touche F12 de ton navigateur et répare l'erreur qui s'affiche en rouge.
C'est quoi ce $ devant function dans le code source de ta page web :

[==Page html ==]
<script>
$(function() {
	var slippry = $("#slippry").slippry({
	transition: "fade",
	speed: 200,
})});
</script>

cpalo · janvier 2018

Je confirme, ce code fonctionne :

<div class="widget-Slider col">
    <?php
	global $plxShow;
	eval($plxShow->callHook("MySlippry"));
    ?>
 </div>

Il reste à définir les marges ou autres classes de personnalisationon du slider.

@bazooka07
J'ai le même script en fin de page et ça fonctionne. Ce code est inséré automatiquement par le plugin.

Ecrivain77 · janvier 2018

Bonjour à tous,

Merci pour toutes vos aides, mais je suis trop nul, cela ne fontionne pas dans la page sider.php

[== PHP ==]
<aside id="secondary" class="sidebar-container" role="complementary">
    <div class="sidebar-inner">

        <div class="widget-area">

            <!--div class="sidebar-widget widget_search clr">
                <form method="get" id="searchform" class="searchform" action="http://wpexplorer-demos.com/blogger/" role="search">
                    <input type="search" class="field" name="s" value="" id="s" placeholder="To search type and hit enter" />
                </form>
            </div-->
           <div class="sidebar-widget widget_wpex_get_total clr">
              <!-- DIAPORAMA -->
<img src="http://ecrivain77.fr/data/medias/accueil/bonheur.jpg" />
<!--<?php eval($plxShow->callHook("MySlippry")) ?>-->
            </div>
            <div class="sidebar-widget widget_recent_entries clr">
                <h5 class="widget-title"><?php $plxShow->lang('LATEST_ARTICLES'); ?></h5>
                <ul>
					<?php $plxShow->lastArtList('<li><a class="#art_status" href="#art_url" title="#art_title">#art_title</a></li>'); ?>
               </ul>
            </div>
  <div class="sidebar-widget widget_categories clr">
                <h5 class="widget-title"><?php $plxShow->lang('CATEGORIES'); ?></h5>
                <ul>
					<?php $plxShow->catList('','<li id="#cat_id"><a class="#cat_status" href="#cat_url" title="#cat_name">#cat_name</a> (#art_nb)</li>'); ?>
                </ul>
            </div>
            <div class="sidebar-widget widget_archive clr">
                <h5 class="widget-title"><?php $plxShow->lang('ARCHIVES'); ?></h5>
                <ul>
					<?php $plxShow->archList('<li id="#archives_id"><a class="#archives_status" href="#archives_url" title="#archives_name">#archives_name</a> (#archives_nbart)</li>'); ?>
                </ul>
            </div>
          
         <!--   <div class="sidebar-widget widget_tag_cloud clr">
                <h5 class="widget-title"><?php $plxShow->lang('TAGS'); ?></h5>
                <div class="tagcloud">
					<?php $plxShow->tagList('<a class="#tag_status" href="#tag_url" title="#tag_name"> #tag_name </a>'); ?>
				</div> -->
            </div>
        </div>
    </div>
</aside>

je ne désire pas le mettre en fin de page.
Merci

cpalo · janvier 2018

Essaie de remplacer cette partie de ton code (sidebar.php) par le code que je t'ai donné

<div class="sidebar-widget widget_wpex_get_total clr">
              <!-- DIAPORAMA -->
<img src="http://ecrivain77.fr/data/medias/accueil/bonheur.jpg" />
<!--<?php eval($plxShow->callHook("MySlippry")) ?>-->
            </div>

à remplacer par :

<div class="widget-Slider col">
    <?php
	global $plxShow;
	eval($plxShow->callHook("MySlippry"));
    ?>
 </div>

naturellement widget-Slider tu peux le renommer comme tu veux

Ecrivain77 · janvier 2018

Bonjour Cpalo,

Merci pour ta patience.
J'ai fait tous les tests , et les images apparaissent l'une sous l'autre et par dessus le site, comme si'il n'était pas intégré dans les div, j'ai essayé sur un page static idem.
Si au moins il pouvait se mettre au début de la sidebar avant Derniers articles , se serait super .
Mais bon je fait sûrement des boulettes

Merci

cpalo · janvier 2018

Bonjour,

Pas de problème on va bien finir par réussir. Puisque j'ai reproduit ce que tu souhaitais faire et que ça fonctionne.

Déjà supprime ce code et remplace le par celui que je t'ai donné.

<!-- DIAPORAMA -->

 <div class="sidebar-widget widget_wpex_get_total clr">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="responsiveslides.min.js"></script>
<ul class="rslides">
  <li><img src="1.jpg" alt=""></li>
  <li><img src="2.jpg" alt=""></li>
  <li><img src="3.jpg" alt=""></li>
</ul>
         </div>

 <!-- FIN DIAPORAMA -->

Laisse ensuite en ligne que je puisse aller voir le code source affiché

Ecrivain77 · janvier 2018

Bonjour cpalo,

Voilà c'est fait.
Merci franchement pour tes actions.

cpalo · janvier 2018

la classe col , tu peux bien entendu la renommer.
Mais dans ton head, ton lien vers plucss ( qui crée la classe .col) ne fonctionne pas :

The requested URL /themes/theme-blogger/css/plucss.css was not found on this server

Tu as aussi deux appels à jquerry l'un dans le head avec plxMyShareSocialButtons, et l'un à la fin avec MYSlippry. A voir si ça créé un problème?

Ecrivain77 · janvier 2018

Bonjour cpalo,

Franchement je vais craquer, car je viens de voir que sur ma page d'accueil il y a cette ligne "-->"
je n' arrive pas à la supprimer, et de plus comment faire pour trouver le fichier head ?
merci et pardon pour mon incompétence

Ecrivain77 · janvier 2018

Bonjour,
Ouf j'ai pu résoudre le souci "--->" sur ma page d’accueil .
Je re re re re commence pour le widget des images
merci

cpalo · janvier 2018

Tu as un fichier header.php qui commence par :

<?php if (!defined('PLX_ROOT')) exit; ?>
<!DOCTYPE html>
<html lang="<?php $plxShow->defaultLang() ?>">
<head>

Ecrivain77 · janvier 2018

Bonjour cpalo,

Grâce à toi et vos aide j'ai enfin pu faire ce que je voulait
j'ai mis en commentaire les deux lignes jquery dans le header
j'ai ajouté ce code

[== PHP ==]
             <!-- DIAPORAMA -->
<div class="sidebar-widget widget_wpex_get_total clr">
   <?php
	global $plxShow;
	eval($plxShow->callHook("MySlippry"));
    ?>
            </div>
<!-- FIN DIAPORAMA -->

Et cela fonctionne.

UN ÉNORME ET SINCÈRE MERCI

[ RESOLU] Installation d'un widget photo

Réponses