在本章节中,我们将学习到WordPress的一些主题基础

主题基础主要有:

1.WordPress的模块文件知识

2.模板文件工作流程以及优先级

3.主题里的基本循环

 

主题基础

WordPress主题包含了许多文件,其中有模板页面。模板页面是层级结构,这意味着如果一个页面不存在,wordpress可以调用下一个页面。

WordPress主题也包括了图像文件,css样式表,和php代码以及模板页面,你可在主题中使用不同的模板。

Include是一个模板页面,可以包含多个页面,例如头部页面,脚部页面,侧边栏页面等。

WordPress主题有许多分开的php代码文件,将一个主题分解为不同的模块,这样使得主题没那么混乱。

WordPress主题主要文件模块

模板工作流程,判断使用哪个模块

WordPress主题文件模块优先级

当访问默认页面时

  • page.php胜过index.php
  • Home.php胜过index.php
  • front-page.php 胜过index.php

当访问个人文章和其他

  • single.php 胜过 index.php
  • single-post_type.php 胜过single.php
  • single-attachment.php 胜过 single.php

当访问文章列表和搜索结果

  • archive.php 胜过 index.php
  • search.php 胜过 index.php
  • category.php 胜过 archive.php
  • taxonomy.php 胜过 archive.php
  • tag.php 胜过 archive.php
  • author.php 胜过 archive.php

当访问页面无法找到

  • 404.php胜过所有其他页面

WordPress这样做是为了灵活性,php文件包含了头部,脚部,侧边栏等所有代码,将主题分解成不同的模块,可以让你更容易设计出不同类型的内容,布局和插件。让我们先创建一个简单的主题,然后继续创建更多的模板文件。

主题里的基本循环

循环在wordpress主题中是非常重要的,它能够按顺序显示你的帖子,并让你自定义显示各式各样的标签和标记

了解循环在wordpress中是非常有用的,可以让你定制出任何特殊的要求或效果。

下面我们来创建一个基本的循环。

1.找到代码

<article class="post">
 <h2><a href="#">Really Long Article Title Name The More Text 
The Better Cause You Never Know</a></h2>
 <p class="entry-meta">by Author Name for <a href="#">Column 
Type</a></p>
 <div class="entry-content"><!--//post-->
 <p>Lorem ipsum dolor sit amet, consectetuer adipiscing 
elit. Sed a eros nec orci volutpat vestibulum. Ut pellentesque 
sagittis metus. In euismod tellus id ante.</p> 
 <blockquote class="left margin-right third bg-dark2 imgquote-dark bdr rnd rnd-right shdw-centered">Lorem ipsum dolor 
sit amet, consectetuer adipiscing elit.</blockquote>
 <p>Lorem ipsum dolor sit amet, consectetuer adipiscing 
elit. Sed a eros nec orci volutpat vestibulum. Ut pellentesque 
sagittis metus. In euismod tellus id ante.</p>
 </div><!--//.entry-content-->
 <p class="left"><a class="more" href="#">Read more 
&raquo;</a></p>
 <p class="right"><a class="comments-count" 
href="#">150</a></p>
 <div class="push"></div>
</article>

我们发现有的代码不知出现一次,于是我们需要循环输出。

2.在<article>标签之前添加代码,开始我们的循环。

<?php if (have_posts()) :?>
<?php while (have_posts()) : the_post();?>

接下来用代码显示帖子标题,替换掉原来的伪静态标题。

<h2 class=""><a href="<?php the_permalink() ?>" rel="bookmark" 
title="Permanent Link to <?php the_title_attribute(); ?>"><?php 
the_title();?></a></h2>

the_title();(获取文章标题函数)

3.接下来,添加显示文章内容的代码

<div class="entry-content">
<?php the_content();?></div>

the_content();(显示文章内容函数)

4.在文章内容中替换掉链接的代码

<p class="left"><a class="more" href="<?php the_permalink() 
?>">Read more &raquo;</a></p>

5.关闭循环,否则循环将没有作用。

在</article>标签后添加代码如下

<?php endwhile; ?>
<?php else : ?>
 <h2 class="center">Not Found</h2>
 <p class="center">Sorry, but you are looking for 
something that isn't here.</p>
 <?php get_search_form(); ?>
