wordpress模板文件结构超详解

  • A+
所属分类:WORDPRESS

wordpress网站建设中,主题的制作是最为核心的环节。了解模板文件结构是模板制作的第一步,本文所讲的模板文件结构包括两部分,一是指以文件名为概念的文件结构,二是指文件内容的代码结构。

一、如何使模板文件起作用 ↑

wordpress模板文件夹放置于/wp-content/themes/下,开发者只需将自己的模板文件全部置于一个文件夹中,将文件夹置于该目录下,wordpress系统就会自动检测,发现模板文件可用时就会在后台“主题”中列出该模板。

我们创建一个文件夹,命名为mytheme,在mytheme中创建两个文件,分别是style.css,index.php,functions.php,用文本编辑器编辑这两个文件。在style.css首置入如下代码:

/*
Theme Name: utubon.com
Theme URI: https://www.phpstudio.info/
Description: PHP网站建设工作室
Author: PHP网站建设
Version: 1.0
License:
License URI:
Tags: 工作室
*/
保存即可。然后将mytheme文件夹放入到wordpress主题目录中,进入后台查看,是否有了一个新的主题。

其实wordpress对主题的检测紧限于style.css,index.php,有了这两个文件和上面的声明,即可在后台检测到新的主题。现在开始你可以在index.php中写网页结构,在style.css中写样式,在functions.php中添加新的函数和功能了。

你会问,其他的主题中,为什么会有这么多文件呢,如sidebar.php,page.php,single.php,category.php等。wordpress使用模板通过函数的调用,让模板之间形成完整的整体,例如在index.php中你会看到get_header()即调用文件名为header.php的模板文件, get_footer()亦然。get_template_part( 'loop', 'index' );则是调用模板loop-index.php。wordpress并非傻瓜的像include()函数一样包含这些文件,而是对文件的存在与否要进行判断,如果不存在该文件将用对应的相关文件代替,这需要你查看开发文档中该函数的具体解释。

二、一般情况下模板文件列表和对应的函数 ↑

我们查看所有的模板都会获悉该主题所拥有的模板文件,一般情况下,模板文件拥有下面的这些文件,他们分别对应了自己的调用函数,一并列出:

文件名

一般作用

对应的函数

备注(使用技巧)

style.css

样式表

调用地址

 

index.php

wordpress识别首页

自动识别

 

functions.php

包含增函数和新功能

自动识别

 

header.php

头部

get_header()

 

footer.php

尾部

get_footer()

 

sidebar.php

边侧栏

get_sidebar('foot')(无参数则调用sidebar.php)

参数foot指文件sidebar-foot.php类推

loop.php

 

content.php

内容循环

get_template_part( 'loop', 'index' )和sidebar一样

参数的意思是调用模板loop-index.php类推如果get_template_part( 'content','single' );

404.php,

 

search.php,

page.php,

single.php

分别是404页,搜索页,单独页面,文章内容页

自动识别,和index.php一样,使用上述函数,没有该文件的话用index.php

 

archive.php,

 

category.php,

tag.php,

author.php

分别是归档页,分类页,标签页,作者页

同上,但如果只有archive.php或category.php没有其他页,其他页用archive.php代替或category.php代替

 

除了上面这些页面之外,当然还会有主题特殊的文件,如主题自身的图片,js代码screenshot.png是主题预览图片,自动检测并在后台显示。上面没有提到的文件不一定不存在,如loop-tag-cloud.php,你可以用get_template('loop','tag-cloud')来调用,这是一类上述衍生文件。其他特殊文件如果没有特定的说明或功能,也可用include()等php函数将其包含。上面的文件除了style.css,index.php都是可选文件,例如模板中没有很多文件。

三、文件代码结构:写一个最简单的模板 ↑

正如文章开头提到,最简单的模板就只有style.css和index.php这两个文件,接下来就用这个最简单的模板来讲解模板文件代码结构。如果你懂得html网页设计,并对wordpress函数有一些了解,制作自己的模板并不困难,完全可以仿照别人的模板,慢慢完成自己的模板。

这里强烈建议你采用标准的网页设计方法,放弃table布局,认真学习css,采用div+css布局。

请先自己设计出html代码(一个页面,首页),加入一些测试的文章、图片、特效等,然后按照本文的方法进行修改。然后将所有代码拷贝到index.php中,这时你甚至可以不用理会style.css。在index.php中,我给出的基本框架如下:



wordpress




上面的只是最基本的框架,通过css样式控制页面的宽度、呈现颜色、表现形式等。

我们将头部定义到

的地方,头部中既包含了网页的css、meta声明,也包含了网页顶部的一些元素,如导航条、logo、公告等。在头部中,我们需要修改一些内容:

1、引入style.css:
2、引入wordpress本身需要添加的代码:

