学做网站培训课程介绍

当前位置:

DISCUZ如何仿制一个门户网站

discuz仿站教程,DZ模板制作视频教程:https://www.xuewangzhan.net/jz/dzfz/

DISCUZ程序不但能做论坛,还可以做门户网站。使用DISCUZ仿制一个门户网站,需要经过以下的步骤:

1、复制default文件夹下的portal下的index.htm

2、在moban文件下新建一个portal文件夹,并将index.htm放入

3、复制default文件下的common下的head.htm和foot.htm到moban文件夹下的common下,作为公用的顶部,底部文件。

4、复制目标网站的源代码,到DW中,并将目标站的CSS全部复制作extend-common.css中
Head_common.htm的代码解释:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE{$_G['config']['output']['iecompatible']}" />

针对于IE8加的一个属性,主要起兼容作用。


<meta name="generator" content="Discuz! $_G['setting']['version']" />文件是用什么来DZ哪个版本生成的
<meta http-equiv="MSThemeCompatible" content="Yes" />打开xp 的蓝色立体按钮系统显示
<meta name="MSSmartTagsPreventParsing" content="True" />

在IE 6 中有一个 Smart tag 开关,防止IE6微软页面编辑软件在页面上自动添加标签,保证代码原汁原味

5、修改头部,首先找到head.htm中几个版块,并标记【顶部,LOGO ,导航】

6、对一些常用标签的认识:
Subtemplate 表示引入、调用
AD 表示广告
lang表示语言包
hook表示钩子
网站名称:$_G[setting][bbname]

网站首页:


{if $_G['setting']['domain']['app']['default']}http://{$_G['setting']['domain']['app']['default']}/{else}./{/if}
LOGO图片调用:【{$_G['style']['boardlogo']}
<!--{if !isset($_G['setting']['navlogos'][$mnid])}--><a href="{if $_G['setting']['domain']['app']['default']}http://{$_G['setting']['domain']['app']['default']}/{else}./{/if}" title="$_G['setting']['bbname']">{$_G['style']['boardlogo']}</a><!--{else}-->$_G['setting']['navlogos'][$mnid]<!--{/if}-->

调用后台顶部导航:【加入首页,加入收藏】


<!--{loop $_G['setting']['topnavs'][0] $nav}-->
<!--{if $nav['available'] && (!$nav['level'] || ($nav['level'] == 1 && $_G['uid']) || ($nav['level'] == 2 && $_G['adminid'] > 0) || ($nav['level'] == 3 && $_G['adminid'] == 1))}-->$nav[code]<!--{/if}-->
<!--{/loop}-->

导航菜单调用:【导航调用时出现了英文字母,用.headerNav span{display:none;}来隐藏。】


<UL class=clearfix>
<!--{loop $_G['setting']['navs'] $nav}-->
<!--{if $nav['available'] && (!$nav['level'] || ($nav['level'] == 1 && $_G['uid']) || ($nav['level'] == 2 && $_G['adminid'] > 0) || ($nav['level'] == 3 && $_G['adminid'] == 1))}--><li {if $mnid == $nav[navid]}class="a" {/if}$nav[nav]></li><!--{/if}-->
<!--{/loop}-->
</UL>

快捷导航调用:


<a href="javascript:;" id="qmenu" onMouseOver="delayShow(this, function () {showMenu({'ctrlid':'qmenu','pos':'34!','ctrlclass':'a','duration':2});showForummenu($_G[fid]);})">{lang my_nav}</a>

版面拓展色的切换菜单:


