wordpress仿站实战教程,企业型网站主题仿制

2018-08-06 12:04:53 分类：Wordpress教程 热度：2.2K 评论： 0
当前位置：仿站网 Wordpress教程 wordpress仿站实战教程,企业型网站主题仿制
查看付费资源请通过右侧购买区域进行购买！

 今天抽空分享一篇wordpress仿站的实战教程，起因是一个朋友感觉自己的网站速度慢，希望能耕换成wordress系统，经过一番交流，确定了要更改的网站栏目和主题风格中需要保留的东西，然后便开始正式仿站操作，因为是仿制自己的网站，所以也不需要担心版权什么的，要考虑的就是主题仿制好后，把关键词的布局和原来做好对比，保障网站排名不会有大的波动就好。

wordpress的主题订制，一般是对前端要求比较高，wordpress学会了，建站还是非常的快的。下面进行教程，没有基础知识的请先看基础知识。

仿站的目标网站：hy1234.com。

1.目标网站的抓取，使用仿站小工具8.0.2挺好用的，能够尽可能多的将整个网站抓取下来。

wordpress仿站实战教程,企业型网站主题仿制 wordpress仿站 实战教程 企业主题仿制 第1张

将文件保存到wp-content/tust。保存的首页default.html和其他的文件目录如下：

wordpress仿站实战教程,企业型网站主题仿制 wordpress仿站 实战教程 企业主题仿制 第2张


然后建立标准的wp文件。如下图所示：

wordpress仿站实战教程,企业型网站主题仿制 wordpress仿站 实战教程 企业主题仿制 第3张

将default.html分割到header.php, index.php, footer.php

header.php 包含body再内的导航栏，等下还会贴出修改后的代码。

index.php 包含主体部分，要引用header.php 和 footer.php。

footer.php 包含最后的版权等信息。

2.修改header.php中的链接使首页正常。其中常用的模板函数：

  1. 基本条件判断函数:

     

    is_home()：是否为主页

    is_single()：是否为内容页 (Post)

    is_page()：是否为内容页 (Page)

    is_category()：是否为 Category/Archive 页

    is_tag()：是否为标签 (Tag) 存档页

    is_date()：是否为指定日期存档页

    is_year()：是否为指定年份存档页

    is_month()：是否为指定月份存档页

    is_day()：是否为指定日存档页

    is_time()：是否为指定时间存档页

    is_archive()：是否为存档页

    is_search()：是否为搜索结果页

    is_404()：是否为 "HTTP 404: Not Found" 错误页

    is_paged()：主页 /Category/Archive 页是否以多页显示

  2. Header 部分常用到的 PHP 函数：

     

    <?php bloginfo('name'); ?>：博客名称 (Title)

    <?php bloginfo('stylesheet_url'); ?>：CSS 文件路径

    <?php bloginfo('pingback_url'); ?>：PingBack URL

    <?php bloginfo('template_url'); ?>：模板文件路径

    <?php bloginfo('version'); ?>：WordPress 版本

    <?php bloginfo('atom_url'); ?>：Atom URL

    <?php bloginfo('rss2_url'); ?>：RSS 2.o URL

    <?php bloginfo('url'); ?>：博客 URL

    <?php bloginfo('html_type'); ?>：博客网页 HTML 类型

    <?php bloginfo('charset'); ?>：博客网页编码

    <?php bloginfo('description'); ?>：博客描述

    <?php wp_title(); ?>：特定内容页 (Post/Page) 的标题

  3. 模板常用的 PHP 函数及命令：

     

    <?php get_header(); ?>：调用 Header 模板

    <?php get_sidebar(); ?>：调用 Sidebar 模板

    <?php get_footer(); ?>：调用 Footer 模板

    <?php the_content(); ?>：显示内容 (Post/Page)

    <?php if(have_posts()):?>：检查是否存在 Post/Page

    <?php while(have_posts()):the_post(); ?>：如果存在Post/Page则予以显示

    <?php endwhile; ?>：While 结束

    <?php endif; ?>：If 结束

    <?php the_time('字符串') ?>：显示时间，时间格式由"字符串"参数决定，具体参考 PHP 手册

    <?php comments_popup_link(); ?>：正文中的留言链接，如果使用 comments_popup_script(); 则新窗口打开链接

    <?php the_title(); ?>：内容页 (Post/Page) 标题

    <?php the_permalink() ?>：内容页 (Post/Page) URL

    <?php the_category(',') ?>：特定内容页 (Post/Page) 所属 Category

    <?php the_author(); ?>：作者

    <?php the_ID(); ?>：特定内容页 (Post/Page) ID

    <?php edit_post_link(); ?>：如果用户已登录并具有权限，显示编辑链接

    <?php get_links_list(); ?>：显示 Blogroll 中的链接

    <?php comments_template(); ?>：调用留言/回复模板

    <?php wp_list_pages(); ?>：显示 Page 列表

    <?php wp_list_categories(); ?>：显示 Categories 列表

    <?php next_post_link('%link '); ?>：下一篇文章链接

    <?php previous_post_link('%link'); ?>：上一篇文章链接

    <?php get_calendar(); ?>：日历

    <?php wp_get_archives() ?>：显示内容存档

    <?php posts_nav_link(); ?>：导航，显示上一篇/下一篇文章链接

    <?php include(TEMPLATEPATH . '/文件名'); ?>：嵌入其他文件，可为定制的模板或其他类型文件

  4.  

    与模板相关的其他函数：

     

    <?php _e('Message'); ?>：输出相应信息

    <?php wp_register(); ?>：显示注册链接

    <?php wp_loginout(); ?>：显示登录/注销链接

    <!–next page–>：将当前内容分页

    <!–more–>：将当前内容截断，以不在主页/目录页显示全部内容

    <?php timer_stop(1); ?>：网页加载时间（秒）

    <?php echo get_num_queries(); ?>：网页加载查询量


     