<?php endif; ?>

6.保存所有页面,然后在浏览器中刷新显示。

总的页面代码如下:

<?php if (have_posts()) :?>
 <?php while (have_posts()) : the_post();?> 
 <article class="post">
 <h2>a href="<?php the_permalink() ?>" rel="bookmark" 
title="Permanent Link to <?php the_title_attribute(); ?>"><?php 
the_title();?></a></h2>
 <p class="entry-meta">by Author Name for <a href="#">Column 
Type</a></p>
 <div class="entry-content"><!--//post-->
 <?php the_content();?>
 </div><!--//.entry-content-->
 <p class="left"><a class="more" href="<?php the_permalink() 
?>">Read more &raquo;</a></p>
 <p class="right"><a class="comments-count" href="#">150</a></p>
 <div class="push"></div>
 </article>
<?php endwhile; ?>
<?php else : ?>
 <h2 class="center">Not Found</h2>
 <p class="center">Sorry, but you are looking for something 
that isn't here.</p>
 <?php get_search_form(); ?>
<?php endif; ?>

跟原来的代码相比,新的循环体系能够循环输出所有标题,文章和所有链接,更加灵活。

专业网站开发网页设计公司

深度阅读:

WordPress主题制作教程2.2-WordPress 主题文件 虽然WordPress主题只需要两个文件(index.php和style.css),它们通常由许多文件组成,本节将向您展示如何整理文件。    主题文件和文件结构  默认的二十个主题是主题开发最好的例子。  assets - css ...
wordpress主题制作开发实战教程3.7 – 在模板文件中分解代码 目前我们的主题已经步入循环,现在需要将主题分解至各个模板文件,以确保主题所有部分的编辑可用。这里有一个好的规则建议:首先,避免重复的标记其次,懂得标记独一无二的代码标签,使其仅仅出现在特殊的页面,比如首页 Header.php、Footer.php、...
WordPress主题制作开发实战教程4.2 – 导航栏功能 网站中使用导航栏是为了让访客能够清晰明了地找到网站相应的板块内容。在网站建设中导航栏是非常常见并且有效的。 1.先引入导航栏功能 在主题文件夹中创建一个functions.php的文件然后在开头添加如下代码:
WordPress主题制作教程2.4-WordPress主题功能 许多wordpress新手在进行wordpress主题制作时总会遇到这样的问题,什么是WordPress主题功能,怎样去修改它。functions.php文件是您向WordPress主题添加功能的地方。它用于连接WordPress的核心功能,使您的主题更具模块化,扩展性和功能性。如果你想学习...
WordPress主题制作开发实战教程5 – 调试和验证 在主题制作过程中,我们可能会出现许多的错误。所以我们需要反复调试,直到达到我们所满意的效果。本章节我们将学习调试和验证的方法及调试工具。工作流程在文件中添加一些代码 在浏览器上查看是否美观 在不同的浏览器上验证 如果没完成则修改代码直至完成 完成则...
WordPress主题制作教程2.3-WordPress 模板标签 主题中使用模板标签从数据库中检索内容,内容可以是博客标题或侧边栏的内容。模板标签是将内容放入主题的首选方法,因为:他们可以打印动态内容; 他们可以用于多个主题文件; 他们可以将主题分为更小,更易理解的部分。    什么是模板标签?  ...
WordPress主题制作开发实战教程4.1- 站点设置,固定链接设置 在本章节中,我们将带领大家去学习WordPress主题的站点设置,固定链接设置 站点设置 有时我们需要将我们网站的一些基本信息在网站上显示出来,比如网站标题,网站介绍,邮箱地址等,让人更加的了解这个网站,所以我们需要添加站点设置功能。在后台设置网站信息,在前台页面显示则需要在想显示的页面...
WordPress主题制作教程2.1-WordPress分类目录 WordPress中有很多不同类型的内容,除了默认的Post Types之外,您还可以创建自定义分类目录,所有分类目录存储在同一个地方,在wp_posts数据库表。    默认分类目录  有五种默认的Post Types可供用户使用或或者WordPress安...

发表评论

电子邮件地址不会被公开。 必填项已用*标注

This site uses Akismet to reduce spam. Learn how your comment data is processed.