文档章节

WordPress仿站实战教程

临江仙卜算子
 临江仙卜算子
发布于 01/20 17:47
字数 2795
阅读 39
收藏 1

  有一个月没有写blog了,一直在学习wordpress的知识,现在能够进行简单的政府企业门户网站的仿制,wordpress的主题订制,一般是对前端要求比较高,wordpress学会了,建站还是非常的快的。下面进行教程,没有基础知识的请先看基础知识。

仿站的目标网站:仿站的目标网站,这也是我本科母校。

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

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

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

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

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

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

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

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

基本条件判断函数:

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 页是否以多页显示

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) 的标题

模板常用的 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 . '/文件名'); ?>:嵌入其他文件,可为定制的模板或其他类型文件

与模板相关的其他函数:

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

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

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

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

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

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

<?php echo get\_num\_queries(); ?>:网页加载查询量

将模板中的css,js,图片的链接都换成上面的函数
3.页面显示正常时,进行导航栏的修改。

其中导航栏设置时,修改原始代码:

使用wp_nav_menu进行代替,菜单导航的代码,如图下注释的部分,将所有的菜单都进行注释。其中代换时,遵循下面的参数。

<?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(); ?>

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

本文转载自:https://blog.csdn.net/juezhanangle/article/details/76985202

共有 人打赏支持
上一篇: KVM
下一篇: 扒站wget仿站
临江仙卜算子
粉丝 20
博文 345
码字总数 258597
作品 0
郑州
CEO
私信 提问
WordPress 4.4 正式版发布

WordPress开发团队刚刚发布了WordPress 4.4正式版。这是WordPress开发历史上又一个重要的版本。为了纪念美国爵士小号手Clifford Brown,WordPress 4.4被命名为Clifford。WordPress 4.4让你的...

oschina
2015/12/09
5.9K
8
2018年慕课网视频教程(vue、docker、python、Go语言、java......)

如需下述哪一个课程,加QQ: 3475362830,非免费,几大洋,非诚勿扰! Java并发编程与高并发解决方案 ZooKeeper分布式专题与Dubbo微服务入门 Java大数据实战 Stom构建实时流处理 HBase+Spring...

杰梵
2018/10/08
0
0
价值888元的wordpress性能优化方案 全面提升wordpress打开速度

接触wordpress也些年头了,wordpress建站非常好,性能好、主题多,但是唯一诟病的就是wordpress打开速度慢,造成wordpress访问速度慢的原因有很多,比如字体、表情emoji、插件、主题等因素。...

光山居士
2018/11/02
0
0
喷一下wordpress

你们这帮逗比程序员天天就将架构,用户跟你说架构?人家仿个网站只要1小时,你仿个网站要3天,又在那谈架构,你咋不用java、ASPX的?学PHP不就是因为喜欢简约吗,你搞飞机稿那么大,还容不得...

自主创新
2014/11/17
1K
16
这个WordPress 实战全面解析

文章推荐 Selenium 自动化测试从零实战 【原文链接】 原来这样做,才能向架构师靠近【原文链接】 Cordova App 打包全揭秘【原文链接】 TensorFlow on Android:物体识别【原文链接】 Tensor...

gitchat
2017/11/27
0
0

没有更多内容

加载失败,请刷新页面

加载更多

数据库连接池参数参考

<!--acquireIncrement:链接用完了自动增量3个。 --> <property name="acquireIncrement">3</property> <!--acquireRetryAttempts:链接失败后重新试30次。--> <property ......

MrPei
31分钟前
1
0
配置crontab定时多任务爬虫

1、crontab 学习文档:https://www.cnblogs.com/clphp/p/6801608.html 2、编辑命令:crontab -e 30 1 * * * cd /data/XXX/XXX/commands && /bin/sh running.sh >/dev/null & #每天一点半,定......

Liens
33分钟前
1
0
python编程使用协程并发的优缺点

python编程使用协程并发的优缺点 协程 协程是一种用户态的轻量级线程,又称微线程。 协程拥有自己的寄存器上下文和栈,调度切换时,将寄存器上下文和栈保存到其他地方,>在切回来的时候,恢复...

_Change_
34分钟前
1
0
VS2017下出现 error C2760: 语法错误: 意外的令牌“标识符”,预期的令牌为“;” 的解决办法

属性-c/c++-语言-符合模式:设置成 “否” 将符合模式改成否 即可

simpower
35分钟前
1
0
使用按钮代替input file

使用label标签

西园里的猫
39分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部