<!--{if !IS_ROBOT}-->
<!--{if $_G['uid']}-->
<ul id="myprompt_menu" class="p_pop" style="display: none;">
<li><a href="home.php?mod=space&do=pm" id="pm_ntc" style="background-repeat: no-repeat; background-position: 0 50%;"><em class="prompt_news{if empty($_G[member][newpm])}_0{/if}"></em>{lang pm_center}</a></li>
<li><a href="home.php?mod=follow&do=follower"><em class="prompt_follower{if empty($_G[member][newprompt_num][follower])}_0{/if}"></em><!--{lang notice_interactive_follower}-->{if $_G[member][newprompt_num][follower]}($_G[member][newprompt_num][follower]){/if}</a></li>
<!--{if $_G[member][newprompt] && $_G[member][newprompt_num][follow]}-->
<li><a href="home.php?mod=follow"><em class="prompt_concern"></em><!--{lang notice_interactive_follow}-->($_G[member][newprompt_num][follow])</a></li>
<!--{/if}-->
<!--{if $_G[member][newprompt]}-->
<!--{loop $_G['member']['category_num'] $key $val}-->
<li><a href="home.php?mod=space&do=notice&view=$key"><em class="notice_$key"></em><!--{echo lang('template', 'notice_'.$key)}-->(<span class="rq">$val</span>)</a></li>
<!--{/loop}-->
<!--{/if}-->
<!--{if empty($_G['cookie']['ignore_notice'])}-->
<li class="ignore_noticeli"><a href="javascript:;" onClick="setcookie('ignore_notice', 1);hideMenu('myprompt_menu')" title="{lang temporarily_to_remind}"><em class="ignore_notice"></em></a></li>
<!--{/if}-->
</ul>
<!--{/if}-->
<!--{if $_G['uid'] && !empty($_G['style']['extstyle'])}-->
<div id="sslct_menu" class="cl p_pop" style="display: none;">
<!--{if !$_G[style][defaultextstyle]}--><span class="sslct_btn" onClick="extstyle('')" title="{lang default}"><i></i></span><!--{/if}-->
<!--{loop $_G['style']['extstyle'] $extstyle}-->
<span class="sslct_btn" onClick="extstyle('$extstyle[0]')" title="$extstyle[1]"><i style='background:$extstyle[2]'></i></span>
<!--{/loop}-->
</div>
<!--{/if}-->
<!--{if $_G['uid']}-->
<ul id="myitem_menu" class="p_pop" style="display: none;">
<li><a href="forum.php?mod=guide&view=my">{lang mypost}</a></li>
<li><a href="home.php?mod=space&do=favorite&view=me">{lang favorite}</a></li>
<li><a href="home.php?mod=space&do=friend">{lang friends}</a></li>
<!--{hook/global_myitem_extra}-->
</ul>
<!--{/if}-->
<!--{subtemplate common/header_qmenu}-->
<!--{/if}-->

搜索功能代码调用


<!--{subtemplate common/pubsearchform}-->

广告位的调用:
顶部广告;


<!--{ad/headerbanner/wp a_h}-->

Logo右侧广告:


<!--{ad/subnavbanner/a_mu}-->

7、调用用户登录版块


<!--{template common/header_userstatus}-->

复制default文件夹下的header_userstatus.htm到moban下的common下。
登录版块分为三个部分:
登录后------登录没有激活-----没有登录<!--{template member/login_simple}-->【通过调用member/login-simple.htm】

8、将调用DIY按钮的代码也放到P标签里面,并且结合原来网站的样式,可以解决DIY按钮下移的问题。如果“管理中心”出现换行,可删除其样式class="showmenu"

调用DIY按钮:


<!--{if check_diy_perm($topic)}-->$diynav<!--{/if}-->

或者使用下面的代码调用DIY按钮:


<a id="diy-tg" href="javascript:openDiy();" title="{lang open_diy}" class="xi1 xw1">DIY</a>

【DIY按钮的显示需要head.htm和foot.htm的代码支持】


<div id="append_parent"></div><div id="ajaxwaitid"></div>//显示主体内容的编辑框
<!--{if $_GET['diy'] == 'yes' && check_diy_perm($topic)}-->
<!--{template common/header_diy}-->
<!--{/if}-->
<!--{if check_diy_perm($topic)}-->
<!--{template common/header_diynav}-->
<!--{/if}-->
<!--{if CURMODULE == 'topic' && $topic && empty($topic['useheader']) && check_diy_perm($topic)}-->
$diynav
<!--{/if}-->
<!--{if empty($topic) || $topic['useheader']}-->

9、DIY重影,可以通过CSS去除DIY的背景图片,还有小头像,也是背景图片去处背景【.vwmy{background:none;}】。
通过刷新去缓存的方法:
打开文件网站根目录/config/config_global.php
找到


$_config['output']['tplrefresh'] = 1;

更改为


$_config['output']['tplrefresh'] = 2;

刷新两次即可更新模板,此方法适用于模板开发!

