久久机这里只有精品,国产69精品一区二区亚洲孕妇,91精品国产综合久久婷婷香蕉,午夜久久久久久电影

最新活動:電腦PC端+手機端+微網站+自適應網頁多模板選擇-建站388元起價!!!
當前位置:主頁 > 網站建設 > WordPress添加字體切換大小按鈕,建站技術

WordPress添加字體切換大小按鈕,建站技術

時間:2023-07-23 13:07:23 閱讀: 文章分類: 網站建設 作者: IT網站員

導讀:建站技術建站技術眾口難調,網頁上正文的字體大小一般在12px~16px之間,然而許多的老年朋友卻因為看不到字而苦惱。雖然有網頁縮放這一功能,但一是不能用正常的方式閱讀網頁、二是網站怎么搭建網站的搭建。

網站怎么搭建網站的搭建

眾口難調,網頁上正文的字體大小一般在12px~16px之間,然而許多的老年朋友卻因為看不到字而苦惱。雖然有網頁縮放這一功能,但一是不能用正常的方式閱讀網頁、二是會讓圖片因為放大而變得異常模糊。所以最好的方法就是:游客可以直接按下網站上的“放大”“減小”按鈕調整網頁上的字體大小,現在我們可以將此小功能集成到WordPress中。

WordPress添加字體切換大小按鈕

實現代碼示例

將此JS代碼添加到single.php中:

  • <script?type="text/javascript">
  • function?doZoom(size)?{
  • var?zoom?=?document.all???document.all['entry']?:?document.getElementById('entry');
  • zoom.style.fontSize?=?size?+?'px';
  • }
  • </script>
  • 需要注意的是,上面的entry指的是正文內容的div id,必須根據主題的實際情況進行修改。

    前臺代碼示例

    添加至合適的位置即可。

    HTML:

  • <div?id="fschange">
  • <span?id="font_title">字號:</span>
  • <span?id=織夢模板"fs_dec"><a?href="javascript:doZoom(12)"?title="縮小">-</a></span>
  • <span?id="fs_n"><a?href="javascript:doZoom(14)"?title="恢復">o</a></span>
  • <span?id="fs_inc"><a?href="javascript:doZoom(16)"?title="增大">+</a></span>
  • </div>
  • CSS:

  • /*?fschange?*/
  • #fschange?{float:rightright;?margin:0;?padding:0;}
  • #fschange?#font_title{margin-top:2px;}
  • #fschange?span?{display:inline;?float:left;?margin-left:4px;}
  • #fschange?s手機模板dedepan?a?{border-bottom:#c8c8c8?1px?solid;?text-align:center;?border-left:#c8c8c8?1px?solid;?width:16px;?display:block;?height:18px;?border-top:#c8c8c8?2px?solid;?border-right:#c8c8c8?1px?solid;}
  • #fschange?span?a:hover?{background:#ebebeb;?text-decoration:none;}
  • 相關網站怎么搭建網站的搭建。

    關鍵詞標簽: 建站 字體 按鈕

    聲明: 本文由我的SEOUC技術文章主頁發布于:2023-07-23 ,文章WordPress添加字體切換大小按鈕,建站技術主要講述按鈕,字體,建站網站建設源碼以及服務器配置搭建相關技術文章。轉載請保留鏈接: http://www.bifwcx.com/article/web_35724.html

    我的IDC 網站建設技術SEOUC.COM
    專注網站建設,SEO優化,小程序設計制作搭建開發定制網站等,數千家網站定制開發案例,網站推廣技術服務。
  • 5000+合作客服
  • 8年從業經驗
  • 150+覆蓋行業
  • 最新熱門源碼技術文章

    主站蜘蛛池模板: 镇坪县| 丹巴县| 德州市| 西城区| 那坡县| 北碚区| 石棉县| 错那县| 龙川县| 江津市| 满洲里市| 德令哈市| 济宁市| 安阳县| 鄂托克前旗| 安陆市| 拉孜县| 兴安盟| 长沙市| 剑河县| 岢岚县| 玉环县| 沾化县| 蓬溪县| 祁连县| 阳泉市| 博客| 朔州市| 太谷县| 彰化县| 中西区| 融水| 榕江县| 吉安市| 梅河口市| 彰化县| 米易县| 呼伦贝尔市| 砚山县| 汉川市| 扶风县|