本文主要是介绍帝国CMS二次开发H5手游如何让同一个url 不同的模板,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
帝国CMS在二次开发《72游戏网》的时候,H5手游如何让同一个url 不同的模板
比如:www.72yy.com/you/11935.html 是H5游戏宣传页
由于很多H5游戏和网页游戏都是需要使用iframe来嵌套使用的 利于自己网站SEO收录优化
那么就再复制一套程序 用二级目录或者二级域名 我这里使用的是二级域名games
那么改造好后就是 games.72yy.com/you/11935.html
其实在后台上面 是一个内容 利用了不同模板而已。帝国CMS的模板是不入数据库的,是储存在本地的。这样就可以参考开手机端的方案 新建模板组 使用相同的数据库去实现了。
查看站内效果演示 列表里也实现了 双url 标题是内容 按钮是iframe页
下面是games二级域名的内容模板iframe代码
<!doctype html>
<html lang="zh_CN">
<title> </title>
<meta name="keywords" content=" ">
<meta name="description" content=" ">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2">
</head><style> body, html { margin: 0; padding: 0; height: 100%; overflow: hidden; /* 防止滚动条出现,如果iframe高度足够的话 */
overflow-x: hidden; /* 隐藏水平滚动条(如果需要的话) */ } .fixed-nav { position: fixed; top: 0; left: 0; /* 初始设置为0,之后在媒体查询中调整 */ width: 100%; /* 初始设置为100%,之后在媒体查询中调整 */ height: 53px; background-color: #ddd841; display: flex; align-items: center; justify-content: space-between; padding: 0 10px; box-sizing: border-box; z-index: 1000; /* 确保导航在其他内容之上 */
} /* 媒体查询,针对电脑版(假设屏幕宽度大于或等于768px) */
@media (min-width: 768px) { .fixed-nav { left: 0%;width: 100%; }
} /* 如果需要更精确地针对移动设备(如智能手机),可以使用更小的屏幕宽度值,例如375px或414px */
/* 例如,以下媒体查询将确保在小于768px的屏幕宽度上,导航栏宽度为100% */
@media (max-width: 767px) { .fixed-nav { left: 0; width: 100%; }
}.logo img { /* Logo 的样式,例如宽度、高度等 */ width: 50px; height: 50px; } .title { /* "72游戏" 的样式 */ font-size: 18px; font-weight: bold; margin: 0 10px; } .download-btn { /* "点击下载" 按钮的样式 */ padding: 5px 10px; background-color: #ff8100; color: #fff; border-radius: 4px; text-decoration: none; transition: background-color 0.3s ease; } .download-btn:hover { background-color: #0056b3; } iframe { position: absolute; /* 或者使用 relative/fixed/sticky,取决于你的布局需求 */ top: 0px; /* 确保 iframe 在导航下方开始 */ left: 0; width: 100%; height: calc(100% - 0px); /* 减去导航的高度 */ border: none; z-index: 1; /* 默认情况下不需要设置,但如果iframe内容有z-index,则需要确保这个值低于导航 */ } </style>
</head>
<body> <div class="fixed-nav"> <div class="logo"><img src="/icon.png" alt="img" alt="手游盒子"></div> <div class="title">H5游戏盒子</div> <a href="/" class="download-btn">点击下载</a> </div> <iframe src="外链" frameborder="0"></iframe> </div>
</body>
这篇关于帝国CMS二次开发H5手游如何让同一个url 不同的模板的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!