您现在的位置是：首页 > cms教程 > WordPress教程WordPress教程

wordpress添加开发的html页面的方法

寻真2025-03-02WordPress教程已有31人查阅

导读一、如何把自己单独做的HTML页面放到基于WordPress的网站上?方法一：1、将xx.html修改为page-xx.php上传到你当前使用的主题目录中；2、在WordPress后台创建别名为xx的页面后

一、如何把自己单独做的HTML页面放到基于WordPress的网站上?
方法一：
1、将xx.html修改为page-xx.php上传到你当前使用的主题目录中；
2、在WordPress后台创建别名为xx的页面后发布，大功告成。
注意：创建的页面别名一定要与page-后面一样。或者在步骤1中将xx改为你的页面ID。
二、添加”钢材理论重量计算“页面代码： 
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
</head>
<body>
<!-- 钢材比重按7.85计算-->
<div class="text clearfix" style="text-align:center;">
<span style="font-size:25px;color:black;" >钢材理论重量计算</span><br><br></div><HR>
1、【方钢】输入边宽:<input type="text" id="a1" autocomplete="off" style="width:50px"/>毫米；
<input type="button" id="submit1" value="计算" style="margin: 0 auto;";/>
<input type="text" id="count1" autocomplete="off" style="width:50px"/>KG/M<br><br><HR>
2、【圆角方钢】输入边宽:<input type="text" id="a2" autocomplete="off" style="width:50px"/>毫米；
输入圆角半径:<input type="text" id="r2" autocomplete="off" style="width:50px"/>毫米；
<input type="button" id="submit2" value="计算" />
<input type="text" id="count2" autocomplete="off" style="width:50px"/>KG/M<br><br><HR>
3、【钢板、扁钢、钢带】输入宽度:<input type="text" id="a3" autocomplete="off" style="width:50px"/>毫米；
输入厚度<input type="text" id="h3" autocomplete="off" style="width:50px"/>毫米；
<input type="button" id="submit3" value="计算" />
<input type="text" id="count3" autocomplete="off" style="width:50px"/>KG/M<br><br><HR>
4、【圆角扁钢】输入宽度:<input type="text" id="a4" autocomplete="off" style="width:50px"/>毫米；
输入圆角半径:<input type="text" id="r4" autocomplete="off" style="width:50px"/>毫米；
输入厚度<input type="text" id="h4" autocomplete="off" style="width:50px"/>毫米；
<input type="button" id="submit4" value="计算" />
<input type="text" id="count4" autocomplete="off" style="width:50px"/>KG/M<br><br><HR>
5、【钢管】输入外径:<input type="text" id="a5" autocomplete="off" style="width:50px"/>毫米；
输入壁厚:<input type="text" id="b5" autocomplete="off" style="width:50px"/>毫米；
<input type="button" id="submit5" value="计算" />
<input type="text" id="count5" autocomplete="off" style="width:50px"/>KG/M<br><br><HR>
6、【等边角钢】输入边厚:<input type="text" id="a6" autocomplete="off" style="width:50px"/>毫米；
输入边宽:<input type="text" id="b6" autocomplete="off" style="width:50px"/>毫米；
输入内面圆角半径:<input type="text" id="r6" autocomplete="off" style="width:50px"/>毫米；
输入端边圆角半径:<input type="text" id="R6" autocomplete="off" style="width:50px"/>毫米；
<input type="button" id="submit6" value="计算" />
<input type="text" id="count6" autocomplete="off" style="width:50px"/>KG/M<br><br><HR>
7、【不等边角钢】 输入边厚:<input type="text" id="a7" autocomplete="off" style="width:50px"/>毫米；
输入长边宽:<input type="text" id="b7" autocomplete="off" style="width:50px"/>毫米；
输入短边宽:<input type="text" id="c7" autocomplete="off" style="width:50px"/>毫米；<br><br>
输入内面圆角半径:<input type="text" id="r7" autocomplete="off" style="width:50px"/>毫米；
输入端边圆角半径:<input type="text" id="R7" autocomplete="off" style="width:50px"/>毫米；
<input type="button" id="submit7" value="计算" />
<input type="text" id="count7" autocomplete="off" style="width:50px"/>KG/M<br><br><HR>
8、【工字钢】 输入高度:<input type="text" id="h8" autocomplete="off" style="width:50px"/>毫米；
输入腿宽:<input type="text" id="b8" autocomplete="off" style="width:50px"/>毫米；
输入腰厚:<input type="text" id="d8" autocomplete="off" style="width:50px"/>毫米；
输入平均腿厚:<input type="text" id="t8" autocomplete="off" style="width:50px"/>毫米；<br><br>
输入内面圆角半径:<input type="text" id="r8" autocomplete="off" style="width:50px"/>毫米；
输入端边圆角半径:<input type="text" id="R8" autocomplete="off" style="width:50px"/>毫米；
<input type="button" id="submit8" value="计算" />
<input type="text" id="count8" autocomplete="off" style="width:50px"/>KG/M<br><br><HR>
9、【槽钢】输入高度:<input type="text" id="h9" autocomplete="off" style="width:50px"/>毫米；
输入腿宽:<input type="text" id="b9" autocomplete="off" style="width:50px"/>毫米；
输入腰厚:<input type="text" id="d9" autocomplete="off" style="width:50px"/>毫米；
输入平均腿厚:<input type="text" id="t9" autocomplete="off" style="width:50px"/>毫米；<br><br>
输入内面圆角半径:<input type="text" id="r9" autocomplete="off" style="width:50px"/>毫米；
输入端边圆角半径:<input type="text" id="R9" autocomplete="off" style="width:50px"/>毫米；
<input type="button" id="submit9" value="计算" />
<input type="text" id="count9" autocomplete="off" style="width:50px"/>KG/M<br><br><HR>
<div class="text clearfix" style="text-align:center;">
<span style="font-size:20px;color:black;" >钢材比重默认按7.85计算。本页设计与制作：<a href="http:// .architect.wang">architect.wang</a></span><br><br></div>
</body>
<script>
function js(id){ return document.getElementById(id) }
js("submit1").onclick = function(){
var a = js("a1").value;
js("count1").value = (a*a)*(7.85*0.001);
}
js("submit2").onclick = function(){
var a = js("a2").value;
var r = js("r2").value;
js("count2").value = (a*a-0.8584*r*r)*(7.85*0.001);
}
js("submit3").onclick = function(){
var a = js("a3").value;
var h = js("h3").value;
js("count3").value = (a*h)*(7.85*0.001);
}
js("submit4").onclick = function(){
var a = js("a4").value;
var h = js("h4").value;
var r = js("r4").value;
js("count4").value = (a*h-0.8485*r*r)*(7.85*0.001);
}
js("submit5").onclick = function(){
var a = js("a5").value;
var b = js("b5").value;
js("count5").value = (3.1416*b*(a-b))*(7.85*0.001);
}
js("submit6").onclick = function(){
var a = js("a6").value;
var b = js("b6").value;
var r = js("r6").value;
var R = js("R6").value;
js("count6").value = (a*(2*b-a)+0.2146*(r*r-R*R*2))*(7.85*0.001);
}
js("submit7").onclick = function(){
var a = js("a7").value;
var b = js("b7").value;
var c = js("c7").value;
var r = js("r7").value;
var R = js("R7").value;
js("count7").value = (a*(1*b+1*c-a)+0.2146*(r*r-R*R*2))*(7.85*0.001);
}
js("submit8").onclick = function(){
var h = js("h8").value;
var b = js("b8").value;
var d = js("d8").value;
var t = js("t8").value;
var r = js("r8").value;
var R = js("R8").value;
js("count8").value = (h*d*1+2*t*(b-d)+0.8584*(r*r-R*R))*(7.85*0.001);
}
js("submit9").onclick = function(){
var h = js("h9").value;
var b = js("b9").value;
var d = js("d9").value;
var t = js("t9").value;
var r = js("r9").value;
var R = js("R9").value;
js("count9").value = (h*d*1+2*t*(b-d)+0.4292*(r*r-R*R))*(7.85*0.001);
}
</script>
</html>
全选代码
复制
笔记：
1.<HR>是分格线
2、若有 
js("count2").value = (a+b-c);
全选代码
复制
此时需要写成： 
js("count2").value = (a*1+b*1-c)
全选代码
复制

