十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
你进入你的模版编辑页面,编辑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
视不同主题可以放在自己认为合适的位置,其中:数字为不同的字号大小,可自行修改。
三、最后根据不同的主题添加适当的样式控制。
很多网站都在网页上放置可以调整字体大小的按钮,这些按钮可以让视力不好的人更轻松的浏览网页。浏览器一般都内置了可以缩放网页的功能,一般都是
Ctrl
加鼠标滚轮或
“+、-”,但这个功能会放大网页的所有元素,而不是只调整文字大小。
实现这个功能一般需要使用
JavaScript,但是在
WordPress
中,我们只需要一个插件就能搞定。
首先安装并启用
Accessibility
Widget
插件,进入后台的小工具页面。把多出来的
Accessibility
Widget
小工具拖动到一个侧边栏上,然后设置一下。
首先设置小工具标题。
下一步选择要修改字号的
Html
标签,默认的设置可以用于绝大多数网站。
第一个选项设置放大或缩小的比例,默认是
“90%,
100%,
110%,
120%”,用英文半角逗号隔开。
最后一个是小工具上按钮的文本,如果都设成一样只需要填写一遍,分别设置用英文半角逗号隔开,默认是
“T”。
设置好后访问网站前台,就能看到修改网页字号的按钮了,点击就能放大或缩小网页字号。
你也可以把小工具的标题删除,用明显的按钮文本来提示用户按钮的作用。
WP的编辑器里头默认是没有字体选项的,必须添加代码才能把隐藏的现实出来。
至于字号的话,这跟你使用的主题有关,主题中的样式表已经设定了字体的大小,在编辑状态时是看不到的,因为,编辑器调用的样式表跟主题调用的不一样,你必须发布页面,或者预览页面时才可以看到效果,在编辑页面时,你只能通过编辑器工具条“格式”按钮选择,是段落,还是一级标题,或者二级标题。
下面的这段代码,能把WP编辑器隐藏掉的几个按钮现实出来,你只要把这代码添加到function.php中的?php ?中间就可以了。注意标点符号
function enable_more_buttons($buttons) {
$buttons[] = 'fontselect';
$buttons[] = 'sup';
$buttons[] = 'sub';
$buttons[] = 'styleselect';
$buttons[] = 'anchor';
return $buttons;
}
add_filter("mce_buttons_2", "enable_more_buttons");