QY的博客

在本章中，我们将深入了解更多细节来巩固我们的学习成果。 在上一章中，我们介绍了基础知识，但现在我们将使用一些更高级的概念来构建WordPress主题。 这里我们将介绍以下概念：自定义模板页面存档页面发布格式自定义主页效果预览先看一下效果图：在上图中，您可以看到Wordpress Dev主页以及我们将实现的一些小工具，如图所示。 您可以看到有三个小工具框。文章发布格式图库帖子...

这节我们将创建一个自定义主页，然后将小工具添加到指定的位置。新建一个文件并将其保存为front-page.php。 如果我们重新加载主页，它会完全空白，因为它正在查看front-page.php文件。 所以我将复制page.php中的内容并将其粘贴到front-page.php中。刷新前端页面：看起来不太好看，因为这个格式是用来显示帖子内容的。现在我们到网站后台外观 -> 菜单，将菜...

这节我们学习使用小公具我们现在有个侧边栏，但是其内容都是静态的，我们把侧边栏替换成动态的小公具。在博客页面和任何其他页面上，除了我们稍后将创建的自定义主页之外，这将是唯一的小工具。我们将在functions文件中添加小工具的显示位置。打开functions.php，然后找到after_theme_setup这行代码；在这行代码下方添加一些代码，这些代码用来设置小工具位置。//Widget L...

现在我们访问“关于”页面，可以看到它的格式就像一个帖子，这不是我们想要的。我们只希望页面有标题，我们不想要元数据，阅读更多，以及类似的东西。 所以为了改变这一切，我们须要创建一个新文件并将其保存为page.php。我们将index文件中的代码复制，粘贴到page文件中，然后修改一些内容，用下面的代码覆盖while内部的 get_template_part（）<article class=...

目前为止我们只定义了一种格式的帖子， 我们还可以提供诸如图库，链接，图像和报价状态更新等内容，我们可以通过不同方式格式化这些不同类型的帖子。接下来我们来学习如何定制不同格式的帖子。精简index文件代码打开index.php，仔细观察主循环部分的每一行代码：<?php while(have_posts()) : the_post(); ?> <article class=...

现在，如果我们点击其中一个类别，它将跳转到一个类别存档。我们来创建自定义的存档页面。定制存档页如果我们点击admin，用户名，会跳转到作者档案。 我们也可以按日期存档，我们可以通过标签来存档，等等。我们进入主题文件夹，创建一个新文件并将其保存为archive.php。现在，如果我们返回并单击某个类别，您可以看到它是空白的，因为它正在查看archive.php页面。 复制index.php页面...

接下来将学习如何创建一个单独的帖子页。当我们点击“阅读更多”，它会将我们带到单独帖子页，另外我们还会学习为帖子添加缩略图。创建单个帖子页并添加缩略图1、添加缩略图2、创建单独帖子页模板拆分index.php修改single.php1、添加缩略图打开functions.php文件，我们需要让主题启用缩略图支持，我们找到adv_theme_support（）函数，将以下内容添加到函数内部，代码如...

我们之前创建了主题并添加了标题和导航栏，接下来学习如何用WordPress提供的主循环展示博客文章，我们现在页面上的博客是写在HTML中的静态内容，但是在集成了WordPress的页面中，所有的内容都应该是动态的。展示博客文章1、添加主循环2、添加分类3、添加动态元数据时间格式化&显示作者获取文章类别4、削减博客字数&修正Read More按钮1、添加主循环回到我们的inde...

创建WordPress主题1、修改修改style.css2、引用样式表3、修改index.php文件修改头文件修改标题栏修改导航菜单nav4、后台增加页面1、修改修改style.css现在我们将HTML模板转换为WordPress主题。 我刚刚安装了WordPress，只有默认的几款主题。 我们将转到WordPress文件夹，wp-content，然后在themes文件夹中，找到我们新建的ad...

在我们进入WordPress之前，我们将首先绘制出来并使用静态HTML和CSS创建设计布局。构建HTML结构&添加CSS1、创建HTML主体并添加搜索框2、添加导航栏3、添加博客文章4、添加footer部分5、添加一些基础样式6、然后添加header和nav导航部分样式7、为博客文章部分添加样式8、给footer添加样式一个新的文件夹，命名为 advanced-wptheme，然后使用V...

这一节课程我们将学习添加自定义评论功能。打开single.php然后在endif下面。 添加<？php comments_template（）;？>： <?php endif; ?> <?php comments_template(); ?></div>保存代码，刷新前端页面，点击read more，进入单独帖子：