WordPress主题制件笔记 （wordpress花园教程）

自定义字段插件：Advanced CustomFields

自定义联系表单插件：Contact Form 7

自定义文章类型插件：Custom Post Type UI

发邮件插件：WP-MAIL-SMTP

自定义文章页面：single-fxd.php

内容模版： template-parts/content.php(content-fxd.php,content-zidingyi.php)

MobilePress 插件待测

MobilePress插件是一款自动识别访问设备的插件，它可以根据用户的设备来决定以什么样的主题来呈现内容，非常方便。

调用内容模版：

1. <?php while ( have_posts() ) : the_post(); ?>


2. <?php get_template_part( 'template-parts/content', 'single' ); ?>


3. //这里是指调用template-parts/content-single.php文件；


4. <?php endwhile; // End of the loop.


5. else: ?>


6. <?php get_template_part( 'template-parts/content', 'none' ); ?>

自定义模块：module/fxd.php;

调用模块：include(locate_template('module/pagination.php'));

自定义页面page: page-fxd.php;

1、查看当前调用的文件

在wp-includes\template-loader.php文件中加入3行代码：

1 2 3

if($_GET[tpl]=='die'){ die($template); }

然后在地址中添加一个参数tpl=die就可以查看当前使用的文件； 

 

wordpress模版结构图：

 

 

 

 

 

1.创建头文件header.php；

记得添加wp_head();

在</head>之前;

2.创建脚步文件footer.php;

记得添加wp_footer();

在</body>之前;

3.javascript文件的两种引入方式；

方式1：

<script src="<?php bloginfo('template_url');?>/js/jquery.js"></script>

（一般可行）

方式2：

wp_enqueue_script( 'init_js',get_bloginfo('template_url').'/js/init.js');

（更专业）

4.css文件的两种引入方式；

方式1：

<link rel="stylesheet" href="<?php bloginfo('template_url');?>/css/style-wide.css" />

（一般可行）

方式2：

wp_enqueue_style( 'init_style',get_bloginfo('template_url').'/css/mystyle.css');

（更专业）

5.通过get_header();和get_footer();包含头尾文件；

6.bloginfo('template_url');会输出模板地址的绝对路径

7.注意将所有的资源文件（图片，js文件,css文件）进行路径替换；（大家出现问题最多的就是这里！！！）

 

 

自定义循环查询

1. <?php


2. $args=array(


3. 'post_type'=>'page',//查找出所有页面（多个结果集，复数）


4. 'page_id'=>16//仅仅查询id号为16的页面，只有一个结果，单数


5. );


6. // 实例化wp_query


7. $the_query = new WP_Query( $args );




9. // 开始循环


10. if ( $the_query->have_posts() ) {//如果找到了结果，便输出以下内容




12. while ( $the_query->have_posts() ) {//再次判断是否有结果


13. $the_query->the_post();//不用问为什么，每次都要写这个；


14. //这里开始输出你想要的模板标签


15. ?>




17. <div class="col col_1_3">


18. <div class="inner">


19. <h2><?php the_title();?></h2>


20. <p><?php the_content();?></p>


21. <a href="<?php the_permalink();?>" class="link-more">more details</a> </div>


22. </div>






25. <?php


26. }




28. } else {


29. // 如果没有找到任何结果，就输出这个


30. }




32. wp_reset_postdata();//不用问为什么，每次都记得写就好


33. ?>

循环调用文章类型为post的文章，这里只输出了标题

1. <?php


2. $args = array('post_type'=>'post');


3. // The Query


4. $the_query = new WP_Query( $args );




6. // The Loop


7. if ( $the_query->have_posts() ) {


8. echo '<ul>';


9. while ( $the_query->have_posts() ) {


10. $the_query->the_post();


11. echo '<li>' . get_the_title() . '</li>';


12. }


13. echo '</ul>';


14. } else {


15. // no posts found


16. }


17. /* Restore original Post Data */


18. wp_reset_postdata();


19. ?>

调用顺序：

定义查询范围（如post_type）再执行查询WP_Query($args);    再找到the_post(); 再调用它的 the_title(); the_content(); the_permalink(); 等等；

标签调用的格式为 the_tag()和 get_the_tag();

the_yourtag()会直接把标签内容输出到html上面；

get_the_yourtag()会把标签内容保存到一个变量中，以供稍后的使用；

常用的标签有：

1. <!--?php the_content(); ?--> 日志内容


2. <!--?php the_title(); ?--> 显示一篇日志或页面的标题


3. <!--?php the_permalink() ?--> 显示一篇日志或页面的永久链接/URL地址


4. <!--?php the_category(',') ?--> 显示一篇日志或页面的所属分类


5. <!--?php the_author(); ?--> 显示一篇日志或页面的作者


6. <!--?php the_ID(); ?--> 显示一篇日志或页面的ID


7. <!--?php edit_post_link(); ?--> 显示一篇日志或页面的编辑链接


8. <!--?php next_post_link('%link') ?--> 下一篇日志的URL地址


9. <!--?php previous_post_link('%link') ?--> 上一篇日志的URL地址

Wordpress 的默认循环

 

wordpress会根据【链接结构】来进行数据的查询,

和定自义循环不同，默认循环直接从while开始，不用定义查询参数

1. <?php




3. // single.php 一般文章页面


4. // Start the loop.


5. while ( have_posts() ) : the_post();




7. /*


8. * Include the post format-specific template for the content. If you want to


9. * use this in a child theme, then include a file called called content-___.php


10. * (where ___ is the post format) and that will be used instead.


11. */


12. get_template_part( 'content', get_post_format() );




14. // If comments are open or we have at least one comment, load up the comment template.


15. if ( comments_open() || get_comments_number() ) :


16. comments_template();


17. endif;




19. // Previous/next post navigation.


20. the_post_navigation( array(


21. 'next_text' => '<span class="meta-nav" aria-hidden="true">' . __( 'Next', 'twentyfifteen' ) . '</span> ' .


22. '<span class="screen-reader-text">' . __( 'Next post:', 'twentyfifteen' ) . '</span> ' .


23. '<span class="post-title">%title</span>',


24. 'prev_text' => '<span class="meta-nav" aria-hidden="true">' . __( 'Previous', 'twentyfifteen' ) . '</span> ' .


25. '<span class="screen-reader-text">' . __( 'Previous post:', 'twentyfifteen' ) . '</span> ' .


26. '<span class="post-title">%title</span>',


27. ) );




29. // End the loop.


30. endwhile;


31. ?>

1. <?php


2. // Start the loop.


3. while ( have_posts() ) : the_post();




5. // Include the page content template.


6. get_template_part( 'content', 'page' );




8. // If comments are open or we have at least one comment, load up the comment template.


9. if ( comments_open() || get_comments_number() ) :


10. comments_template();


11. endif;




13. // End the loop.


14. endwhile;


15. ?>

新建页面的2种方法：

自定义page文件命名的方式为：page-id.php   page-feng.php

默认page文件为:page.php

 

方法1.创建一个新的模板文件

1. <?php


2. /*


3. *Template Name : New Template


4. */


5. //And start to write your code here...


6. //然后这里写你的循环程序


7. ....


8. ...


9. .


10. ?>

【方法2.创建page-$id.php文件】
这样的文件,因为是通过id直接定位对应的页面(page)模板,所以方法1中的代码可以省略不写。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

来自为知笔记(Wiz)