发布文章的php模板,文章内容的模板 - single.php《 WordPress 主题开发》

这个视频，我们再给 WordPress 的文章内容设计一个模板 ... 文章内容的模板是 single.php ... 我们可以先看一下现在的文章内容的显示 ...

点击打开一篇文章 ... (＃艾米 & 大卫的加拿大谷仓婚礼 )因为在我们的主题里并没有 single.php 这个模板文件，所以 WordPress 会使用 index.php 这个模板文件代替 ... 你会发现，文章页面的显示跟文章列表块上的显示是一样的 ...

回到主题项目 ... 我们可以新建一个模板文件 ... 命名为 single.php ...

文章页面跟首页有很多相似的地方，使用同样的页头 ... 同样的底部边栏，和页脚 ..

所以这里我们使用调用这些地方的模板文件 ...

<?php get_header(); ?> ... 调用 header.php ...

然后再输入 <?php get_sidebar(); ?>　调用　sidebar.php 来显示页面的底部边栏 ...

最后是页脚部分 ... <?php get_footer(); ?> ...

下面我们要做的是设计页面的中间部分 ... 先打开我们设计好的文章页面看一下 ...

中间这块儿分成两部分 ... 左边是文章的内容和相关的评论内容 ... 右边是一个右边栏 ...

打开这个网页的代码模式 ... 我们可以把文章页面中间这块儿的代码结构复制到 single.php 这个模板文件里 ...

从这个 #main-content 这个 id 一直到 #content 这个 id ...

打开 single.php ... 粘贴到 get_header() 的下面 ... 然后我们再把这些标签的结束标签补齐...

先是 #content 元素的结束标签 ... 然后是 .span8 的结束标签 ... 下面是 .row 的结束标签 ... 然后是 .container 的结束标签 ...

最后是 #main-content 的结束标签 ...

下面我们可以手工的再把右边栏的布局代码添加进来 ... 在这个 .row 标签的里面，左边占用 8 个网格的是文章内容 ...

右边栏占用剩下的四个网格 ...

这样文章页面的基本结构就做好了，下面视频，我们再把实际的内容添加到这个模板文件里 ...

发布文章的php模板,文章内容的模板 - single.php《 WordPress 主题开发》相关推荐

2020年wordpress主题开发视频教程、WP主题WP模板开发视频教程
这个<2020年wordpress主题开发视频教程>是由码不停蹄官网录制的wordpress建站系列教程之一.本套视频教程非常适合wordpress新手用来学习开发wordpress主题模 ...
解决phpcms模版设置中不能显示栏目首页模板，栏目列表页模板，内容页模板等下拉菜单选项的问题！...
第1步:检查相应的模版文件夹中是否有模版文件一般地,查看目录phpcms/templates/default[模板风格标识]/content 栏目首页模板:以(category_)开头,catego ...
Wordpress 主题开发教程-页面结构与模板
在 wordpress 首页制作中,通过一个简单的 index.php 文件,显示了一个网站首页. 实际上,Wordpress 并不是通过某一个文件来显示内容的,而是一堆模板文件组合显示. 页面结构 ...
wordpress主题怎样在标签云效果中显示每个标签的文章数？
tag标签是wordpress程序所独特的一个模块,在国产的CMS程序(如:织梦)就很难见到它的踪迹.而标签以标签云来展示更是wordpress主题开发的一个常态.变化多样的标签云展示,给wordpr ...
静态html转dedecms模板,dedeCMS织梦模板系统tag标签完美静态化生成静态HTML页面的教程...
DEDECMS是个强大的CMS系统,虽然自带的TAG标签是动态的,但是可以设置伪静态,但是现在我们不满足于伪静态,想生成完全的静态化文件,其实完全是可以生成网站所有TAG列表的静态网页文件,还可以生成 ...
php wordpress 代码模板,WordPress 主题模板常用基本代码与函数
平时在WordPress 主题模板文件里常遇到的基本代码与函数,简单的跟大家分享. 一:WordPress主题中基本模板文件一套完整的WordPress主题应至少具有如下模板文件: style.cs ...
WordPress主题制作全过程（三）：HTML静态模板制作
制作WordPress需要了解PHP,但是不管怎样,你的博客页面都是一张网页,网页之所以能够在浏览器中显示出来,是因为最终传送给浏览器的是HTML.CSS和JS等终端代码,最终由这些代码控制浏览器的显 ...
WordPress 主题教程 #2：模板文件和模板
模板文件(template files)和模板(template)是从零开始创建 WordPress 主题系列教程的第二篇.开始之前,你要确保你已经看过WordPress 主题教程 #1:介绍,否则你 ...
使用模板消息及利用模板消息群发的说明
下周就是国庆节,不知道你公众号的群发次数用完了吗?如果用完了,还可以使用模板消息群发对全部粉丝推送,仅限服务号使用.订阅号依然每天只能用群发1次,开发公众号高级群发接口,不会开发的人员可以直接使用微号 ...
Avada多功能企业主题去授权无限制版本（更新V5.8.2）WordPress主题模板
源码下载:Avada多功能企业主题去授权无限制版本(更新V5.8.2)WordPress主题模板-小程序文档类资源-CSDN下载 Avada多功能企业主题去授权无限制版本(更新V5.8.2)WordP ...

发布文章的php模板,文章内容的模板 - single.php《 WordPress 主题开发》

发布文章的php模板,文章内容的模板 - single.php《 WordPress 主题开发》相关推荐

最新文章

热门文章

发布文章的php模板,文章内容的模板 - single.php《 WordPress 主题开发 》

发布文章的php模板,文章内容的模板 - single.php《 WordPress 主题开发 》相关推荐

最新文章

热门文章

发布文章的php模板,文章内容的模板 - single.php《 WordPress 主题开发》

发布文章的php模板,文章内容的模板 - single.php《 WordPress 主题开发》相关推荐