将模板中的css,js,图片的链接都换成上面的函数

 

3.页面显示正常时，进行导航栏的修改。

其中导航栏设置时，修改原始代码：

<?php wp_nav_menu( 
array( 
'theme_location'  => '' //指定显示的导航名，如果没有设置，则显示第一个 
'menu'            => 'header-menu', 
'container'       => 'nav', //最外层容器标签名 
'container_class' => 'primary', //最外层容器class名 
'container_id'    => '',//最外层容器id值 
'menu_class'      => 'sf-menu', //ul标签class 
'menu_id'         => 'topnav',//ul标签id 
'echo'            => true,//是否打印，默认是true，如果想将导航的代码作为赋值使用，可设置为false 
'fallback_cb'     => 'wp_page_menu',//备用的导航菜单函数，用于没有在后台设置导航时调用 
'before'          => '',//显示在导航a标签之前 
'after'           => '',//显示在导航a标签之后 
'link_before'     => '',//显示在导航链接名之后 
'link_after'      => '',//显示在导航链接名之前 
'items_wrap'      => '<ul id="%1$s">%3$s</ul>', 
'depth'           => 0,////显示的菜单层数，默认0，0是显示所有层 
'walker'          => ''// //调用一个对象定义显示导航菜单 ));  
?> 





















 


其中首页header.php修改完成后，大致如下：

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=<?php bloginfo('charset'); ?>" />
 <title>天津科技大学海洋与环境学院</title>
 <meta name="keywords" content="天津科技大学海洋与环境学院" />
 <meta name="description" content="<?php bloginfo('description'); ?>" />
 <link rel="shortcut icon" type="image/ico" href="<?php echo get_option(' wpd_logo '); ?>" />
<link href="<?php bloginfo('template_url'); ?>/css/reset-min.css" rel="stylesheet" type="text/css" />
<link href="<?php bloginfo('template_url'); ?>/css/fonts-min.css" rel="stylesheet" type="text/css" />
<link href="<?php bloginfo('template_url'); ?>/css/grids-min.css" rel="stylesheet" type="text/css" />
<link href="<?php bloginfo('template_url'); ?>/css/common.css" rel="stylesheet" type="text/css" />
<script src="<?php bloginfo('template_url'); ?>/js/jquery-1.7.2.min.js" type="text/javascript"></script>
<!--[if lt IE 7]>
<script src="js/ie7.js"></script>
<![endif]-->
<script type="text/javascript" src="js/iepngfix_tilebg.js"></script>
<link href="<?php bloginfo('template_url'); ?>/css/index.css" rel="stylesheet" type="text/css" />
 <link href="<?php bloginfo('template_url'); ?>/css/frame-top-link.css" rel="stylesheet" type="text/css" />
 <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/css/mainmenu.css" />
 <link href="<?php bloginfo('template_url'); ?>/css/jqueryslidemenu.css" rel="stylesheet" type="text/css" />
 <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/css/bigpic.css" />
 <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/css/modulelist.css" />
 <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/css/pager.css" />
 <script src="<?php bloginfo('template_url'); ?>/js/jquery.slidemenu.js" type="text/javascript"></script>
 <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/xmosaic.js"></script>
 <script src="<?php bloginfo('template_url'); ?>/js/jquery.js" type="text/javascript"></script>
 <script src="<?php bloginfo('template_url'); ?>/js/kandytabs.pack.js" type="text/javascript"></script>
 <script src="<?php bloginfo('template_url'); ?>/js/custom.js" type="text/javascript"></script>
 <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/css/footer.css" />
<style>
.tag_description
{
    float: left;
    margin-top:7px;
      padding-bottom:5px;
   list-style:none;
}
 
    .tag_description a
    {
 
        font-size: 12px;
        text-indent: 24px;
    }
 
    .tag_description p
    {
 font-family:"宋体",Verdana, Lucida, Arial, Helvetica;
  color: #666666;
  float:right;
  width:220px;
  line-height:24px;
        font-size: 12px;
        text-indent: 24px;
        text-align:justify;
  margin-top:0px;
        text-justify:inter-ideograph;
 
    }
        #AcadeInfoList
        {
            position:relative;
            top:-20px;
        }
        #AcadeInfo_spliter
        {
             position:relative;
            top:10px;
        }
       
        #AcadeInfoList:nth-of-type(n)
        {
            position:relative;
            top:0px;
        }
        #AcadeInfo_spliter:nth-of-type(n)
        {
             position:relative;
            top:30px;
        }
.tag_title{
 line-height:24px;
            background-position-x: 0%;
            background-position-y: -540px;
            background-repeat: no-repeat;
     overflow-x: hidden;
 width:370px;
}
.tag_title a{color: #666666; font-size:12px; margin-left:0px; padding-left:5px; }
 
</style>
</head>
<body>
<div id="frame-top">
 <div id="frame-top-warpper">
  <div class="frame-top-link">
  
 <ul>
  <li class="first"><a target="" href="/">学院首页</a></li><li class=""><a target="" href="/7db3dc.html">联系我们</a></li><li class=""><a target="_blank" href="/admin.html">管理员入口</a></li> </ul>
</div>
<div id="frame-top-logo">
 <table>
  <tr>
   <td  style="vertical-align:top">
    <a href="/" title="天津科技大学海洋与环境学院">
     <img src="<?php bloginfo('template_url'); ?>/picture/2015-09-16-19-7642419411.png" />
    </a>
   </td>
  </tr>
 </table>
</div>
<div id="frame-top-navbar">
 <script type="text/javascript">
     $(document).ready(function () {
         mlddminit(375);
     });
 </script>
 
 
  <div id="navbar-left"></div>
  <?php wp_nav_menu( array( 'container' => 'div','container_id' => 'navbar-middle','menu_class' => 'mlddm') ); ?>
 
  <!--<ul class="mlddm" params="1,-1,500,slide,200,h">
   <li class="">
 <a href="#" target="">学院概况</a>
 <ul>
  <li><a href='/01589e.html' target="">学院简介</a>
          </li><li><a href='/cbc95b.html' target="">历史沿革</a>
          </li><li><a href='/1ab539.html' target="">学院领导</a>
          </li><li><a href='/ad9daf.html' target="">学院党委</a>
          </li><li><a href='/0c2b70.html' target="">职能部门</a>
          </li><li><a href='#' target="">学术机构</a>
 
    </li>    替换这里第一条的东西。 
 -->
 
 <div id="navbar-right"></div>
</div>
<?php wp_head(); ?>


4.修改index.php中的

这里先进行轮播图的修改，后台进行自我订制了一份代码，如果有想要的化，可以联系我，其中轮播图修改后的代码如下：

 <?php get_header(); ?>
<div id="frame-top-slider-detail"> </div>
  <div id="frame-top-slider" class="smallslider">
   <!-- 大图轮播-->
   <script type="text/javascript">
          $(document).ready(function () {
     var l=$('#bigpic').children().length;
     var str='';
     for(var i=0; i < l;i++)
     {
      if(i==0)
       str += '<li  class="on" ></li>';
      else
       str += '<li class=" "></li>';
     }
     $('#pager').html(str);
              var mosaic = XMosaic('bigpic', { pager: 'pager', delay: 10000, countX: 10, countY: 5, how: 9, order: 0 });
          });
      </script>
   <div  id ="bigpic">
   <a style="left: 0px; top: 0px; position: absolute;" target="_blank" href="/13v0to-1.html">
 <img src='<?php echo get_option(' wpd_banner1 '); ?>' alt='1' />
</a><a style="left: 0px; top: 0px; position: absolute;" target="_blank" href="">
 <img src='<?php echo get_option(' wpd_banner2 '); ?>' alt='2' />
</a>   </div>
  </div>
 </div>


然后修改文章的列表部分：

<div id="frame-top-slider-mask">
  <ul class="ctrls" id="pager">
  </ul>
 </div>
</div>
<div id="frame-main-body">
 <div id="frame-main-wrapper" class="yui3-g">
  <div id="frame-main" class="yui3-u">
   <div id="frame-main-left" class="yui3-u-1-2">
    <div class="module module_left">
     <div class="module-name">
     <a href="/75d14e-1.html" target="_blank">学院新闻</a>
     <a style="font-size:13px; margin-left:250px; color:blue;" target="_blank" href="/75d14e-1.html">更多</a>
     </div>
     <div class="module-spliter">
      <div> </div>
     </div>
     <div class="module-warpper">
      <div>
 <div class="row pd5 fb">
  <a target="_blank" title="海洋与环境学院孙军院长一行走访国家海洋信息中心" href="/lqpmfv.html">海洋与环境学院孙军院长一行走访国家海洋信息中心</a>
 </div>
 <li class="row spic tag_description">
  <a target="_blank" href="/lqpmfv.html" title="海洋与环境学院孙军院长一行走访国家海洋信息中心">
   <img width=360 height="150" align="left" alt="海洋与环境学院孙军院长一行走访国家海洋信息中心" src="<?php bloginfo('template_url'); ?>/picture/540_225.jpg">
     </a>
 </li>
 <div style="clear:both;"></div>
</div>      <table cellspacing="0" cellpadding="0" class="tag_table">
 <tbody>
  
        <?php
   query_posts(
    //'query_type = post&posts_per_page=8'
    array ( 'category_name' => 'business', 'posts_per_page' => 8 )
    );
    $i=0; while(have_posts()) : the_post(); $i++; ?>
    <tr>
    <td width="100%">
     <ul>
      <li class="tag_title">
       <a target="_blank" title="<?php the_title(); ?>" href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
      </li>
     </ul>
    </td>
    </tr>    
   <?php endwhile; wp_reset_query(); ?> 
  
  </tbody>
</table>     </div>
    </div>
   </div>
   <div id="frame-main-right" class="yui3-u-1-2">
    <div class="module">
     <div class="module-name"> <a href="/c6c7e7-1.html" target="_blank">通知公告</a>
     <a style="font-size:13px; margin-left:250px; color:blue;" target="_blank" href="/c6c7e7-1.html">更多</a>
     </div>
     <div class="module-spliter">
      <div> </div>
     </div>
     <div class="module-warpper">
   <table cellspacing="0" cellpadding="0" class="tag_table">
 <tbody>
  
        <?php
  query_posts(
   //'query_type = post&posts_per_page=8'
   array ( 'category_name' => 'technolo', 'posts_per_page' => 8 )
   );
   $i=0; while(have_posts()) : the_post(); $i++; ?>   
    <tr>
     <td width="100%">
      <ul>
       <li class="tag_title">
        <a target="_blank" title="<?php the_title(); ?>" href="<?php the_permalink(); ?>"><?php the_time('Y年n月j日'); ?>  <?php the_title(); ?></a>
       </li>
      </ul>
     </td>
    </tr>
  <?php endwhile; wp_reset_query(); ?> 
  
  </tbody>
</table>     </div>
    </div>
   </div>
  </div>
  <div id="frame-side" class="yui3-u">
   <div id="placehoder"></div>
   <ul>
    <li><a target="" href="/906368.html">研究成果</a></li><li><a target="" href="/faef50-1.html">学术交流</a></li><li><a target="_blank" href="http://hyxy.tust.edu.cn/shiyanshifan/1shoye.html">实践教学</a></li><li><a target="" href="/ccac59.html">教学成果</a></li><li><a target="" href="/4d3baa-1.html">学生资助</a></li><li><a target="" href="/801d37-1.html">校友相聚</a></li><li><a target="" href="#">学术报告</a></li>   </ul>
  </div>
 </div>
 <div id="frame-main-link" class="yui3-g">
  <div>
   <div id="demo" style="overflow:hidden;height:110px;margin:0 auto;">
    <table align="left" cellpadding="0" cellspace="0" border="0">
     <tr>
      <td id="demo1" valign="top">
      <div>
      <a style="width:0px;" href="/0c8a9f.html#ppzy" target="_blank"><img src="<?php bloginfo('template_url'); ?>/picture/57243dbb36ec49fe8ea8839a947fe310.jpg" /></a><img src="<?php bloginfo('template_url'); ?>/picture/869b86dfeae34a31b851fb01cec2b074.jpg" /><a style="width:0px;" href="http://hyhjbhjs.cl1.soochong.com" target="_blank"><img src="<?php bloginfo('template_url'); ?>/picture/2015-08-27-20-0606158108.jpg" /></a><img src="<?php bloginfo('template_url'); ?>/picture/39bfa2a5c9be4d87bb8c50a886d3f3c0.jpg" /></div>
      </td>
      <td id="demo2" valign="top"> </td>
     </tr>
    </table>
   </div>
  </div>
 </div>
</div>
<?php get_footer(); ?>

修改后显示成下图所示，文章换成了 后台上传的文章。

wordpress仿站实战教程,企业型网站主题仿制 wordpress仿站 实战教程 企业主题仿制 第4张

 

转载请说明出处内容投诉
仿站网 » wordpress仿站实战教程,企业型网站主题仿制
仿站网

仿站网

分享到：

相关推荐

发表评论

您需要后才能发表评论

仿站网专注帝国cms仿站,Zblog仿站,Wordpress仿站服务,专业+效率+售后保障

关于我们 联系客服
 
QQ在线咨询
客服热线
139-3511-2134
微信扫一扫
微信客服