CMS教程 · 2024年11月25日

phpcms怎么替换首页

phpcms怎么替换首页插图

替换首页的方法:

首先做一个静态的企业站主页:

nbsp;html>

    
        <meta>
        <title></title>
    
    <style>
        ul li{
            list-style: none;
            display: block;
            position: relative;
            float: left;
            width: 100px;
             
             
        }
        ul{
            height: 50px;
        }
        .base{
            color: #000000;
        }
        .col{
            color: #0000FF;
        }
         
        ul li a{
            text-decoration: none;
             
        }
        #header{
            width: 1200px;
            height: 50px;
            border: solid 2px #000000;
        }
         
        #footer{
            width: 1200px;
            height: 50px;
            border: solid 2px #000000;
        }
        .list{
            position: relative;
            width: 500px;
            height: 250px;
            margin-left: 50px;
            border: solid 2px #000000;
            margin-top: 10px;
            float: left;
        }
        #content{
            width: 1200px;
            height: 550px;
        }
    </style>
    
         <div>
        <ul>
            <li><a>首页</a></li>
            <li><a>新闻</a></li>
            <li><a>公告</a></li>
            <li><a>关于我们</a></li>
            <li><a>加入我们</a></li>
        </ul>
         
    </div>
     
    <div>
        <div>新闻<span><a>更多</a></span> <p>腐败发布啊</p>
</div>
        <div>公告<span><a>更多</a></span><p>大牛坊三年级</p>
<p><span>立即学习</span>“<a href="https://pan.quark.cn/s/7fc7563c4182" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">PHP免费学习笔记(深入)</a>”;</p>
</div>
        <div>关于<span><a>更多</a></span><p>打你叫你</p>
</div>
        <div>招聘<span><a>更多</a></span><p>的毛囊烦恼</p>
</div>
    </div>
     
    <div>
        <ul>
            <li><a>友情链接</a></li>
            <li><a>链接1</a></li>
            <li><a>链接2</a></li>
            <li><a>链接3</a></li>
            <li><a>链接4</a></li>
        </ul>
    </div>
    

登录后复制

运行效果:

phpcms怎么替换首页插图1将网页中的JS和CSS文件放入statics文件夹下的相应位置。

phpcms怎么替换首页插图2

并将文件地址根据以下格式修改:

替换方式:

{CSS_PATH} 代表CMS定义的CSS存放路径

{JS_PATH} 代表CMS定义的JS存放路径

{IMG_PATH} 代表CMS定义的图片存放路径

phpcms怎么替换首页插图3

一、设置要使用的模板

将phpcms中的默认模板改为自己制作的模板。

在phpcms/install_package/phpcms/templates新建一个英文文件夹

phpcms怎么替换首页插图4

在此文件夹下在创建一个content文件夹

phpcms怎么替换首页插图5

将制作的.html网页文件修改文件名为 index.html 并放入 content文件夹中

phpcms怎么替换首页插图6

登录phpcms后台,可以看到界面-》模板风格中会显示新添加的模板

phpcms怎么替换首页插图7

设置-》站点管理中选择模板风格,点确定。

phpcms怎么替换首页插图8

更新缓存,生成首页后

phpcms怎么替换首页插图9

phpcms怎么替换首页插图10此时点击站点首页 会看到模板更改成功:

phpcms怎么替换首页插图11

二、拆分模板

将模板拆为头部代码,内容代码,尾部代码

分别新建为 header.html    footer.html   内容部分依旧保留在index.html中

在index.html 头部加入代码 {template “content”,”header”} 以用来导入header.html

在index.html 尾部加入代码{template “content”,”footer”} 以用来导入 footer.html 

 

三、添加栏目

在header.html中

首先给导航栏添加链接:


登录后复制

                

  •             

  •             

  •             

  •             

  •         

修改为:

{pc:content action="category" catid="0" num="5" siteid="$siteid" order="listorder ASC"}
            

登录后复制

                

  •             {loop $data $r}             

  •             {/loop}             

        {/pc}

num为最大栏目数

如果想要增加导航监听效果则添加代码为:

  
   
         
   
 
 
                {if $top_parentid==0}             
  •                   {else}             
  •             {/if}             {pc:content action="category" catid="0" num="5" siteid="$siteid" order="listorder ASC"}             {if $catid==$r[catid] || $top_parentid==$r[catid]}             
  •             {else}             
  •             {/if}             {/pc}                    
                            

登录后复制

显示效果:

phpcms怎么替换首页插图12

添加栏目:

在phpcms后台中,内容-》管理栏目中添加栏目

将需要添加的栏目添加即可,注意模板设置中模板要修改为当前模板。

四、给栏目添加内容

修改index.html的代码

首先给更多添加内部链接:

代码:

<a>更多</a>

登录后复制

中间的数字代表phpcms后台中栏目代号

给div的内容设置动态:

  
   
            新闻
   <a>更多</a>
            {pc:content action="lists" catid="10" num="1" siteid="$siteid" order="id DESC"}
            {loop $data $r $val}
            
   

            

{$val[description]}

            {/loop}             {/pc}         

登录后复制

推荐:

以上就是怎么替换首页的详细内容,更多请关注米云其它相关文章!