admin Wordpress教程丨字体大小如何切换
Wordpress网站开发者如果想为主题站字体设置的更加人性化，那么我们就可以让给字体大小设置不同的选择，让用户在文章阅读字体大小上能有更好的体验， 所以我们会以默认主题Twenty Eleven为例，将该设置运用到Wordpress主题站中：
一、打开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>
视不同主题可以放在自己认为合适的位置。其中：数字为不同的字号大小，可自行修改。
0条评论