Fonction d'auto-génération d'affiches WordPress : un clic suffit pour générer une image de partage avec un code QR

Afin d'aider de nombreux sites web personnels de type blog ou sites web officiels à partager leur contenu plus facilement, une fonction simple et efficace de génération d'affiches en un seul clic a été conçue. Grâce à cette fonction, vous pouvez facilement générer des affiches de partage d'images avec des codes QR, ce qui facilite la diffusion et la promotion de votre contenu. En un seul clic, vous pouvez générer de superbes affiches pour rendre le contenu de votre blog ou de votre site web officiel plus attrayant et inciter davantage de lecteurs à y prêter attention et à le partager. Exemple :

Que devons-nous donc faire pour que cela fonctionne ?

Préparation : Décompressez le fichier zip suivant et copiez tous les fichiers obtenus dans le dossier du thème

Étape 1 : Modifiez le fichier functions.php du thème et ajoutez le code suivant à la fin du fichier

require_once get_template_directory() . '/poster/index.php' ;

Étape 2 : Modifiez le fichier du thème single-product.php

Trouvez le code suivant (près de la ligne 42)

<a class="xs-btn c-btn" data-fancybox="video-gallery" data-width="800" data-height="480" href="/fr/</?php the_field('product-jiaocheng')?>"><i class="iconfont icon-shipin mr-10"></i>Partager l'affiche</a>

remplacer par

<a class="xs-btn c-btn poster-trigger" data-width="800" data-height="480" href="javascript:;" data-toggle="modal" data-target="#dz-poster-modal" data-id="<?php global $post; echo $post->ID;?>"><i class="iconfont icon-shipin mr-10"></i>Partager l'affiche</a>

Étape 3 : Modifier le fichier footer.php du thème

Trouvez le code suivant (près de la ligne 34)

<div class="apply clearfix bg-white position-fixed rounded-lg overflow-hidden d-block d-xl-none">

Ajoutez-y le code suivant

<div class="modal fade" id="dz-poster-modal" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
        <div class="modal-content">
            <button style="position:absolute;right:0;top:0;padding: 15px;line-height: 16px;z-index:1" type="button" class="close" data-dismiss="modal" aria-label="Fermer"><span aria-hidden="true">×</span></button>
            <div class="modal-body p-0" style="min-height:106px">
                <div class="d-flex justify-content-center p-5">
                    <span class="spinner-border" style="color:rgba(0,0,0,0.2)" role="status" aria-hidden="true"></span>
                </div>
                <div class="dz-pst-img"></div>
            </div>
        </div>
    </div>
</div>

Étape 4 : Modifier le fichier du thème js/xs.js

Ajoutez le code suivant à la fin de celui-ci

(function($) {
  var inited = 0
  $('.poster-trigger').on('click', function() {
    var $_this = $(this)
    if($_this.hasClass('disabled'))) {
      if($_this.hasClass('disabled')) {
    }
    $_this.addClass('disabled')
    if(inited) {
      poster_toggle_poster_md(1)
      $_this.removeClass('disabled')
      retour
    }

    var id = $_this.attr('data-id')
    if(!id) {
      $_this.removeClass('disabled')
      retour
    }

    $.ajax({
      url : tbdz.ajax_url, type : 'GET', {
      
      dataType : 'json', { data : { tbdz.ajax_url, type : 'GET', }
      data : {
        action : 'get_poster',
        id : id
      }, success : function(data) { action : 'get_poster', id : id
      success : function(data) {
        $('#dz-poster-modal .justify-content-center').remove()
        $_this.removeClass('disabled')
        if(!data.result) {
          $('#dz-poster-modal .dz-pst-img').append('<p class="dz-tip">La génération de l'affiche a échoué, veuillez réessayer</p>')
        } else if(data.poster) {
          inited = 1
          $('#dz-poster-modal .dz-pst-img').append('<img class="img-fluid" src="'+data.poster+'">')
        }
      }
    })
  })
})(jQuery) ;

Attention :La police actuellement utilisée pour l'affiche est Founder Black Simplified, une police gratuite et disponible dans le commerce. Si vous souhaitez changer de police, il vous suffit de remplacer le fichier ttf.ttf existant. En outre, le logo et les images de l'affiche ne sont actuellement supportés qu'aux formats jpg, jpeg et png. Si vous constatez que les images de l'affiche ne peuvent pas être générées, veuillez vérifier que les images sont dans le bon format afin de vous assurer qu'elles répondent à nos exigences. De cette manière, vous pourrez facilement créer une affiche qui correspond à votre style.

Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !	Service clientèle WeChat
① Tel : 020-2206-9892
② QQ咨询：1025174874
(iii) Courriel : info@361sale.com
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.