站长百科 | 数字化技能提升教程 数字化时代生存宝典
首页
数字化百科
电子书
▼
建站程序
开发
服务器
办公软件
开发教程
▼
服务器教程
软件使用教程
运营教程
热门电子书
▼
CSS教程
WordPress教程
导航
程序频道
推广频道
网赚频道
人物频道
网站程序
网页制作
云计算
服务器
CMS
论坛
网店
虚拟主机
cPanel
网址导航
WIKI使用导航
WIKI首页
热点词条
最新资讯
网站程序
站长人物
页面分类
使用帮助
编辑测试
创建条目
网站地图
站长百科导航
站长百科
主机侦探
IDCtalk云说
跨境电商导航
WordPress啦
站长专题
网站推广
网站程序
网站赚钱
虚拟主机
cPanel
网址导航专题
云计算
微博营销
虚拟主机管理系统
开放平台
WIKI程序与应用
美国十大主机
编辑“
WordPress:Styling for Print
”(章节)
人物百科
|
营销百科
|
网赚百科
|
站长工具
|
网站程序
|
域名主机
|
互联网公司
|
分类索引
跳转至:
导航
、
搜索
警告:
您没有登录。如果您做出任意编辑,您的IP地址将会公开可见。如果您
登录
或
创建
一个账户,您的编辑将归属于您的用户名,且将享受其他好处。
反垃圾检查。
不要
加入这个!
=定义打印样式= 在你的样式表或者你的打印样式表中的'''打印样式'''部分,像这个一样,添加你的站点的结构选择器(名)(你的可能有所不同): <pre>/* 打印样式表 */ @media print { body { background:white; color:black; margin:0 } #页眉{ } #内容{ } #评论{ } #工具条 { } #页脚 { } }</pre> 要包含每个部分,只要给选择器的''声明'' 或者属性,添加<tt>display:block</tt>。 <pre>#内容{ display:block }</pre> 去除一个部分,这样这个部分就不会打印出来,将<tt>display:none</tt>添加到选择器的声明上。 <pre>#页脚 { display:none }</pre> 使用<tt>display:none</tt>,你的网页上的任何元素在打印的时候,都可能不会出现。如果你有广告或者其它的一些什么元素,你在打印时,不希望这些出现,在打印部分下他们的选择器上添加<tt>display:none</tt>。 ==打印页眉== 许多WordPress站点的页眉非常地大,有时,占据了网页上部的三分之一,或者更多。这是没必要的,而且打印的时候,会浪费纸张,因此你可以在你的打印样式上改变你的页眉的外观和大小。 现在页眉已经设置到了200像素的高度,显示的文本非常大,(大概是基本的字体大小的百分之250)而且显示了一个明亮的黄色。因为页眉的高度是要适应图形,在默认情况下,你的样式上的任何的背景图像都不会打印出来,在你的非常大的页眉标题周围,你只有空白的空间。你可能要改变外观,使页眉更小,使字体大小和颜色更加地适合于打印。 <pre>#页眉 { display:block; 高度: 100px; 字体大小: 150%; 颜色:黑色; }</pre> 字体的形式仍然保持原样,只是字体的大小和颜色改变了。 ==结构改变== 打印时,你将你的站点上部分结构"取消",这并不意味着''结构''四处移动来适应它。许多主题有一个角落的<tt>content</tt>容器,锚定一个特别的点,像屏面左上方的150像素。即使工具条设置为<tt>display:none</tt>,除非位置和页边空白在内容中改变了,它可能在左边引起一个150像素缺口。你也要更改一下内容部分的位置来使其使用工具条的丢失部分。 因为,大多数用户希望取消工具条,来安置内容,这样它以一个舒适的阅读布局,在页面上伸展,使用这个例子: <pre>#sidebar { display:none } #内容{ margin-left:0; float:none; width:auto }</pre> 这使得工具条消失了,指示浏览器使用任何的默认给打印机的页边空白设置。 ==打印打印大小== 你可以使用'''points'''而不是像素或者''em'',来控制打印的字体的大小,因为这些与打印机读懂的信息相关。 <pre>#页眉 { height:75px; 字体大小: 24pt; 颜色:black } #内容{ margin-left:0; float:none; 宽度:auto; 颜色:black; 字体大小:12pt }</pre> ==打印评论== 一般来说,大多数人想要阅读评论,但是他们当然不喜欢看网页打印出来后的评论形式。评论形式是在屏面上使用的,打印出来时,可以占据一张纸的大部分。 查看你的WordPress主题文件夹,找到<tt>comments.php</tt> 或者<tt>comments-popup.php</tt>模板文件,并且打开任何一个你使用的文件。彻底地审查模板,看看评论形式的开始,并且找到ID选择器或者名称。它可能看起来像这样的: <pre><form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="commentform"></pre> 形式的CSS ID是<tt>commentform</tt>。打印时,不显示评论形式,将这个添加到你的样式表中的打印样式部分。 <pre>#评论样式 { display:none }</pre> ==网页分割== 虽然这些并不是对于每一个浏览器或者打印机都管用,你可以指示它们,不要将你的照片或者图表"分成"两个部分,或者分开blockquotes,不要将网页在标题后分开,将网页在标题前分开。这不是一个完美的科学,但是如果你真的在意你的网页的外观,你可能要使用这些。 <pre>h1, h2, h3, h4, h5, h6 { page-break-after:avoid; page-break-inside:avoid } img { page-break-inside:avoid; page-break-after:avoid; } blockquote, table, pre { page-break-inside:avoid } ul, ol, dl { page-break-before:avoid } </pre>
摘要:
请注意,您对站长百科的所有贡献都可能被其他贡献者编辑,修改或删除。如果您不希望您的文字被任意修改和再散布,请不要提交。
您同时也要向我们保证您所提交的内容是您自己所作,或得自一个不受版权保护或相似自由的来源(参阅
Wordpress-mediawiki:版权
的细节)。
未经许可,请勿提交受版权保护的作品!
取消
编辑帮助
(在新窗口中打开)