wordpress根据链接结构来判断调用哪个模版

wordpress生成的“页面”是一个动态的,页面链接末尾的结构决定了调用那个模版。 例子: ?cat=2  //目录(category)的第2个id ?p=2  //文章(post)的第2个id ?page_id=2 //页面(page)的第2个id 模版示例  <?php while ( have_posts() ) : the_post(); ?>     <article <?php post_class(); ?>>              <?php the_title(); ?>          <?php the_content(); ?>                                          </article> <?php endwhile; ?> 如果访问的“页面”是为创建的id,将被转到首页。 参考资料: WordPress花园网站作者录制的视频介绍: 1.wordpress模板制作教程6:默认循环 2.wordpress模板制作教程7.页面模板文件page.php的创建
阅读全文

WordPress模版标签的使用

模版标签是用在模版上显示动态信息自定义博客页面的。 输出模板标签的两种方式例子 the_yourtag()会直接把标签内容打印到html上面; get_the_yourtag()会把标签内容保存到一个变量中,以供稍后的使用; 注:the_permalink()对应的是get_permalink(),没有the的 参考资料: 1.wordpress官网主题制作说明文档: http://codex.wordpress.org/Template_Tags 2.WordPress花园网站作者录制的视频介绍:wordpress模板制作教程5:常用模板标签
阅读全文

wordpress循环WP Query在模版中调用示例

标准循环(loop)的结构 <?php // The Query $the_query = new WP_Query( $args ); // The Loop if ( $the_query->have_posts() ) { echo '<ul>'; while ( $the_query->have_posts() ) { $the_query->the_post(); echo '<li>' . get_the_title() . '</li>'; } echo '</ul>'; } else { // no posts found } /* Restore original Post Data */ wp_reset_postdata(); 示例: 将示例放到wordpress主题模版中调用,可得结果。 <?php //定义$args $args=array( 'post_type'=>'page', 'page_id'=>2 ); // The Query $the_query = new WP_Query( $args ); // The Loop //查询循环 if ( $the_query->have_posts() ) { while ( $the_query->have_posts() ) { $the_query->the_post(); } ?> //输出 <h2><?php the_title();?></h2> <p><?php the_content();?></p> <a href="<?php the_permalink();?>">more details</a> <?php } else { // no...
阅读全文

wordpress主题的javascript和css文件的引入方式

<?php wp_head();?> <?php wp_head();?> 需放在主题的头文件header.php;包在<head>标签里。默认函数将挂钩自动引入主题下的javascript和css 不添加<?php wp_head();?>的话,javascript和css的引入可以通过以下的方式。 javascript的两种引入方式 方式1: <script src="<?php bloginfo('template_url');?>/js/jquery.js"></script> (一般可行)应该可以直接添加到header.php 方式2: wp_enqueue_script( 'init_js',get_bloginfo('template_url').'/js/init.js'); (更专业)直接添加到header.php应该不可用 css的两种引入方式; 方式1: <link rel="stylesheet" href="<?php bloginfo('template_url');?>/css/style-wide.css" /> (一般可行)可以直接添加到header.php 方式2: wp_enqueue_style( 'init_style',get_bloginfo('template_url').'/css/mystyle.css'); 更专业,直接添加到header.php不可用 <?php wp_footer(); ?> <?php wp_footer(); ?>需放在脚步文件footer.php的</body>前,另外<body>在header.php里,脚步文件应该也可以引入css和js。 参考资料 1.wordpress官网主题制作说明文档: http://codex.wordpress.org/Function_Reference/wp_enqueue_style http://codex.wordpress.org/Function_Reference/wp_enqueue_script 2.WordPress花园网站作者录制的视频介绍:wordpress模板制作教程:3头尾文件的创建
阅读全文

wordpress主题在后台显示详细资料介绍的关联文件

在wordpress后台显示主题的介绍,主题根目录下需包含这三个文件: 1.style.css 以Twenty Thirteen为例,css包含这样头部: /* Theme Name: Twenty Thirteen Theme URI: http://wordpress.org/themes/twentythirteen Author: the WordPress team Author URI: http://wordpress.org/ Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small. Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar,...
阅读全文
调试模式获得wordpress页面所使用的模版文件 电脑控

调试模式获得wordpress页面所使用的模版文件

访问wordpress页面的时候,可以使用这种调试方式或得该页面所用到的模版文件。 在 wp-includes\template-loader.php找到这段代码 $template = get_index_template(); endif; 在它下面添加 if($_GET=='die'){ die($template); } 当访问wordpress页面的时候,在链接末尾添加&tpl=die访问 就能得知当前页面我使用的模版文件 访问链接示例: localhost/wordpress/?p=1&tpl=die 附上wordpress程序模版结构: 参考资料 WordPress花园网站作者录制的视频介绍:wordpress模板制作教程:1.模板的结构
阅读全文