Tag: 自定义海报设计

为了帮助众多博客类型的个人网站或官网更便捷地分享内容，设计了一种简单而高效的一键生成海报功能。通过这个功能，你可以轻松生成带有二维码的图片分享海报，让你的内容更易于传播和推广。一键操作，即可生成精美海报，让你的博客或官网内容更具吸引力，吸引更多读者关注和分享。例如：

那我们要怎么做才能实现这个功能呢？

前期准备：解压以下zip文件，将获得的全部文件复制到主题文件夹中

第一步：修改主题文件 functions.php 在其最后加入以下代码

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

第二步：修改主题文件 single-product.php

找到以下代码（42行附近）

分享海报

替换成

分享海报

第三步：修改主题文件 footer.php

找到以下代码（34行附近）

在其上面加入以下代码

    

        

            ×
            

                

                    
                
                

            
        
    

第四步：修改主题文件 js/xs.js

在其最后加入以下代码

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

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

    $.ajax({
      url: tbdz.ajax_url,
      type: 'GET',
      dataType: 'json',
      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('
海报生成失败，请重试
')
        } else if(data.poster) {
          inited = 1
          $('#dz-poster-modal .dz-pst-img').append('')
        }
      }
    })
  })
})(jQuery);

注意：目前海报使用的字体是方正黑体简体，这是一种免费且可商用的字体。如果你想要更换字体，只需要替换掉现有的ttf.ttf文件即可。此外，海报中的logo和特色图片目前只支持jpg、jpeg和png这三种格式。如果你发现海报中的图片无法生成，请检查一下图片格式是否正确，确保它们符合我们的要求。这样，你就能轻松打造出符合自己风格的海报了。