10、通过login-simple.htm找出“注册,登录,找回密码”的代码


<a href="member.php?mod=logging&action=login" onclick="showWindow('login', this.href)">登录</a>

注册:


<a href="member.php?mod={$_G[setting][regname]}">$_G['setting']['reglinkname']</a>

忘记密码:


<a href="javascript:;" onclick="showWindow('login', 'member.php?mod=logging&action=login&viewlostpw=1')">{lang forgotpw}</a>

<a href="connect.php?mod=login&op=init&referer=index.php&statfrom=login_simple" title="QQ登录">QQ登陆</a>

11、搜索框的制作 可以配合原网站的代码,修改一下action地址和input的地址:


<FORM method="{if $_G[fid] && !empty($searchparams[url])}get{else}post{/if}" action="{if $_G[fid] && !empty($searchparams[url])}$searchparams[url]{else}search.php?mod=forum&searchsubmit=yes{/if}" target="_blank">
<Input id=Field value=Title type=hidden name=Field>
<input type="text" name="srchtxt" class=intkuang value="{lang enter_content}" autocomplete="off" x-webkit-speech speech />
<Input src="http://www.junzimen.com/skin/2012/images/search.gif" type=image> </FORM>

12、首页的原有代码不能删除,否则会导致无法编辑DIY的样式‘


<style id="diy_style" type="text/css"></style>

主体内容的仿站,复制目标网站主题内容,然后使用


<!--[diy=diy1]--><div id="diy1" class="area"></div><!--[/diy]-->

进入内容框的制作。
如果某个JS影响了DIY按钮的使用,可以使用下面判断语句来解决。【使用此判断时,要结合fooer.htm原有的判断代码使用】


<!--{if $_GET['diy'] != 'yes' }-->
„„
<script></script>代码段
„„
<!--{/if}-->

DZ默认图片:static/image/common/nophoto.gif
图片的调用:


<a href="{url}"{target}><img src="{pic}" width="{picwidth}" height="{picheight}" alt="{title}" />

底部的代码:
调用底部导航:


<!--{loop $_G['setting']['footernavs'] $nav}--><!--{if $nav['available'] && ($nav['type'] && (!$nav['level'] || ($nav['level'] == 1 && $_G['uid']) || ($nav['level'] == 2 && $_G['adminid'] > 0) || ($nav['level'] == 3 && $_G['adminid'] == 1)) ||
!$nav['type'] && ($nav['id'] == 'stat' && $_G['group']['allowstatdata'] || $nav['id'] == 'report' && $_G['uid'] || $nav['id'] == 'archiver' || $nav['id'] == 'mobile' || $nav['id'] == 'darkroom'))}-->$nav[code]<span class="pipe">|</span><!--{/if}--><!--{/loop}-->

备案号:


<!--{if $_G['setting']['icp']}-->( <a href="http://www.miitbeian.gov.cn/" target="_blank">$_G['setting']['icp']</a> )<!--{/if}-->

网站名---首页链接


<a href=" $_G['setting']['siteurl'] " target="_blank"> $_G['setting']['sitename'] </a>

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 我们做了一个论坛网站,如果discuz论坛更换域名的方法又是如何呢,更换域名需要注意那些问题,才会对网站发展更有利呢?下面先说更换域名的步
  • template/default/common 模板公共文件夹,全局相关|--block_forumtree.htm 树形论坛版块分支js文件|--block_thread.htm 特殊主题的风格模块文
  • 仿制这个紧固件网站模板过程中,遇到了很多问题,所以折腾了很久。特别感谢启亚老师和学做网站论坛,让我学会了模板制作。闲放不多说了,切入正题。
  • 在学做网站论坛学习有半个月了,自己按照老师讲的wordpress模板制作教程,仿了一款国人原创的wordpress图片主题,这个主题是一个典型的图片展示主题。
  • 不是作业 但是找了下版块 不知道发那里 貌似只有这里特别合适。之所以决定自己写CSS 是由于看了建站课程里的DIV+CSS课程,为记忆CSS而作出的决定;另外
  • 本人觉得这个wordpress主题很有小清新风格,主题默认显示缩略图,首页自动子分类循环,功能强大,设置简单,全后台操作,免去修改主题代码的麻烦。其