3、用下面的代码替换的内容,以显示网页标题<br /> <?php global $page, $paged; wp_title( '|', true, 'right' ); bloginfo( 'name' ); $site_description = get_bloginfo( 'description', 'display' ); if ( $site_description && ( is_home() || is_front_page() ) ) echo " | $site_description"; if ( $paged >= 2 || $page >= 2 )<br /> echo ' | ' . sprintf( __( 'Page %s', 'twentyten' ), max( $paged, $page ) );<br /> ?><br /> 以上是网站声明部分,这些内容作为wordpress应该拥有的内容,最好不要缺少,当然你也可以根据自己的需要和想法替换为自己想要的内容。例如在wp_title()后面添加echo '你想要添加的内容';从而增加你的网页标题的信息。<br /> 4、修改你的</p> <div header>的内容,导航可以使用wordpress后台菜单用wp_nav_menu()函数来实现,要想使用该功能,还需要在functions.php中预先初始化主题,让主题支持后台菜单功能。或用分类列表代替用wp_list_categories()函数来实现,这些函数需要你慢慢学习他们的使用方法。<br /> 接下来是内容的部分,我们将文章在首页的呈现列表放在</p> <div left>中,用下面的代码来实现文章列表的呈现。</p> <p> <?php while(has_posts()) : the_post(); ?></p> <div id="post"> <div id="post-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></div> <div id="post-content"><?php the_content(); ?></div> </p></div> <p> <?php endwhile; ?><br /> 以上是最最简单的文章循环了,将列出对应条数的最新文章标题和内容。作为开发者,你需要根据自己的想象和需要,结合js效果、css样式,实现自己最终想要的结果。</p> <p> 接下来是sidebar,我们将sidebar放在</p> <div right>中,使用下面这段代码,实现在后台放置widget:</p> <p>     <?php if(is_active_sidebar('sidebar-widget-area-primary')): ?></p> <div id="primary"> <?php dynamic_sidebar( 'sidebar-widget-area-primary' ); ?> </div> <p><!--//end of primary--><br /> <?php endif; // end primary widget area ?><br /> 不过目前这还是无法实现的,我们需要在functions.php中定义一个widget,这样才能实现后台小工具的使用,并在这里表现出来。</p> <p> 网页footer尾部可以由你自由发挥,等你慢慢熟练了wordpress模板的写作之后,可以实现很多调用和特效,例如在底部放入友情链接等。</p> <p> 四、functions.php的初始化定义 ↑</p> <p> 虽然style.css和index.php就可以让主题工作,但这样的主题是没有任何功能的,在前文中你已经发觉这个问题。怎样让主题拥有一些功能呢,如小工具widget的使用,菜单的使用,特色图片的使用等等。你可以在网络上其他文章中发现这些功能如何激活,本文只是做一个最简单的解释,丰富的功能需要你自己慢慢学习。</p> <p> add_action( 'after_setup_theme', 'twentyten_setup' );<br /> if (!function_exists( 'twentyten_setup')):<br /> function twentyten_setup() {<br /> add_editor_style();<br /> add_theme_support( 'post-formats', array( 'aside', 'gallery' ) );<br /> add_theme_support( 'post-thumbnails' );<br /> add_theme_support( 'automatic-feed-links' );<br /> load_theme_textdomain( 'twentyten', TEMPLATEPATH . '/languages' );<br /> $locale = get_locale();<br /> $locale_file = TEMPLATEPATH . "/languages/$locale.php";<br /> if ( is_readable( $locale_file ) )<br /> require_once( $locale_file );<br /> register_nav_menus( array(<br /> 'primary' => __( 'Primary Navigation', 'twentyten' ),<br /> ) );<br /> add_custom_background();<br /> if ( ! defined( 'HEADER_TEXTCOLOR' ) )<br /> define( 'HEADER_TEXTCOLOR', '' );<br /> if ( ! defined( 'HEADER_IMAGE' ) )<br /> define( 'HEADER_IMAGE', '%s/images/headers/path.jpg' );<br /> define( 'HEADER_IMAGE_WIDTH', apply_filters( 'twentyten_header_image_width', 940 ) );<br /> define( 'HEADER_IMAGE_HEIGHT', apply_filters( 'twentyten_header_image_height', 198 ) );<br /> set_post_thumbnail_size( HEADER_IMAGE_WIDTH, HEADER_IMAGE_HEIGHT, true );<br /> if ( ! defined( 'NO_HEADER_TEXT' ) )<br /> define( 'NO_HEADER_TEXT', true );<br /> }<br /> endif;<br /> if(function_exists('register_sidebar')){<br /> register_sidebar(array(<br /> 'name'=>'上部边栏',<br /> 'id' => 'sidebar-widget-area-primary',<br /> 'description' => '',<br /> 'before_widget' => '</p> <div>',<br /> 'after_widget' => '</div> <p>',<br /> 'before_title' => '</p> <h3><span>',<br /> 'after_title' => '</span></h3> <p>',<br /> ));<br /> register_sidebar(array(<br /> 'name'=>'下部边栏',<br /> 'id' => 'sidebar-widget-area-secondary',<br /> 'description' => '',<br /> 'before_widget' => '</p> <div>',<br /> 'after_widget' => '</div> <p>',<br /> 'before_title' => '</p> <h3><span>',<br /> 'after_title' => '</span></h3> <p>',<br /> ));<br /> register_sidebar(array(<br /> 'name'=>'边栏右边',<br /> 'id' => 'sidebar-widget-area-right',<br /> 'description' => '一般放分类列表',<br /> 'before_widget' => '</p> <div>',<br /> 'after_widget' => '</div> <p>',<br /> 'before_title' => '</p> <h3><span>',<br /> 'after_title' => '</span></h3> <p>',<br /> ));<br /> }<br /> 这段代码是我从tweentyten主题中抄袭和稍加修改过来的,你可以将这段代码拷贝到你的functions.php中,进入后台看看是否已经激活了不少功能。</p> <p> 接下来的工作就是要添加新的函数了,用新的函数来实现很多新的wordpress系统没有的功能。由于wordpress模板开发是一个巨大的工程,无法用一篇文章讲完,因此,本文只是稍加点讲,无法深入,你可以看其他文章,以获取新的信息。</p> <p> 五、构建完整的模板体系 ↑</p> <p> 通过上文的讲解加上你坚持不懈的学习,应该对wordpress模板的初浅知识有了较为深刻的体会。接下来你就将拥有一个庞大复杂但逻辑合理成系统体系的模板了。</p> <p> 我们利用之前制作好的index.php文件将其分割,将我所指的头部全部剪切到一个新的header.php文件中,置于mytheme下,在index.php被剪切的地方用<?php get_header(); ?>代替,将</p> <div container>全部剪切到新的loop.php中用<?php get_template_part('loop','index'); ?>代替,将尾部全部剪切到footer.php中用<?php get_footer(); ?>代替。这样一来你就发现你的index.php只留下了三条php语句了,在运行你的博客试试,是否跟刚才的效果一模一样呢?再将loop.php中的</p> <div right>剪切到sidebar.php中用<?php get_sidebar(); ?>代替。这下是不是觉得你的主题文件夹内就丰富了好多。</p> <p> 新建一个category.php,将index.php中的内容拷贝过来,修改<?php get_template_part('loop','index'); ?>为<?php get_template_part('loop','category'); ?>,新建一个loop-category.php并在里面编写分类页想要呈现的表现形式。</p> <p> 按照这个思路,很快你的模板文件就会有很多,而且随着你对模板文件之间调用关系的理解,很快可以自由编写文件了。</p> <p> 六、总结 ↑</p> <p> 编写wordpress模板是一个比较繁杂的过程,对于初学者是很难一下获得成功的,只有慢慢学习和敢于挑战才能获取成功。wordpress模板的关键主要体现在:</p> <p> 1、模板样式:模板的外观决定了模板的成败,一个好的模板首先体现在另读者很舒服的外观上,而作为程序员,往往被设计难倒;要向拥有令人眼前一亮的wordpress模板,学好设计和css是必不可少的网编基础。<br /> 2、模板功能:模板的功能是体现模板开发者水平的衡量标准,一个功能丰富的模板,能给用户一种权威的感觉,无论是个人站还是企业站,华丽的网站功能让用户觉得站长是用心做站的人。<br /> 3、模板的设计理念:开发者根据自己的目标设计符合自身需要的模板,不盲目追求,不刻意回避,而是以需求为目标,以用户体验为设计动力。</p> <p> 因此,其实开发wordpress到后期问题不是在wordpress模板的代码逻辑和函数编写上,而是在于天才的开发思路和高雅的审美观念上。</p> </div> <div id="social"></div> <footer class="single-footer"> </footer><!-- .entry-footer --> <div class="clear"></div> </div><!-- .entry-content --> </article><!-- #post --> <div class="single-tag"></div> <div class="authorbio wow fadeInUp" data-wow-delay="0.3s"> <img alt='' src='https://cn.gravatar.com/avatar/d30f276c1b739fd61ac5751215b2e592?s=64&r=g&default=https%3A%2F%2Fwww.skykkk.com%2Fwp-content%2Fthemes%2Ffuli%2Fimg%2Favatar%2F96%2Flatin_z.png' class='avatar avatar-64 photo wpfla ' width='64' height='64' /> <ul class="spostinfo"> <li> <li><strong>版权声明:</strong>本文章发表于2019年12月10日<i class="i-time">14:03:19</i>,由 <b><a href="https://www.skykkk.com/archivesauthor/chenjiayu/" title="由最新VPS推荐发布" rel="author">最新VPS推荐</a></b> 发表,共 2413 字。</li> <li class="reprinted"><strong>转载请注明:</strong><a href="https://www.skykkk.com/archives1235.html" rel="bookmark" title="本文固定链接 https://www.skykkk.com/archives1235.html">wordpress模板文件结构超详解 | hostloc最新VPS博客https://www.skykkk.com/archives1235.html</a></li> </ul> <div class="clear"></div> </div> <div id="related-img" class="wow fadeInUp" data-wow-delay="0.3s"> <div class="r4"> <div class="related-site"> <figure class="related-site-img"> <a href="https://www.skykkk.com/archives1182.html"><img src="https://www.skykkk.com/wp-content/themes/fuli/timthumb.php?src=http://www.smsbao.com/uploads/allimg/170718/4-1FGQ31129449.png&w=280&h=210&a=&zc=1" alt="Wordpress好用的注册短信插件" /></a> </figure> <div class="related-title"><a href="https://www.skykkk.com/archives1182.html">WordPress好用的注册短信插件</a></div> </div> </div> <div class="r4"> <div class="related-site"> <figure class="related-site-img"> <a href="https://www.skykkk.com/archives143.html"><img src="https://www.skykkk.com/wp-content/themes/fuli/img/random/3.jpg" alt="火车头采集器关于wordpress5.4版本的发布接口" /></a> </figure> <div class="related-title"><a href="https://www.skykkk.com/archives143.html">火车头采集器关于wordpress5.4版本的发布接口</a></div> </div> </div> <div class="r4"> <div class="related-site"> <figure class="related-site-img"> <a href="https://www.skykkk.com/archives139.html"><img src="https://www.skykkk.com/wp-content/themes/fuli/img/random/2.jpg" alt="wordpress关于mysql批量删除指定字符后所有的内容" /></a> </figure> <div class="related-title"><a href="https://www.skykkk.com/archives139.html">wordpress关于mysql批量删除指定字符后所有的内容</a></div> </div> </div> <div class="r4"> <div class="related-site"> <figure class="related-site-img"> <a href="https://www.skykkk.com/archives130.html"><img src="https://www.skykkk.com/wp-content/themes/fuli/timthumb.php?src=https://www.skykkk.com/wp-content/uploads/2020/04/2.jpg&w=280&h=210&a=&zc=1" alt="Navicat Premium快速连接MYSQL数据库,通过MYSQL导入WORDPRESS分类目录" /></a> </figure> <div class="related-title"><a href="https://www.skykkk.com/archives130.html">Navicat Premium快速连接MYSQL数据库,通过MYSQL导入WORDPRESS分类目录</a></div> </div> </div> <div class="clear"></div> </div> <div id="single-widget"> <div class="wow fadeInUp" data-wow-delay="0.3s"> <aside class="add-widgets"> <a href="https://www.skykkk.com/wp-admin/widgets.php" target="_blank">为“正文底部小工具”添加小工具</a> </aside> </div> <div class="clear"></div> </div> <nav class="nav-single wow fadeInUp" data-wow-delay="0.3s"> <a href="https://www.skykkk.com/archives1236.html" rel="prev"><span class="meta-nav"><span class="post-nav"><i class="be be-arrowleft"></i> 上一篇</span><br/>WordPress的seo优化插件-All in One SEO Pack和WP Keyword Link</span></a><a href="https://www.skykkk.com/archives1234.html" rel="next"><span class="meta-nav"><span class="post-nav">下一篇 <i class="be be-arrowright"></i></span><br/>点击式防垃圾评论wordpress插件</span></a> <div class="clear"></div> </nav> <nav class="navigation post-navigation" role="navigation" aria-label="文章"> <h2 class="screen-reader-text">文章导航</h2> <div class="nav-links"><div class="nav-previous"><a href="https://www.skykkk.com/archives162.html" rel="prev"><span class="meta-nav-r" aria-hidden="true"><i class="be be-arrowleft"></i></span></a></div><div class="nav-next"><a href="https://www.skykkk.com/archives161.html" rel="next"><span class="meta-nav-l" aria-hidden="true"><i class="be be-arrowright"></i></span></a></div></div> </nav> <!-- 引用 --> <div class="scroll-comments"></div> <div id="comments" class="comments-area"> <div id="respond" class="comment-respond wow fadeInUp" data-wow-delay="0.3s"> <h3 id="reply-title" class="comment-reply-title"><span>发表评论</span><small><a rel="nofollow" id="cancel-comment-reply-link" href="/archives1235.html#respond" style="display:none;">取消回复</a></small></h3> <form action="https://www.skykkk.com/wp-comments-post.php" method="post" id="commentform"> <p class="emoji-box"><script type="text/javascript"> /* <![CDATA[ */ function grin(tag) { var myField; tag = ' ' + tag + ' '; if (document.getElementById('comment') && document.getElementById('comment').type == 'textarea') { myField = document.getElementById('comment'); } else { return false; } if (document.selection) { myField.focus(); sel = document.selection.createRange(); sel.text = tag; myField.focus(); } else if (myField.selectionStart || myField.selectionStart == '0') { var startPos = myField.selectionStart; var endPos = myField.selectionEnd; var cursorPos = endPos; myField.value = myField.value.substring(0, startPos) + tag + myField.value.substring(endPos, myField.value.length); cursorPos += tag.length; myField.focus(); myField.selectionStart = cursorPos; myField.selectionEnd = cursorPos; } else { myField.value += tag; myField.focus(); } } /* ]]> */ </script> <a href="javascript:grin(':?:')"><img src="https://www.skykkk.com/wp-content/themes/fuli/img/smilies/icon_question.gif" alt=":?:" title="疑问" /></a> <a href="javascript:grin(':razz:')"><img src="https://www.skykkk.com/wp-content/themes/fuli/img/smilies/icon_razz.gif" alt=":razz:" title="调皮" /></a> <a href="javascript:grin(':sad:')"><img src="https://www.skykkk.com/wp-content/themes/fuli/img/smilies/icon_sad.gif" alt=":sad:" title="难过" /></a> <a href="javascript:grin(':evil:')"><img src="https://www.skykkk.com/wp-content/themes/fuli/img/smilies/icon_evil.gif" alt=":evil:" title="抠鼻" /></a> <a href="javascript:grin(':!:')"><img src="https://www.skykkk.com/wp-content/themes/fuli/img/smilies/icon_exclaim.gif" alt=":!:" title="吓" /></a> <a href="javascript:grin(':smile:')"><img src="https://www.skykkk.com/wp-content/themes/fuli/img/smilies/icon_smile.gif" alt=":smile:" title="微笑" /></a> <a href="javascript:grin(':oops:')"><img src="https://www.skykkk.com/wp-content/themes/fuli/img/smilies/icon_redface.gif" alt=":oops:" title="憨笑" /></a> <a href="javascript:grin(':grin:')"><img src="https://www.skykkk.com/wp-content/themes/fuli/img/smilies/icon_biggrin.gif" alt=":grin:" title="坏笑" /></a> <a href="javascript:grin(':eek:')"><img src="https://www.skykkk.com/wp-content/themes/fuli/img/smilies/icon_surprised.gif" alt=":eek:" title="惊讶" /></a> <a href="javascript:grin(':shock:')"><img src="https://www.skykkk.com/wp-content/themes/fuli/img/smilies/icon_eek.gif" alt=":shock:" title="发呆" /></a> <a href="javascript:grin(':???:')"><img src="https://www.skykkk.com/wp-content/themes/fuli/img/smilies/icon_confused.gif" alt=":???:" title="撇嘴" /></a> <a href="javascript:grin(':cool:')"><img src="https://www.skykkk.com/wp-content/themes/fuli/img/smilies/icon_cool.gif" alt=":cool:" title="大兵" /></a> <a href="javascript:grin(':lol:')"><img src="https://www.skykkk.com/wp-content/themes/fuli/img/smilies/icon_lol.gif" alt=":lol:" title="偷笑" /></a> <a href="javascript:grin(':mad:')"><img src="https://www.skykkk.com/wp-content/themes/fuli/img/smilies/icon_mad.gif" alt=":mad:" title="咒骂" /></a> <a href="javascript:grin(':twisted:')"><img src="https://www.skykkk.com/wp-content/themes/fuli/img/smilies/icon_twisted.gif" alt=":twisted:" title="发怒" /></a> <a href="javascript:grin(':roll:')"><img src="https://www.skykkk.com/wp-content/themes/fuli/img/smilies/icon_rolleyes.gif" alt=":roll:" title="白眼" /></a> <a href="javascript:grin(':wink:')"><img src="https://www.skykkk.com/wp-content/themes/fuli/img/smilies/icon_wink.gif" alt=":wink:" title="鼓掌" /></a> <a href="javascript:grin(':idea:')"><img src="https://www.skykkk.com/wp-content/themes/fuli/img/smilies/icon_idea.gif" alt=":idea:" title="酷" /></a> <a href="javascript:grin(':arrow:')"><img src="https://www.skykkk.com/wp-content/themes/fuli/img/smilies/icon_arrow.gif" alt=":arrow:" title="擦汗" /></a> <a href="javascript:grin(':neutral:')"><img src="https://www.skykkk.com/wp-content/themes/fuli/img/smilies/icon_neutral.gif" alt=":neutral:" title="亲亲" /></a> <a href="javascript:grin(':cry:')"><img src="https://www.skykkk.com/wp-content/themes/fuli/img/smilies/icon_cry.gif" alt=":cry:" title="大哭" /></a> <a href="javascript:grin(':mrgreen:')"><img src="https://www.skykkk.com/wp-content/themes/fuli/img/smilies/icon_mrgreen.gif" alt=":mrgreen:" title="呲牙" /></a> <br /></p> <p class="comment-form-comment"><textarea id="comment" name="comment" rows="4" tabindex="1"></textarea></p> <p class="comment-tool"> <a class="tool-img" href='javascript:embedImage();' title="插入图片"><i class="icon-img"></i><i class="be be-picture"></i></a> <a class="emoji" href="" title="插入表情"><i class="be be-insertemoticon"></i></a> </p> <div id="comment-author-info"> <p class="comment-form-author"> <label for="author">昵称<span class="required">*</span></label> <input type="text" name="author" id="author" class="commenttext" value="" tabindex="2" /> </p> <p class="comment-form-email"> <label for="email">邮箱<span class="required">*</span></label> <input type="text" name="email" id="email" class="commenttext" value="" tabindex="3" /> </p> <p class="comment-form-url"> <label for="url">网址</label> <input type="text" name="url" id="url" class="commenttext" value="" tabindex="4" /> </p> <p class="comment-form-qq"> <label for="qq">QQ</label> <input id="qq" name="qq" type="text" value="" size="30" placeholder="输入QQ号码可以快速填写" /> <span id="loging"></span> </p> </div> <div class="qaptcha"></div> <div class="clear"></div> <p class="form-submit"> <input id="submit" name="submit" type="submit" tabindex="5" value="提交评论"/> <input type='hidden' name='comment_post_ID' value='1235' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p> </form> </div> </div> <!-- #comments --> </main><!-- .site-main --> </div><!-- .content-area --> <div id="sidebar" class="widget-area all-sidebar"> <aside id="related_post-3" class="widget related_post wow fadeInUp" data-wow-delay="0.3s"><h3 class="widget-title"><span class="title-i"><span class="title-i-t"></span><span class="title-i-b"></span><span class="title-i-b"></span><span class="title-i-t"></span></span>HOSTLOC相关文章</h3> <div class="new_cat"> <ul> <li> <span class="thumbnail"> <a href="https://www.skykkk.com/archives1182.html"><img src="https://www.skykkk.com/wp-content/themes/fuli/timthumb.php?src=http://www.smsbao.com/uploads/allimg/170718/4-1FGQ31129449.png&w=280&h=210&a=&zc=1" alt="Wordpress好用的注册短信插件" /></a> </span> <span class="new-title"><a href="https://www.skykkk.com/archives1182.html" rel="bookmark">WordPress好用的注册短信插件</a></span> <span class="date">04/28</span> </li> <li> <span class="thumbnail"> <a href="https://www.skykkk.com/archives143.html"><img src="https://www.skykkk.com/wp-content/themes/fuli/img/random/3.jpg" alt="火车头采集器关于wordpress5.4版本的发布接口" /></a> </span> <span class="new-title"><a href="https://www.skykkk.com/archives143.html" rel="bookmark">火车头采集器关于wordpress5.4版本的发布接口</a></span> <span class="date">04/23</span> </li> <li> <span class="thumbnail"> <a href="https://www.skykkk.com/archives139.html"><img src="https://www.skykkk.com/wp-content/themes/fuli/img/random/9.jpg" alt="wordpress关于mysql批量删除指定字符后所有的内容" /></a> </span> <span class="new-title"><a href="https://www.skykkk.com/archives139.html" rel="bookmark">wordpress关于mysql批量删除指定字符后所有的内容</a></span> <span class="date">04/18</span> </li> <li> <span class="thumbnail"> <a href="https://www.skykkk.com/archives130.html"><img src="https://www.skykkk.com/wp-content/themes/fuli/timthumb.php?src=https://www.skykkk.com/wp-content/uploads/2020/04/2.jpg&w=280&h=210&a=&zc=1" alt="Navicat Premium快速连接MYSQL数据库,通过MYSQL导入WORDPRESS分类目录" /></a> </span> <span class="new-title"><a href="https://www.skykkk.com/archives130.html" rel="bookmark">Navicat Premium快速连接MYSQL数据库,通过MYSQL导入WORDPRESS分类目录</a></span> <span class="date">04/14</span> </li> <li> <span class="thumbnail"> <a href="https://www.skykkk.com/archives129.html"><img src="https://www.skykkk.com/wp-content/themes/fuli/img/random/4.jpg" alt="快速熟悉wordpress数据表(数据字典)数据库及各表结构分析" /></a> </span> <span class="new-title"><a href="https://www.skykkk.com/archives129.html" rel="bookmark">快速熟悉wordpress数据表(数据字典)数据库及各表结构分析</a></span> <span class="date">04/13</span> </li> <li> <span class="thumbnail"> <a href="https://www.skykkk.com/archives127.html"><img src="https://www.skykkk.com/wp-content/themes/fuli/img/random/4.jpg" alt="DeDeCMS织梦CMS搬家到WordPress的完整教程" /></a> </span> <span class="new-title"><a href="https://www.skykkk.com/archives127.html" rel="bookmark">DeDeCMS织梦CMS搬家到WordPress的完整教程</a></span> <span class="date">04/09</span> </li> <li> <span class="thumbnail"> <a href="https://www.skykkk.com/archives126.html"><img src="https://www.skykkk.com/wp-content/themes/fuli/img/random/10.jpg" alt="wordpress在Nginx服务器下伪静态rewrite重写规则" /></a> </span> <span class="new-title"><a href="https://www.skykkk.com/archives126.html" rel="bookmark">wordpress在Nginx服务器下伪静态rewrite重写规则</a></span> <span class="date">04/09</span> </li> <li> <span class="thumbnail"> <a href="https://www.skykkk.com/archives68.html"><img src="https://www.skykkk.com/wp-content/themes/fuli/img/random/10.jpg" alt="Warning: Use of undefined constant taotag – assumed ‘taotag’ (this will throw an Error in a future version of PHP) 解决办法" /></a> </span> <span class="new-title"><a href="https://www.skykkk.com/archives68.html" rel="bookmark">Warning: Use of undefined constant taotag – assumed ‘taotag’ (this will throw an Error in a future version of PHP) 解决办法</a></span> <span class="date">03/23</span> </li> <li> <span class="thumbnail"> <a href="https://www.skykkk.com/archives37.html"><img src="https://www.skykkk.com/wp-content/themes/fuli/timthumb.php?src=https://www.skykkk.com/wp-content/uploads/2020/03/1584616147.jpg&w=280&h=210&a=&zc=1" alt="Wordpress秒开优化教程" /></a> </span> <span class="new-title"><a href="https://www.skykkk.com/archives37.html" rel="bookmark">WordPress秒开优化教程</a></span> <span class="date">03/19</span> </li> <li> <span class="thumbnail"> <a href="https://www.skykkk.com/archives1185.html"><img src="https://www.skykkk.com/wp-content/themes/fuli/img/random/3.jpg" alt="如何调用wordpress置顶文章" /></a> </span> <span class="new-title"><a href="https://www.skykkk.com/archives1185.html" rel="bookmark">如何调用wordpress置顶文章</a></span> <span class="date">02/11</span> </li> </ul> </div> <div class="clear"></div></aside><aside id="random_post-3" class="widget random_post wow fadeInUp" data-wow-delay="0.3s"><h3 class="widget-title"><span class="title-i"><span class="title-i-t"></span><span class="title-i-b"></span><span class="title-i-b"></span><span class="title-i-t"></span></span>VPS随机文章</h3> <div id="random_post_widget"> <ul> <li> <i class="be be-arrowright"></i><a href="https://www.skykkk.com/archives1215.html" rel="bookmark">WordPress源码解读</a> </li> <li> <i class="be be-arrowright"></i><a href="https://www.skykkk.com/archives126.html" rel="bookmark">wordpress在Nginx服务器下伪静态rewrite重写规则</a> </li> <li> <i class="be be-arrowright"></i><a href="https://www.skykkk.com/archives139.html" rel="bookmark">wordpress关于mysql批量删除指定字符后所有的内容</a> </li> <li> <i class="be be-arrowright"></i><a href="https://www.skykkk.com/archives1220.html" rel="bookmark">重启wordpress友情链接功能</a> </li> <li> <i class="be be-arrowright"></i><a href="https://www.skykkk.com/archives1182.html" rel="bookmark">WordPress好用的注册短信插件</a> </li> <li> <i class="be be-arrowright"></i><a href="https://www.skykkk.com/archives1219.html" rel="bookmark">WordPress核心文件功能及其载入</a> </li> <li> <i class="be be-arrowright"></i><a href="https://www.skykkk.com/archives1223.html" rel="bookmark">WordPress:自定义页面模板</a> </li> <li> <i class="be be-arrowright"></i><a href="https://www.skykkk.com/archives1196.html" rel="bookmark">必备的wordpress插件大全</a> </li> <li> <i class="be be-arrowright"></i><a href="https://www.skykkk.com/archives1228.html" rel="bookmark">百度WordPress结构化数据插件上线</a> </li> <li> <i class="be be-arrowright"></i><a href="https://www.skykkk.com/archives1203.html" rel="bookmark">wordpress多站点下不显示图片怎么办</a> </li> <li> <i class="be be-arrowright"></i><a href="https://www.skykkk.com/archives1232.html" rel="bookmark">如何让每个 WordPress 页面有不同的风格或者样式吗?</a> </li> <li> <i class="be be-arrowright"></i><a href="https://www.skykkk.com/archives1197.html" rel="bookmark">为WordPress TinyMCE增加额外的功能</a> </li> <li> </li> <li> <i class="be be-arrowright"></i><a href="https://www.skykkk.com/archives1204.html" rel="bookmark">wordpress常用函数</a> </li> <li> <i class="be be-arrowright"></i><a href="https://www.skykkk.com/archives1193.html" rel="bookmark">如何让WordPress站点绑定多个域名</a> </li> <li> <i class="be be-arrowright"></i><a href="https://www.skykkk.com/archives1206.html" rel="bookmark">wordpress密码生成与登录密码验证</a> </li> <li> <i class="be be-arrowright"></i><a href="https://www.skykkk.com/archives1185.html" rel="bookmark">如何调用wordpress置顶文章</a> </li> <li> <i class="be be-arrowright"></i><a href="https://www.skykkk.com/archives1234.html" rel="bookmark">点击式防垃圾评论wordpress插件</a> </li> <li> <i class="be be-arrowright"></i><a href="https://www.skykkk.com/archives1200.html" rel="bookmark">解决wampserver下wordpress访问权限的问题</a> </li> <li> <i class="be be-arrowright"></i><a href="https://www.skykkk.com/archives1199.html" rel="bookmark">如何迁移wordpress网站</a> </li> </ul> </div> <div class="clear"></div></aside> </div> <div class="clear"></div> </div><!-- .site-content --> <div class="clear"></div> <div id="footer-widget-box" class="site-footer"> <div class="footer-widget"> <aside class="add-widgets"> <a href="https://www.skykkk.com/wp-admin/widgets.php" target="_blank">为“页脚小工具”添加小工具</a> </aside> <div class="clear"></div> </div> </div> <footer id="colophon" class="site-footer" role="contentinfo"> <div class="site-info"> Copyright ©  免费VPS优惠码 版权所有2019-2020. <span class="add-info"> <strong>免责声明:</strong>本站某些文章、信息、图片、软件等来源于互联网,由本网整理发表,希望传递更多信息和学习之目的,并不意味赞同起观点或证实其内容的真实性以及违法用途。使用前请自行甄别。因个人自愿选择使用本站介绍的资源造成的损失由使用者承担! 如设计、版权等问题,请立即联系管理员wenyan889#qq.com .#替换成@,我们会给予更改或删除相关文章,保证您的权利。<span style="background-color: #ffffff;"><strong>部分节点由:<a style="background-color: #ffffff;" href="https://www.skykkk.com/go.php?https://www.aliyun.com/minisite/goods?userCode=5zijavna">阿里云</a>、<a style="background-color: #ffffff;" href="https://www.skykkk.com/go.php?https://url.cn/5XRFB2E">腾讯云</a>等提供</strong></span>. <script type="text/javascript">document.write(unescape("%3Cspan id='cnzz_stat_icon_1278698889'%3E%3C/span%3E%3Cscript src='https://v1.cnzz.com/z_stat.php%3Fid%3D1278698889%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));</script> </span> </div><!-- .site-info --> </footer><!-- .site-footer --> <ul id="scroll"> <li class="log log-no"><a class="log-button" title="文章目录"><i class="be be-menu"></i></a><div class="log-prompt"><div class="log-arrow">文章目录</div></div></li> <li><a class="scroll-home" href="https://www.skykkk.com/" title="首页" rel="home"><i class="be be-home"></i></a></li> <li><a class="scroll-h" title="返回顶部"><i class="be be-arrowup"></i></a></li> <li><a class="scroll-c" title="评论"><i class="be be-speechbubble"></i></a></li> <li><a class="scroll-b" title="转到底部"><i class="be be-arrowdown"></i></a></li> <li class="gb2-site"><a id="gb2big5"><span>繁</span></a></li> <li class="qr-site"><a href="javascript:void(0)" class="qr" title="本页二维码"><i class="be be-qr-code"></i><span class="qr-img"><span id="output"><img class="alignnone" src="/wp-content/themes/fuli/img/favicon.png" alt="icon"/></span><span class="arrow arrow-z"><i class="be be-playarrow"></i></span><span class="arrow arrow-y"><i class="be be-playarrow"></i></span></span></a></li> <script type="text/javascript">$(document).ready(function(){if(!+[1,]){present="table";} else {present="canvas";}$('#output').qrcode({render:present,text:window.location.href,width:"150",height:"150"});});</script> </ul></div><!-- .site --> <script type="text/javascript" src="https://www.skykkk.com/wp-content/themes/fuli/js/jquery-ui.min.js"></script> <script type="text/javascript" src="https://www.skykkk.com/wp-content/themes/fuli/js/qaptcha.jquery.js"></script> <script type="text/javascript">var QaptchaJqueryPage="https://www.skykkk.com/wp-content/themes/fuli/inc/qaptcha.jquery.php"</script> <script type="text/javascript">$(document).ready(function(){$('.qaptcha').QapTcha();});</script> <script type='text/javascript' src='https://www.skykkk.com/wp-content/themes/fuli/js/getqqinfo.js?ver=24/11/2017'></script> <script type='text/javascript' src='https://www.skykkk.com/wp-content/themes/fuli/js/slides.js?ver=24/11/2017'></script> <script type='text/javascript' src='https://www.skykkk.com/wp-content/themes/fuli/js/jquery.qrcode.min.js?ver=24/11/2017'></script> <script type='text/javascript' src='https://www.skykkk.com/wp-content/themes/fuli/js/sticky.js?ver=1.6.0'></script> <script type='text/javascript' src='https://www.skykkk.com/wp-content/themes/fuli/js/selectordie.js?ver=24/11/2017'></script> <script type='text/javascript' src='https://www.skykkk.com/wp-content/themes/fuli/js/jquery-ias.js?ver=2.2.1'></script> <script type='text/javascript' src='https://www.skykkk.com/wp-content/themes/fuli/js/jquery.lazyload.js?ver=24/11/2017'></script> <script type='text/javascript' src='https://www.skykkk.com/wp-content/themes/fuli/js/tipso.js?ver=1.0.1'></script> <script type='text/javascript'> /* <![CDATA[ */ var wpl_ajax_url = "https:\/\/www.skykkk.com\/wp-admin\/admin-ajax.php"; /* ]]> */ </script> <script type='text/javascript' src='https://www.skykkk.com/wp-content/themes/fuli/js/script.js?ver=24/11/2017'></script> <script type='text/javascript' src='https://www.skykkk.com/wp-content/themes/fuli/js/flexisel.js?ver=24/11/2017'></script> <script type='text/javascript' src='https://www.skykkk.com/wp-content/themes/fuli/js/fancybox.js?ver=24/11/2017'></script> <script type='text/javascript' src='https://www.skykkk.com/wp-content/themes/fuli/js/comments-ajax-qt.js?ver=24/11/2017'></script> <script type='text/javascript' src='https://www.skykkk.com/wp-content/themes/fuli/js/superfish.js?ver=24/11/2017'></script> <script type='text/javascript' src='https://www.skykkk.com/wp-content/themes/fuli/js/gb2big5.js?ver=24/11/2017'></script> <script type="text/javascript">var ias=$.ias({container:"#comments",item:".comment-list",pagination:".scroll-links",next:".scroll-links .nav-previous a",});ias.extension(new IASTriggerExtension({text:'<i class="be be-circledown"></i>更多',offset: 0,}));ias.extension(new IASSpinnerExtension());ias.extension(new IASNoneLeftExtension({text:'已是最后',}));ias.on('rendered',function(items){$("img").lazyload({effect: "fadeIn",failure_limit: 10});});</script> </body> </html>