站长百科 | 数字化技能提升教程 数字化时代生存宝典
首页
数字化百科
电子书
▼
建站程序
开发
服务器
办公软件
开发教程
▼
服务器教程
软件使用教程
运营教程
热门电子书
▼
CSS教程
WordPress教程
导航
程序频道
推广频道
网赚频道
人物频道
网站程序
网页制作
云计算
服务器
CMS
论坛
网店
虚拟主机
cPanel
网址导航
WIKI使用导航
WIKI首页
热点词条
最新资讯
网站程序
站长人物
页面分类
使用帮助
编辑测试
创建条目
网站地图
站长百科导航
站长百科
主机侦探
IDCtalk云说
跨境电商导航
WordPress啦
站长专题
网站推广
网站程序
网站赚钱
虚拟主机
cPanel
网址导航专题
云计算
微博营销
虚拟主机管理系统
开放平台
WIKI程序与应用
美国十大主机
编辑“
WordPress定制打印样式
”(章节)
人物百科
|
营销百科
|
网赚百科
|
站长工具
|
网站程序
|
域名主机
|
互联网公司
|
分类索引
跳转至:
导航
、
搜索
警告:
您没有登录。如果您做出任意编辑,您的IP地址将会公开可见。如果您
登录
或
创建
一个账户,您的编辑将归属于您的用户名,且将享受其他好处。
反垃圾检查。
不要
加入这个!
==漂亮的打印样式== 要使打印样式变得美观,我们首先要注意网站结构以及包含文字的各个版块的结构。幸好WordPress主题的模块化文件系统能够帮助我们了解这些网站结构,模块化文件系统明确指定了主要结构版块。 大多数WordPress博客的主要结构都是相似的(但在不同用户的主题中,各个版块名称可能不尽相同): #header #content #comments #sidebar (or #menu) #footer 我们可以在WordPress主题文件夹的style.css样式表单中找到以上版块的样式文件。 怎样修改这些版块以实现更好的打印效果,这完全取决于我们的想法。我们可以只打印出侧边栏而不打印页脚,也可以只显示页脚而舍弃侧边栏,还可以更改字体和字号,甚至可以把图片显示在打印页面上。下面介绍一些简单的示例,掌握基本技巧后大家可以随心所欲地发挥自己的创意。 ===设计打印样式=== 有两种方法可以设置打印样式。如果希望打印方便,只对博客做简单修改,可以使用第一种方法,将代码直接添加到样式表单。如果希望掌握博客的最终打印结果,最好是将各个版块留在各自的print.css样式文件中。 注意:一些WordPress主题作者可能已经考虑到打印问题并在主题文件中包括了主题的打印样式。设计打印样式前,请参考主题文件夹中的print.css样式表单文件以及style.css文件。 ===在样式表单中设置打印样式=== 我们可以在样式表单中设置打印样式,指导浏览器在样式表单中查找打印样式,并且所有打印样式都必须出现在各自的位置上。 要指导浏览器在样式表单中查找打印样式,我们需要在header.php模板文件的head部分改变样式表单链接,将文件中的以下代码: <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" /> 更改为以下代码: <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen, print" /> 之后,在样式表单中(通常是表单最下方),将以下代码添加到打印样式中: /* Print Styles */ @media print { body { background:white; color:black; margin:0 } } ===新建打印样式表单=== 新建一个独立的打印样式表单,步骤如下: # 新建一个文本文件,命名为print.css #将print.css文件保存到WordPress主题目录下 #在文件中输入(或复制)以下代码以启动打印样式,保存文件: /* Print Style Sheet */ @media print { body { background:white; color:black; margin:0 } } 在模板文件header.php的head部分生成一个链接,如下所示: <link rel="stylesheet" type="text/css" media="print" href="<?php bloginfo('stylesheet_directory'); ?>/print.css" /> ===定义打印样式=== 在样式表单或是打印样式表单的Print Styles版块,按以下格式加入网站结构的选择符(版块名称)(不同用户的版块名称可能有所不同): /* Print Style Sheet */ @media print { body { background:white; color:black; margin:0 } #header { } #content { } #comments { } #sidebar { } #footer { } } 如果要显示某个版块,只要在选择符的声明或属性中加入display:block: #content { display:block } 如果不希望显示某个版块,在选择符的声明中加入display:none: #footer { display:none } 使用display:none属性的元素不会出现在打印页面上。如果网页上有广告等不希望出现在打印页面上的元素, 可以为这些元素加上display:none属性。 <?php get_header(); ?> <?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> <a href="<?php the_permalink() ?>"><?php the_title(); ?></a> <?php the_content('(continue reading...)'); ?> <?php endwhile; ?> <?php else : ?> <a href="<?php the_permalink() ?>">Not Found</a> Sorry, but you are looking for something that isn't here. You can search again by using <a href="#searchform">this form</a>... (对不起,这里没有您要找的信息。您可以用 <a href="#searchform">this form</a>再次搜索...) <?php endif; ?> <?php get_sidebar(); ?> <?php get_footer(); ?>
摘要:
请注意,您对站长百科的所有贡献都可能被其他贡献者编辑,修改或删除。如果您不希望您的文字被任意修改和再散布,请不要提交。
您同时也要向我们保证您所提交的内容是您自己所作,或得自一个不受版权保护或相似自由的来源(参阅
Wordpress-mediawiki:版权
的细节)。
未经许可,请勿提交受版权保护的作品!
取消
编辑帮助
(在新窗口中打开)