咱们上次说到启用我们开发的主题后,发现主页一片混乱。
这一看就是css失效了在WordPress主题模板中,如何正确的引用css文件呢?WordPress非常贴心地提供了一个函数-get_stylesheet_uri,这个函数会直接返回style.css的路径,所以,修改一下index.php头部style.css的路径就可以了。
如下:
>刷新一下首页,是不是好一点了图片的路径也不对虽然,这些图片都只是临时用一下,不过现在看着非常难受…… 可以使用WordPress的另一个函数-get_stylesheet_directory_uri,这个函数会返回style.css所在目录(也就是当前主题目录)的路径。
那么只要在原来图片路径的前面拼接上目录路径就可以了类似下面的修改:
src="">把全部图片一一修改,再刷新一下页面,总算正常一点了
整个页面的中心就是一个文章列表,这个文章列表如何实现呢?这就要用到大名鼎鼎的WordPress主循环了一个典型的主循环结构:if ( have_posts() ) :while ( have_posts() ) : the_post();。
// 在这里展示文章信息endwhile;else :echo 没有找到文章;endif;我们把这段代码添加到文章列表的位置,然后把文章列表中的第一个文章块粘贴到“在这里展示文章信息”的位置,如下:
发表评论:
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。