本文标签：

很赞哦！ (1)

上一篇：WordPress使用七牛云存储的方法

下一篇：本地搭建Wordpress环境的步骤方法

暂无内容
暂无内容

相关教程

相关源码

  • (PC+WAP)铝合金门窗定制pbootcms网站模板源码为铝合金门窗、定制门窗企业打造的高性能网站模板，基于PbootCMS开源内核开发，采用HTML5自适应架构，PC与手机端数据实时同步，覆盖全终端用户交互场景。查看源码
  • 自适应营销型IT网络工作室互联网建站公司pbootcms网站模板为IT网络服务商、建站企业打造的高性能营销门户，基于PbootCMS开源内核深度开发采用HTML5自适应架构，实现PC与手机端数据实时同步交互。查看源码
  • pbootcms网站模板响应式全屏旅游景区网站源码本模板为风景民宿、旅游景区等企业设计，基于PbootCMS内核开发，具备响应式布局与专业SEO优化功能，助力企业低成本高效获客。以下是核心特点：查看源码
  • 响应式HTML5家居建材办公家具桌椅pbootcms模板为家居建材、办公家具企业打造的响应式网站模板，同时支持多行业快速适配通过替换文字图片即可转型为其他行业官网，大幅降低开发成本。查看源码
  • (自适应)品牌创意设计作品工作室pbootcms模板下载该模板适用于品牌策划、艺术设计、广告创意公司官网，亦可通过替换图文快速适配其他行；高端创意设计公司工作室网站源码极简代码架构、艺术化视觉布局、企业级功能扩展性。查看源码
  • pbootcms(自适应)SEO优化排名服务公司网站模板核心定位为SEO排名服务商打造的营销型网站框架，集成PbootCMS开源系统的高效管理能力与SEO最佳实践方案，助力企业快速建立专业的技术服务形象。查看源码
暂无内容
暂无内容

图文教程

分享笔记 （共有 0 篇笔记）
昵称：
匿名发表 登录账号
         
验证码：

大家在看

wordpress网站访问速度慢的优化方法
    暂无内容

本栏推荐

wordpress修改账号密码的方法
    暂无内容

相关标签

大家喜欢

    暂无内容