WordPress独立站主题创建：设置index.php文件，在页面显示博客文章

蓝海亿观网2021年01月19日 356

“WordPress主题的index.php文件，负责显示独立站发布的所有博客和文章。在WordPress独立站卖家检测到主题正常运行后，需要”

WordPress主题的index.php文件，负责显示独立站发布的所有博客和文章。在WordPress独立站卖家检测到主题正常运行后，需要返回到index.php命令行（command line），并删除为检测主题是否正常运行的文本。然后，独立站卖家需要为WP编写一个命令行，以便从数据库获取博客或文章，并将它们发送到独立站页面。更多关于WordPress主题index.php文件的内容，可点击阅读《WordPress独立站主题：style.css和index.php文件如何创建？》

一、设置index.php文件，显示文章内容

修改index.php文件的目标是恢复文章的标题及其内容，以便在主页上查看所有文件。

蓝海亿观网了解到，“have_posts”命令告诉WP，它必须在数据库中搜索博客文章。如果有文章，它将显示在页面上。如果没有，它将显示WordPress独立站卖家在代码中，为否定响应条件（false）编写的信息。

有一个函数叫做“the_post”，它必须被添加到whiledo循环“have_posts”中。这样在“have_posts”条件下当WP识别为true（响应条件）时，就会显示该文件。通过这个循环，WordPress检查文章，并按需在页面上显示文章。

在实践中，它的运行方式如下：

1.如果数据库中有post（文章，帖子，博客），那么在找到post文件时，循环中的所有命令，将对找到的所有post文件执行。

2.否则，WP将通知用户没有post。如下面的代码所示：

3.在这个循环中使用了两个最基本的函数：“have_posts”和“the_post”。

（1）“have_posts”函数将通知，数据库中是否有需要重复的post。“have_posts”函数如果返回true，则有文章可以显示；如果返回false，则没有。

（2）“the_post”函数将检索最近的post，并执行必要的配置，以便按时间顺序把post显示在主题页面上。由于这发生在循环中，每当有新的post时，如果该函数返回true，将自动添加post。

4.“the_content”函数将内容附加到页面插入的文件标题上。" the_permalink "函数匹配每个post的链接，这样在主页上未显示全文时，用户也可以访问到内容。

如果想在文件标题下添加一个简短的摘要，摘要包含内容的前200个字符，只需插入“the_excerpt”函数来代替“the_content”函数。因此，用户在单击链接时只能访问全文。更多WordPress内容，请阅读《WordPress发布新功能，卖家可用Twitter threads为独立站引流》

在这种情况下，WordPress独立站卖家必须在主题的文件夹中，创建一个新文件，类似于“index.php”。即使使用同一行代码，只需复制并粘贴index.php循环，并将“the_excerpt”函数更改为“the_content”。

二、添加页眉header和页脚footer

下一步是在添加了style.css和index.php文件的主题（theme）的文件夹中，创建新文件，分别是header.php和footer.php。

始终在主题中包含wp_head，因为这是一个特殊的函数，用于结束 header.php文件的<head>部分；在closing </head> tag前使用，主要是为了方便独立站添加插件，独立站可以添加样式，脚本，或meta元素到<head>部分。

1.Footer.php

Footer.php可以关闭函数中使用的tag：

2.创建functions.php文件夹

Functions.php增加了WordPress独立站的个性化，其命令行可以修改CMS的默认行为。蓝海亿观网获悉，Functions.php具有以下特点：

（1）不需要唯一的header text；

（2）只在激活的主题目录中有效；

（3）仅适用于当前主题。

这段代码将包含或激活自定义WordPress主题的stylesheet（样式表）：

3.要执行更多自定义主题的操作，需要使用hook（插入到模板文件中的代码片段，如index.php或functions.php），hook允许独立站卖家在WordPress独立站的不同区域执行PHP操作、添加样式和显示其他信息。

大多数hook是直接在WordPress core核心中实现的，但也有一些对主题开发人员很有用。例如：

（1）hook“after_setup_theme”激活每个帖子的高亮图像（缩略图）、为独立站添加logo、在header.php和footer.php添加菜单栏。

（2）wp_head：添加<head>元素到header.php，允许样式、脚本和其他信息在WordPress独立站加载后立即执行。（Polly Zhang跨境电商新媒体-蓝海亿观网egainnews）文末扫码加入WordPress独立站精英卖家交流群，对接跨境电商优质资源。沃尔玛、Coupang、Wayfair 、MercadoLibre等平台入驻，品牌文案策划及全网推广、电商培训和孵化等服务，请联系我们。不得擅自改写、转载、复制、裁剪和编辑全部或部分内容。