Messages recommandés

dangee    3

Bonjour à tou (te) s,

 

Tout d'abord, bravo aux concepteurs de Zwii ! J'ai essayé bcp de flat cms et celui-ci est vraiment génial :)) Très simple à prendre en main. Je n'ai pas encore fait le tour de l'arborescence, mais cela s'annonce bien !

 

Voici ma première question sur ce forum ;)

Je suis entrain d'insérer un code dans main.php, pour pouvoir partager les pages sur les différents réseaux sociaux et il me manque 3 variables php : 

  1. le titre de la page
  2. son url
  3. et la description

y a t-il un moyen de les récupérer ??

 

Voici mon code

<ul>
		<li><a href="https://www.facebook.com/sharer.php?u=<?php echo $pageTitle; ?>&t=<?= $titre ?>" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=500,width=700');return false;">facebook</a>
		</li>
		<li><a href="https://twitter.com/share?url=<?= $lien ?>&text=<?= $titre ?>" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=500,width=700');return false;">twitter</a>
		</li>
		<li><a href="https://plus.google.com/share?url=<?= $lien ?>&hl=fr" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=500,width=700');return false;">google+</a>
		</li>
		<li><a href="https://www.linkedin.com/shareArticle?mini=true&url=<?= $lien ?>&title=<?= $titre ?>" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=500,width=700');return false;">linkedin</a>
		</li>
		<li><a href="https://pinterest.com/pin/create/button/?url=<?= $lien ?>&media=<?= $urlmedia ?>&description=<?= $titre ?>" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=500,width=700');return false;">pinterest</a>
		</li>
	</ul>

Merci et à bientôt !

Partager ce message


Lien à poster
Partager sur d’autres sites
dangee    3

Bon ben j'ai trouvé ;) Voici le code si cela intéresse quelqu'un. Je vous ai mis un screen en pj du résultat.

 

Le but était de proposer de partager les articles "Blog" sur les réseaux sociaux. Pour cela, ,j'ai modifié le fichier article.php qui se trouve dans /module/blog/view/article.

 

En haut du fichier j'ai rajouté le code suivant afin de définir les variables :

<?php 
$title = $this->getData(['module', $this->getUrl(0), $this->getUrl(1), 'title']);
$description = $this->getData(['module', $this->getUrl(0), $this->getUrl(1), 'metaDescription']);
$url = 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF'];
$urlmedia = helper::baseUrl(false).$this->getData(['module', $this->getUrl(0), $this->getUrl(1), 'picture']);
?>

Puis à l'endroit où insérer les logos :

<ul id="share">
		<li class="social">Vous avez aimé cet article, alors n'hésitez pas à le partager sur vos réseaux sociaux :</li>
		<li class="social"><a href="https://www.facebook.com/sharer.php?u=<?php echo $url ?>&t=<?php echo $title ?> par Daniel Journo sur djimmo" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=500,width=700');return false;"><img src="<?php echo helper::baseUrl(false); ?>site/file/source/social/facebook-24x24.png" alt="partagez cette page sur facebook" width="24" height="24"/></a>
		</li>
		<li class="social"><a href="https://twitter.com/share?url=<?php echo $url ?>&text=<?php echo $title ?> par Daniel Journo sur djimmo" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=500,width=700');return false;"><img src="<?php echo helper::baseUrl(false); ?>site/file/source/social/twitter-24x24.png" alt="partagez cette page sur twitter" width="24" height="24"/></a>
		</li>
		<li class="social"><a href="https://plus.google.com/share?url=<?php echo $url ?>&hl=fr" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=500,width=700');return false;"><img src="<?php echo helper::baseUrl(false); ?>site/file/source/social/google-plus-24x24.png" alt="partagez cette page sur google+" width="24" height="24"/></a>
		</li>
		<li class="social"><a href="https://www.linkedin.com/shareArticle?mini=true&url=<?php echo $url ?>&title=<?php echo $title ?> par Daniel Journo sur djimmo" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=500,width=700');return false;"><img src="<?php echo helper::baseUrl(false); ?>site/file/source/social/linkedin-24x24.png" alt="partagez cette page sur linkedin" width="24" height="24"/></a>
		</li>
		<li class="social"><a href="https://pinterest.com/pin/create/button/?url=<?php echo $url ?>&media=<?php echo $urlmedia ?>&description=<?php echo $title ?> par Daniel Journo sur djimmo" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=500,width=700');return false;"><img src="<?php echo helper::baseUrl(false); ?>site/file/source/social/pinterest-24x24.png" alt="partagez cette page sur pinterest" width="24" height="24"/></a>
		</li>
		<li class="social">ou <a class="btn lightbox-81822482795366" style="margin-top: 16px; cursor: pointer;">inscrivez-vous à la Newsletter</a>
		</li>
	</ul>  

