分享各种网络资源
是我乃至整个互联网的精髓所在
 您目前所在位置: 站点首页 » 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修改默认的头像图标

    WordPress修改默认的头像图标

    随着越来越多人使用WordPress,但是很多用户不会修改自己站点的默认WordPress图标,就会跟我的站点一样,看上去非常不美观, ...

    点击查看
  • WordPress简易集成Markdown教程

    WordPress简易集成Markdown教程

    今天首先在群里面看到一个用户询问是否有方法将Markdown集成到主题里面去,后来我一想,这个所谓的Markdown确实是很多人提到 ...

    点击查看
  • WordPress制作简易年度总结页面

    WordPress制作简易年度总结页面

    今天早些时候已经制作一个类似112博客导航的页面,具体可以详见:

    点击查看
  • WordPress通过短代码显示指定文章内容

    WordPress通过短代码显示指定文章内容

    今天在一个WordPress交流群里面看到一个群友问一个问题,我个人方面也是很感兴趣,这个问题就是如何通过“新建文章栏输入链接 ...

    点击查看
  • 禁用WordPress 4.7版本的PDF预览功能

    禁用WordPress 4.7版本的PDF预览功能

    之前的文章我们也介绍了,关于WordPress 4.7版本中,新增了一个预览PDF的功能,详见:

    点击查看
  • WordPress获取文章的第一张图片并且显示

    WordPress获取文章的第一张图片并且显示

    关于这类的文章我们已经介绍过两种方法了,两种方法都不一样,但是适合自己的才是最好的,虽然今天我要介绍的方法可能不适合 ...

    点击查看
  • 帅气小琦琦
  • 闲鱼
  • 龙笑天
给你的WordPress站点添加一个打印按钮
4 + 9 =
  • 昵称 (必填)  
  • 邮箱 (必填)
  • 网址 (选填)
  1. 2楼
    闲鱼
    之前也是给自己的博客加了这个,后来别人告诉我没必要,浏览器右键直接打印就好了 :eek:
    闲鱼 来自天朝的朋友 QQ浏览器 Windows 7 湖南省长沙市 电信 2个月前 (11-24)回复
  2. 1楼
    龙笑天
    这个效果很棒,具体是怎么弄的哦,怎么感觉只说了一点点....
    龙笑天 来自天朝的朋友 火狐浏览器 Windows 7 广东省深圳市 电信 2个月前 (11-23)回复