很多网站都在网页上放置可以调整字体大小的按钮,这些按钮可以让视力不好的人更轻松的浏览网页。浏览器一般都内置了可以缩放网页的功能,一般都是
专注于为中小企业提供成都做网站、网站制作、成都外贸网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业遵化免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了上千多家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。
Ctrl
加鼠标滚轮或
“+、-”,但这个功能会放大网页的所有元素,而不是只调整文字大小。
实现这个功能一般需要使用
JavaScript,但是在
WordPress
中,我们只需要一个插件就能搞定。
首先安装并启用
Accessibility
Widget
插件,进入后台的小工具页面。把多出来的
Accessibility
Widget
小工具拖动到一个侧边栏上,然后设置一下。
首先设置小工具标题。
下一步选择要修改字号的
Html
标签,默认的设置可以用于绝大多数网站。
第一个选项设置放大或缩小的比例,默认是
“90%,
100%,
110%,
120%”,用英文半角逗号隔开。
最后一个是小工具上按钮的文本,如果都设成一样只需要填写一遍,分别设置用英文半角逗号隔开,默认是
“T”。
设置好后访问网站前台,就能看到修改网页字号的按钮了,点击就能放大或缩小网页字号。
你也可以把小工具的标题删除,用明显的按钮文本来提示用户按钮的作用。
你进入你的模版编辑页面,编辑style.css文件,在代码上半部分找到类似于body, td, th, form, h1, h2, h3, h4, h5 ,h6, ul, li, p, div, a, code, blockquote { font-size:16px;的代码,记住是body后面跟的第一个font-size:16px,其中16px就是指文章字体大小,你想变大就把数字调大些,想变小九把数字调小一些 ,如果你还有什么疑问随时欢迎去我的博客留言
更改步骤:
一、打开Twenty Eleven主题文章页面模板single.php,把下面javascript代码:
script type="text/javascript"
function doZoom(size) {
var zoom = document.all ? document.all['primary'] : document.getElementById('primary');
zoom.style.fontSize = size + 'px';
}
/script
加到第12行:
div id="primary"
注:primary为正文内容所在的id选择器标签名称,可根据不同主题进行修改,前提正文内容所在选择器必须是div id="primary"形式,采用div class="primary"控制将失效。
二、把下面代码:
div class="font"a href="javascript:doZoom(12)"小/a a href="javascript:doZoom(13)"中/a a href="javascript:doZoom(18)"大/a/div
加到:
span class="nav-next"?php next_post_link( '%link', __( 'Next span class="meta-nav"→/span', 'twentyeleven' ) ); ?/span
视不同主题可以放在自己认为合适的位置,其中:数字为不同的字号大小,可自行修改。
三、最后根据不同的主题添加适当的样式控制。