分享各种网络资源
是我乃至整个互联网的精髓所在
 您目前所在位置: 站点首页 » WordPress » WordPress 代码 » 给你的WordPress站点添加一个打印按钮
  • 给你的WordPress站点添加一个打印按钮

    给你的WordPress站点添加一个打印按钮-BanYuner

    这个功能很久之前就已经在知更鸟博客上面看到了,但是一直没有想过是什么原理,但是今天无意间发现了一个方法,目前觉得还是可以使用一下的,有兴趣的用户可以尝试一下。

    首选打印的时候,我们都知道会将页面所有的元素全部打印出来,如果说你想要打印页面好看一点的话,那么必然需要设计一个CSS来适合纸张大小,这样的话,看起来可能就会更加美观了。

    我们需要做的就是专门写一个打印时需要加载的CSS文件,当点击的时候加载这个CSS即可,或者提前加载这个CSS也是可以的。

    CSS相关 代码 这个我就提供了,毕竟每个人审美不一样,不同主题可能需要打印出来的内容也是不一样的,那么我这里需要做的就是提供给你给你代码了:

    <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/print.css" media="print" />
    

    这个代码可以选择放在头部文件中,如果可以的话你可以选择直接写入主JS文件就可以了。

    之后将下面的代码添加到你需要添加到的地方去就可以了:

    <a href="javascript:window.print()">Print this Article</a>
    

    那么整个添加了之后,效果可以参考本站文章标题上方的相关显示。

    关注我们 错误反馈 打赏 分享此文
    • 微信扫码,关注我们

    • 扫码,支持我

      给你的WordPress站点添加一个打印按钮

      支付宝

    • 扫码,支持我

      给你的WordPress站点添加一个打印按钮

      微信

    • 扫码,手机看

      给你的WordPress站点添加一个打印按钮
    给你的WordPress站点添加一个打印按钮
    2 + 5 =
    最新评论 7条评论 | 3人参与
    1. 2楼
      闲鱼
      最后评论时间:2018/04/22 15:54
      来自天朝的朋友 QQ浏览器 Windows 7 湖南省长沙市 电信
      闲鱼 评论于1年前 (2016-11-24)感谢回复者回复
      之前也是给自己的博客加了这个,后来别人告诉我没必要,浏览器右键直接打印就好了 :eek:
    2. 1楼
      龙笑天
      最后评论时间:2018/03/16 09:31
      来自天朝的朋友 火狐浏览器 Windows 7 广东省深圳市 电信
      龙笑天 评论于1年前 (2016-11-23)感谢回复者回复
      这个效果很棒,具体是怎么弄的哦,怎么感觉只说了一点点....