et le CSS pour aller avec :))

 

#share {display: block;}
#share .social {display: inline-block;list-style-type: none;}

et voilà !

 

A bientôt et n'hésitez pas à me faire un retour !

share.jpg

  • Like 1
  • Thanks 1

Partager ce message


Lien à poster
Partager sur d’autres sites
CroqueWeb    99

Salut @dangee

Je n'ai pas testé ton astuce mais je remarque une limite :

$url = 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF'];

La variable $url n'est correcte qu'avec le protocole http, actuellement la quasi totalité des sites web ont un certificat SSL, donc cette variable ne renverra pas la bonne URL avec le protocole https

  • Thanks 1

Partager ce message


Lien à poster
Partager sur d’autres sites

Créer un compte ou se connecter pour commenter

Vous devez être membre afin de pouvoir déposer un commentaire

Créer un compte

Créez un compte sur notre communauté. C’est facile !

Créer un nouveau compte

Se connecter

Vous avez déjà un compte ? Connectez-vous ici.

Connectez-vous maintenant

  • Contenu similaire

    • Invité
      Par Invité
      Bouton " J'aime et partager " Facebook
      Voir le fichier IMPORTANT:
      Toute utilisation de cette version sur votre site par vous même le sera à vos risques et péril, en aucun cas l'auteur de celle ci ne sera
      tenu pour responsable en cas de problème dans son utilisation faite par vous même et sous votre entière responsabilité.
       
      Nota :
      Pour les fichiers marqués * et en gras dans la description , ce sont des fichiers open source libre de modification ( avec dans le cas des scripts un lien menant directement vers le site de l'auteur du fichier original afin de respecter les droits de l'auteur original du script au cas ou celui ci le spécifierait d'une manière quelconque de ne pas enlever ses propres références dans le script par l'utilisateur final ).
      ceci afin de respecter le travail de l'auteur original si une telle spécification était expressément demandée par celui ci.
       
      Pour mettre dans votre Zwiicms un bouton " j'aime " et un bouton de partage sur votre page Facebook procédez comme suis
      1° dans votre fichier main.php situé dans le dossier "../core/layout/main.php " de votre site construit avec zwii vous
      allez ajouter ceci entre les balises <body> et </body>
      ( j'ai pour ma part mis ce code en bas de la page juste avant </body>
       
        <!-- bouton partager Facebook -->
      <div id="fb-root"></div>
      <script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.9";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));</script>
       

       
      2° Rendez vous ensuite sur cette page pour personnaliser et paramétrer vos bouton Facebook en cliquant sur le configurateur de bouton
      https://developers.facebook.com/docs/plugins/like-button
       



       
      3° Une fois votre configuration choisie vous cliquez sur le bouton " Obtenir le code " , cela
      ouvrira une popup contenant le code pour afficher votre bouton là où vous le désirez sur votre site web.
      ( ne vous souciez pas du code à l'étape 2 de la popup , c'est le m^me que je vous ai mis au début du tuto )
      Prendre le code qui est sous la flèche rouge

       

       
      4° Ne vous reste plus ensuite qu'à coller ce code dans la page de votre zwii où vous souhaiter le voir afficher
      dans le bas de site

       

       


      dans une page ( utilisez votre éditeur en code source comme ci dessous )

       

       
      Vous pouvez bien entendu personnaliser à votre guise la div qui affiche votre bouton, il suffit de faire marcher votre
      imagination pour ce faire ...
       
      * Sources des fichiers modifiés :
      Aucun fichier modifié sauf ceux du zwii pour permettre l'affichage du bouton fourni gracieusement ( les codes ) depuis leur espace développeurs ici:
      https://developers.facebook.com/docs/plugins/like-button
      Juste une bonne recherche web permet à tout un chacun de faire la m^me chose avec d'autre boutons de réseaux sociaux...
       
       
      * Posez vos questions ou découvrez des astuces pour ce plugin dans  le forum qui lui est consacré pour son support .
      * Soyez aussi sympa si vous l'estimez de laisser un commentaire une fois votre téléchargement effectué et noter ce plug
      Enjoy !!!  
      Contributeur Roger nounours Soumis 24/05/2017 Catégorie Modifications et astuces  
    • Invité
      Par Invité
      IMPORTANT:
      Toute utilisation de cette version sur votre site par vous même le sera à vos risques et péril, en aucun cas l'auteur de celle ci ne sera
      tenu pour responsable en cas de problème dans son utilisation faite par vous même et sous votre entière responsabilité.
       
      Nota :
      Pour les fichiers marqués * et en gras dans la description , ce sont des fichiers open source libre de modification ( avec dans le cas des scripts un lien menant directement vers le site de l'auteur du fichier original afin de respecter les droits de l'auteur original du script au cas ou celui ci le spécifierait d'une manière quelconque de ne pas enlever ses propres références dans le script par l'utilisateur final ).
      ceci afin de respecter le travail de l'auteur original si une telle spécification était expressément demandée par celui ci.
       
      Pour mettre dans votre Zwiicms un bouton " j'aime " et un bouton de partage sur votre page Facebook procédez comme suis
      1° dans votre fichier main.php situé dans le dossier "../core/layout/main.php " de votre site construit avec zwii vous
      allez ajouter ceci entre les balises <body> et </body>
      ( j'ai pour ma part mis ce code en bas de la page juste avant </body>
       
        <!-- bouton partager Facebook -->
      <div id="fb-root"></div>
      <script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.9";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));</script>
       

       
      2° Rendez vous ensuite sur cette page pour personnaliser et paramétrer vos bouton Facebook en cliquant sur le configurateur de bouton
      https://developers.facebook.com/docs/plugins/like-button
       



       
      3° Une fois votre configuration choisie vous cliquez sur le bouton " Obtenir le code " , cela
      ouvrira une popup contenant le code pour afficher votre bouton là où vous le désirez sur votre site web.
      ( ne vous souciez pas du code à l'étape 2 de la popup , c'est le m^me que je vous ai mis au début du tuto )
      Prendre le code qui est sous la flèche rouge

       

       
      4° Ne vous reste plus ensuite qu'à coller ce code dans la page de votre zwii où vous souhaiter le voir afficher
      dans le bas de site

       

       


      dans une page ( utilisez votre éditeur en code source comme ci dessous )

       

       
      Vous pouvez bien entendu personnaliser à votre guise la div qui affiche votre bouton, il suffit de faire marcher votre
      imagination pour ce faire ...
       
      * Sources des fichiers modifiés :
      Aucun fichier modifié sauf ceux du zwii pour permettre l'affichage du bouton fourni gracieusement ( les codes ) depuis leur espace développeurs ici:
      https://developers.facebook.com/docs/plugins/like-button
      Juste une bonne recherche web permet à tout un chacun de faire la m^me chose avec d'autre boutons de réseaux sociaux...
       
       
      * Posez vos questions ou découvrez des astuces pour ce plugin dans  le forum qui lui est consacré pour son support .
      * Soyez aussi sympa si vous l'estimez de laisser un commentaire une fois votre téléchargement effectué et noter ce plug
      Enjoy !!!