您好,欢迎来到菜鸟吧源码网(www.cniao8.com)本站只做精品网站源码!
  • 首 页
  • 菜鸟云
  • 公告:本站资源均来源于互联网及会员投稿发布,所有资源仅供学习参考研究使用,请勿商用或其它非法用途,商用请购买正版,否则产生一切后果由用户自行承担!谢谢!

     

    当前位置:主页 > 站长学堂 > phpcms >
    PHPCMS v9模板制作教程
    时间:2019-10-17 14:16 作者:菜鸟吧 浏览:收藏 挑错 打印

    从官网把phpcms最新版本下载下来,并安装好。安装好之后在后台里的网站配置--基本信息那 生成文件扩展名 html 设置好,然后更新首页和缓存。生成HTML后打开网站下的./templates/default/phpcms/ 目录,这就是生成的默认模板的存放位置。我截图给大家看

    PHPCMS v9模板制作教程


    完整的首页模板就是由里面的header.Html(头部)、index.Html(首页)、footer.Html(尾部) 三个模板文件组成的,如果想修改首页就是修改这几个模板。下面我把常用的模板名称列出来,让大家了解。

    以category 开头的都是栏目

    category.html              文章栏目页

    category_down.html         下载栏目页

    category_info.html         信息栏目页

    category_picture.html      图片信息页

    category_product.html      产品栏目页

    category_video.html        视频栏目页


    以list 开头的都是列表页


    list.html               文章列表页

    list_down.html          下载列表页

    list_picture.html       图片列表页

    list_product.html       产品列表页

    list_video.html         视频列表页


    以show开头的都是内容页


    show.html              文章内容页

    show_down.html         下载内容页

    show_info.html         信息内容页

    show_picture.html      图片内容页

    show_product.html      产品内容页

    show_video.html        视频内容页


    这就是PHPCMS的基本模板名称,如果你想要制作或修改模板,只要找到相应的模板修改就行了。其它以TAG开头的模板都一些标签模板,在后面我再为大家详细解释。为些模板名称大家都可以在PHPCMS程序后台找得到。官方PHPCM默认的每个频道基本是由栏目页、列表页、内容页 这三个页面组成,头部和尾部都是通用的。所以我们做模板或是仿模板的时候一般都是按:

    1、网站首页

        2、文章—文章栏目页—文章列表页—文章内容页

        3、图片—图片栏目页—图片列表页—图片内容页

        4、下载频道同上

        5、信息频道同上

        6、其他单一页面

    这个顺序来做。


    第二讲:首页模板解析及制作思路


    大家都知道,制作模板之前我们都是先把想要的模板效果样式做成静态的HTML页面,之后再通过一定的规则把静态的HTML页面转换成PHPCMS模板,让这个模板可以自动的调用或读取PHPCMS程序里的内容。这个让静态HTML转换成可以自动读取PHPCMS程序里的内容的方法就是我们要学的知识。


    我们看看默认head.Html模板代码


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    /*网页使用的是W3C标准XHTML+CSS ,也就是别人常就的 DIV+CSS */

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset={CHARSET}" />

    /*这是官方模板中的网页编码定义,{CHARSET}是只有phpcms才会识别的变量标签,可以自动识别程序的编码

    在制作模板的时候改成自己程序相应的编码就行了。假如你的程序编码是GBK的。你改成:

    <meta http-equiv="Content-Type" content="text/html; charset=GBK" />      */


    <title>{$head[title]}</title>

    /*读取网站的名称*/

    <meta content="{$head[keywords]}" name="keywords" />

    <meta content="{$head[description]}" name="description" />

    /*读取网站的关键字和描述*/

    <base href="{SITE_URL}" />

    /*这是读取网站后台设置的网址,也是就自己的域名,如果去掉的话,那么CSS样式和其它的图片都无法正常显示*/

    <link href="favicon.ico" rel="shortcut icon" />

    <link href="{SKIN_PATH}{$mod}.css" rel="stylesheet" type="text/css" />

    /*链接模板的CSS样式 做模板的时候把这里改成如:<link href="templates/default/skins/default/phpcms.css" rel="stylesheet" type="text/css" />就行。 */

    <link rel="alternate" type="application/rss+xml" title="{$head[title]}" href="/rss.php?rssid={$catid}" />

    /*读取网页标题*/

    <script language="JavaScript" src="data/config.js"></script>

    <script language="JavaScript" src="images/js/jquery.min.js"></script>

    <script language="JavaScript" src="images/js/css.js"></script>

    <script language="JavaScript" src="images/js/common.js"></script>

    <script language="JavaScript" src="images/js/login.js"></script>

    <script language="JavaScript" src="images/js/validator.js"></script>

    /*上面几个JS文件关系到一些重要调用,做模板的时候要记得调用。可以把它们复制到相应模板文件夹里然后再调用*/

    </head>

    <body onload="menu_selected('{php echo $catid ? $catid : $mod;}')">

    <div id="top">

    {if isset($MODULE['search'])}

    {php $types = cache_read('search_type.php');}

    <div class="f_r">

        <form name="site_search" action="{$MODULE[search][url]}" target="_blank">

         <input type="text" name="q" size="20" class="input_blur"/>

         <select name='type'>

           <option value="all">全部</option>

             {loop $types $k $name}

           <option value="{$k}">{$name}</option>

             {/loop}

         </select>

         <input type="submit" name="s" id="button" value="搜索" class="button_style"/>

         </form>

    </div>

    {/if}

    /*上面是默认搜索部分*/

    <div class="f_l">

       <div id="div_login" style="display:none">

             <form action="{$MODULE[member][url]}login.php" method="post" name="login" onsubmit="return loginSubmit(this, {PASSPORT_ENABLE});">

             用户名:<input type="text" name="username" size="12" class="input_blur"/>

             密码:<input type="password" name="password" size="12" class="input_blur"/>

                   <input type="submit" name="dosubmit" value="登录" class="button_style"/>

                   <input type="button" name="register" value="注册" onclick="redirect('{$MODULE[member][url]}register.php')" class="button_style"/>

                   <input type="hidden" name="cookietime" value="0"/>

             </form>

        </div>

       <div id="div_logined" style="display:none">

             <strong id="logined_username" ></strong>,<a href="{$MODULE[member][url]}">会员中心</a> |

           <a href="{if PASSPORT_ENABLE}{$MODULE[member][url]}logout.php{else}javascript:logout('{$MODULE[member][url]}logout.php?action=ajax');{/if}">退出登录</a>

        </div>

    </div>

    </div>

    /*上面是默认会员登录部分*/

    <div id="head">

    <div id="logo">

       <a href="{SITE_URL}"><img src="images/logo.gif" target="_blank">菜鸟到高手的必经之路。嗯说正事。

    仿站之前的准备:

    一、打开目标网站 (废话哈)

    二、查看目标站的结构 (看看目标站哪些页面适合做-栏目面--列表页--内容页等) 这步很重要

    三、打开PHPCMS网站下/templates/default/目录 把default目录复制一份,用来备份,方便做错之后还原回来。

    四、打开目标网站--右键查看源文件--复制--然后粘贴到./templates/default/phpcms/ 目录下的index.html文件里,替换里面的内容。进入网站后台,更新一下网站首页,就可以看到效果了。

    五、把目标网站首页的CSS和图片资源下载下来,存放路径和目标网站一样。

    郑重声明:
    本站所有内容均由互联网收集整理、网友上传,并且以计算机技术研究交流为目的,仅供大家参考、学习,不存在任何商业目的与商业用途。 若您需要商业运营或用于其他商业活动,请您购买正版授权并合法使用。
    我们不承担任何技术及版权问题,且不对任何资源负法律责任。
    如无法下载,联系站长索要。
    如有侵犯您的版权,请给我们来信:admin@cniao8.com,我们尽快处理。

    PHPCMS 模板安装导入教程PHPCMS 模板安装导入教程
    PHPCMS V9静态化HTML生成设置和URL配置方法PHPCMS V9静态化HTML生成设置和URL配置
    phpcms制作图片频道模板的方法phpcms制作图片频道模板的方法