第1步：archive.php 在做这步之前，查看你的侧边栏，点击其中的一个存档链接，结果的页面是不是和首页没有什么不同？...第4步：定制 page.php 还记得静态页面和页面之间的不同吗？page.php 模板文件是用来定制化这些特殊静态静态页面。 第一，在 page.php 中的 第二，从 page.php 中移除 postmetadata 代码。结果如下： 第三，在 page.php 中移除 posts_nav_link() 或者导航模块。 刚才发生了什么？...single.php 模板就是用于处理查看单篇日志时的外观。 在 single.php 中的 下输入： 在单篇日志查看模式下留言链接函数是不起作用，所以要在 singel.php 文件中移除它。只有管理员可见的编辑链接，在 BR 标签的左边。
页面导航 当你的博客内容越来越多的时候，在 WP 的后台又设定了首页只显示10个日志，那么从第11个开始都无法在首页显示出来。 这样在博客的最后一篇日志下面就会出现后一页或前一页的链接。...在侧边栏里，你要有几个不同的栏目，栏目的存在，就是为侧边栏进行了分类整理。每一个栏目又要有不同的分类列表，继续为上面的代码添加内容。...> 从 WP2.0 开始，已经在后台集成了一个侧边栏的插件－－Widget，它的功能就是可以很方便的在WP后台调整侧边栏中的内容，直接使用鼠标就可以移动每一个栏目的位置，而不需要去修改相应的代码。...通过观察不同的WP主题，会发现在侧边栏中的内容远不止以上所列举的， 要在学习中举一反三，才会制作出更加出众的主题。...至此，侧边栏中的内容结束，我们也可以把第三部分的代码另存为一个新的文件 -- sidebar.php，在index.php中填加一句代码就可以使用侧边栏 <?php get_sidebar(); ?
主体自带了buddypress插件，于是整体的就多了一个buddypress的成员页面，但是由于我的侧边栏比较长，那么这个页面看起来就非常的蛋疼，左侧的内容只有一点点，右边长的一p。...于是就想改一下去掉侧边栏，大致搜了以下没有找到合适的插件，那就只能自己动手了。根据这篇文章的内容可以知道，影响页面的其实是page.php。...那么直接对page.php动手，参考这篇文章的内容，可以创建一个子主题来实现相关功能，我没有安装插件也不想创建什么新的子主题了，直接在原始的文件上动手。
回顾一下，我们前面已经完成了几乎所有的公共区域页面，他们包括顶部，底部，侧边栏，现在我们即将开始制作索引页index.php，我们暂且可以简单的将其理解为首单，但他却并非是简单的首页（点击这里查看为什么...） 首先需要确定一点，我们的首页是用来显示那些我们更加需要引起用户注意的文章或者标题等内容，因为我们的文章不停的在发布新的内容，所以我们要推荐给用户的内容是动态的、变化的、自动的。...添加文章分页 你已经看到，每页只能显示部分文章，要想看下一页，就需要添加分页。 现在我们的index.php就基本制作完成了，本篇内容看似不多，但需要用到不少内置函数，实际内容还是比较多，还望你能有些耐心，在不太清楚时多多查阅相关文档。...主题制作（三）：牛刀小试 WordPress主题制作（四）：制作头部模板header.php WordPress主题制作（五）：制作底部模板footer.php WordPress主题制作（六）：制作侧边栏模板
默认情况下 WordPress 是使用 page.php 来处理所有页面的外观的话，但是 WordPress 提供了页面模板的机制让 WordPress 开发者可以自定义 WordPress 每个页面的外观和布局...使用 WordPress 页面模板 我们举个简单的例子比如你博客中所有的页面都有侧边栏，而在“关于”页面，你想内容的宽度能够扩展到这个页面的宽度。...下面就是详细的实现步骤： 在当前使用的主题文件夹中创建一个新模板，将它命名为 about.php。 然后把 page.php 模板中的内容拷贝到 about.php 文件中。...接着，找到模板文件中调用 sidebar 的函数，去掉或者注释掉它。...然后就是让“关于”页面使用“关于”页面模板，登陆到 WordPress 后台，创建新页面，或者编辑 about 页面（如果已经创建了），在右边，点击页面模板的下拉菜单，在下拉列表中找到“关于”，选择它并点击保存
在上一篇文章中，我们安装好了WordPress，准备好了制作主题需要的工具和主题测试的浏览器，接下来就要开始制作了，但在开始制作之前，我们还需要了解主题由哪些文件构成，其次还需要知道WordPress是怎样与主题文件连接的...front-page.php：首先WordPress会判断我们是否设置了静态首页，如果是，将以front-page.php作为模板输出首页内容。...它还用于在主页上显示博客文章。 index.php：如果front-page.php和home.php都不存在，那么WordPress会回退到index.php模板来显示首页。...后台创建页面的地方，右侧边栏可以选择页面的自定义模板 page-{slug}.php——如果页面的缩略名是news，WordPress将会查找 page-news.php（WordPress 2.9及以上版本支持...主题制作（三）：牛刀小试 WordPress主题制作（四）：制作头部模板header.php WordPress主题制作（五）：制作底部模板footer.php WordPress主题制作（六）：制作侧边栏模板
wp-postviews-plus，该插件可以统计每篇文章的浏览次数，根据展示次数显示历史最热或最衰的文章排行、展示范围可以是全部文章和页面，并且启用插件后自动在外观-小工具中生成浏览数排行的小工具，你可以把它拖到边栏中构建阅读排行...要在你的模板文件里要显示阅读次数的地方调用，一般是在index.php 或single.php模板文件中以下位置加上下面代码 在其他地方显示需要修改 index.php, archive.php, single.php, post.php 或者 page.php等模板文件。...WP-PostViews Plus 新版使用功能 后台中可以配置前台显示的模板了，还有侧边栏的模板。这个非常方便。...1、在后台设置中的Postviews+ ，设置view template，如我的设置为：hits:%VIEW_COUNT% 2、还可以设置侧边栏的模板：%POST_TITLE% 阅读量 %VIEW_COUNT
WordPress目录 wp-content\themes\ 下新建一个文件夹，命名为Yii-candy 创建 index.php 和 style.css 文件 style.css 将下载的Yii-candy中style.css...的代码复制到本文件后保存 此时我们在登录WordPress后台，进入外观就可以看到一个新的主题Yii-candy了。...查看主题效果 我们启用Yii-candy主题，然后访问站点首页，OH天啦，这都是些什么，一片凌乱不堪的事物呈现在你面前，很明显，这并不是我们想要的效果。...主题制作（三）：牛刀小试 WordPress主题制作（四）：制作头部模板header.php WordPress主题制作（五）：制作底部模板footer.php WordPress主题制作（六）：制作侧边栏模板...主题制作（八）：制作文章单页模板single.php 计划: WordPress主题制作（九）：制作评论区模板comments.php 计划: WordPress主题制作（十）：制作单页（非文章）模板page.php
在 hearder.php 文件中，使用类似如下代码进行逻辑判断，这些代码，在 header.php 中是有效的。 无法在官方商店上线。 模板信息 模板信息要写在 header.php 中，内容很简单。我们假设以「阳光」为例，以下是一个案例。...用于向博客添加 CSS 等内容。 模板中 HTML 里 标签的最后面。 导航栏上的扩展。...> 添加文章相关内容，比如“打赏”、“收藏、“分享”。 模板中，文章阅读页，紧邻文章阅读结尾的区域。 侧边栏控制点。...【非必须】 侧边栏组件上方。 足部扩展。用于系统和插件在博客页脚处输出内容以及添加 JS 脚本内容。 博客模板页脚处内容区。
WordPress主题结构 WordPress主题文件放置在wp-content\themes目录下面。...category.php 分类目录 category-XXX.php 指定分类 archive-XXX.php 指定归档 search.php 搜索结果 tag.php 标签 single-XXX.php 指定内容页...home.php 首页 front-page.php 绝对首页 comments.php 评论 sidebar.php 侧边栏 single.php 文章内容页 singular.php...页面文章合一 page.php 页面 header.php 公用头部 footer.php 公用底部
滚动条是图形用户界面（UI）中必不可少的组件。滚动条允许用户查看超出其容器宽度或高度的内容。滚动条还使用户能够查看超出屏幕宽度或高度的内容。默认情况下，浏览器会为body内容的溢出包含一个滚动条。...除了默认滚动条外，您还可以在您的网站内设置自定义垂直滚动条。垂直滚动条可以帮助您的网站用户查看超出容器可见区域的内容。例如，侧边栏导航。您可以设计您的侧边栏以显示可滚动的导航项目列表。...将侧边栏位置设置为固定。在本节中，我们将专注于防止侧边栏在滚动主要内容时移动。我们希望将侧边栏样式设置为固定位置，以便主体可以自行滚动而不带上侧边栏。...从截图中可以看出，侧边栏的底部看起来不像设置在底部。这是因为内容比其容器的高度长。在下一节中，我们将学习如何防止导航项目列表显示在侧边栏之外。d)....依赖默认滚动条意味着用户必须水平滚动整个页面才能查看完整的内容。用户还将滚动不需要滚动的内容。您的目标是确保蓝色正方形只能在橙色容器内查看，如下图所示。
制作WordPress需要了解PHP，但是无论如何，最终呈现在用户面前的页面都是一张网页，网页之所以能够在浏览器中显示出来，是因为最终传送给浏览器的是HTML、CSS和JS等终端代码，最终由这些代码控制浏览器的显示结果...如果你在单页面（非日志），此时页面将会包含这四个模板文件：header.php，page.php，sidebar.php 和 footer。...header模板文件 通常在这个文件中包含博客的标题（title）和描述（description）。而且它们通常在整个博客中都是一样的。...index模板文件 这个模板文件包含你的日志的标题，日志的内容（就是每篇日志的文本和图片）和日志的元数据 （元数据是每篇日志的额外信息，如作者是谁，日志发布的时间，在哪个分类下，有多少留言等等）。...主题制作（三）：牛刀小试 WordPress主题制作（四）：制作头部模板header.php WordPress主题制作（五）：制作底部模板footer.php WordPress主题制作（六）：制作侧边栏模板
留着自己看的…… Wordpress模板基本文件 style.css 样式表文件 index.php 主页文件 single.php 日志单页文件 page.php 页面文件 archvie.php...search.php 搜索页面文件 comments.php 留言区域文件(包括留言列表和留言框) 404.php 404错误页面 header.php 网页头部文件 sidebar.php 网页侧边栏文件...确认是否有日志 如果有，则显示全部日志 结束PHP函数”while” 结束PHP函数”if” header.php文件的内容 sidebar.php文件的内容 footer.php文件的内容...显示一篇日志或页面的标题 显示一篇日志或页面的永久链接/URL地址 显示一篇日志或页面的所属分类 显示一篇日志或页面的作者 显示一篇日志或页面的ID 显示一篇日志或页面的编辑链接 显示Blogroll中的链接...和较旧日志链接（下一页） 显示博客的描述信息 其它的一些Wordpress模板代码 /%postname%/ 显示博客的自定义永久链接 搜索表单的值 打印输出信息 显示注册链接 显示登入/登出链接 在日志或页面中插入分页
> 到这里我们已经基本完成了，但我们还没有调取文章，所以文章页现在仍然没有内容。 在文章标题前加上一句 然后在结尾我们还需要加上当没有文章时，将没有文章的信息告知用户 好了，现在我们可以看到文章内容了，single.php此时也就完成啦。...主题制作（三）：牛刀小试 WordPress主题制作（四）：制作头部模板header.php WordPress主题制作（五）：制作底部模板footer.php WordPress主题制作（六）：制作侧边栏模板...主题制作（八）：制作文章单页模板single.php 计划: WordPress主题制作（九）：制作评论区模板comments.php 计划: WordPress主题制作（十）：制作单页（非文章）模板page.php
上一节我们制作了header，同样的，我们可以把尾部几乎相同的代码写到footer.php中，这样就可以实现整站页尾内容一致，达到简化代码的目的。...首先，新建一个文件footer.php，然后将index.php的尾部代码移动到改文件中 <!...主题制作（三）：牛刀小试 WordPress主题制作（四）：制作头部模板header.php WordPress主题制作（五）：制作底部模板footer.php WordPress主题制作（六）：制作侧边栏模板...主题制作（八）：制作文章单页模板single.php 计划: WordPress主题制作（九）：制作评论区模板comments.php 计划: WordPress主题制作（十）：制作单页（非文章）模板page.php
前言在之前的文章中，我们已经提到过如何通过手动修改配置文件的方式去设置云图开发包内 MxCAD 项目中的UI配置。如有不清楚的地方查看[网页CAD二次开发修改UI配置的方法]。...4）替换加载新图标5）效果演示如下：3.添加侧边栏在MxCAD项目开发过程中我们经常会遇到需要设置多种侧边栏的情况，因此在MxPluginContext 对象中我们提供了添加左右侧边栏的设置，具体设置方法可参考下面的示例...文件，在该文件下编写侧边栏界面。 .../index.vue")),//加载侧边栏组件内容 width: 600,//设置侧边栏宽度 title: "测试左弹窗",//设置侧边栏标题 cmd: [ { ...6）最后执行"Mx_test"命令查看运行效果：控制命令行聚焦MxCAD项目在二开过程中，如果在界面设置输入框会出现无论怎么操作，光标始终聚焦在命令行的输入上，无法正确定位在目标输入框的位置。
我们可以提取这部分相似的代码，放到一个单独的文件header.php中，各个页面想用这部分代码的时候再用WordPress的get_header()包含进去就可以达到所有页面头部内容一致，不再需要给每个页面都写一次这部分代码了...在我们之前创建的主题目录wp-content\themes\Yii-Candy下新建一个文件header.php，我们提取出index.php中的头部代码复制粘贴到header.php中即可，下面的是目前...> 现在刷新页面，查看我们修改后的主题是否还可以正常工作，答案是肯定的，页面跟修改之前几乎没什么两样。 接下来，我们将仔细探讨header.php中的内容。...>" /> 显示菜单栏 这里只在菜单栏中列出页面page，将header.php中以下代码： <a href="contact.html...主题制作（三）：牛刀小试 WordPress主题制作（四）：制作头部模板header.php WordPress主题制作（五）：制作底部模板footer.php WordPress主题制作（六）：制作侧边栏模板
一、菜单栏中标签与侧边栏中标签关联的问题 以我的博客为例，关于菜单栏中的选项 与侧边栏中的选项，由于顶部菜单栏中位置有限，所以我就想在顶部菜单栏中不显示标签这一项，于是我在 主题配置文件 中 将 menu...配置项中的标签这一个选项给注释掉了，所以它不会在菜单栏中显示，但是不代表没有这个页面，这个页面是存在的，我们只是使其不显示在顶部的菜单栏中而已，我们可以直接输入绝对地址来查看这个页面，例如：https...但是与此同时，我们发现侧边栏中的标签选项只能显示标签数量，不能点击。 这是因为侧边栏中的点击链接是根据菜单栏中对应的项来添加的，什么意思呢？...就是说如果顶部菜单栏中有 标签 这一项，那么就会给侧边栏中标签这一项也添加点击链接；如果顶部菜单栏中没有标签这一项，那么就不给侧边栏中标签这一项添加点击链接，导致侧边栏中的标签项只有显示数据，不提供点击链接...如果我们不想在菜单栏中显示标签项，但是希望侧边栏中的标签项 可以点击，该怎么做呢？
例如，当人们查看全屏照片时，“照片”会隐藏导航栏和其他界面元素。如果你的APP也用到了这个功能，切记要让用户使用简单的手势（如点按）来恢复导航栏。 导航栏标题 在导航栏中显示当前视图的标题。...无边框样式在大标题导航栏中效果很好，因为它增强了标题和内容之间的联系感。但是，无边框样式在标准标题导航栏中可能无法很好地起作用，因为该栏的标题和按钮可能难以区分。...导航栏控件 避免在导航栏上挤满太多控件。通常，导航栏最多只能包含视图的当前标题，后退按钮以及一个用于管理视图内容的控件。如果在导航栏中使用分段控件，则该栏不应包含标题或分段控件以外的任何控件。...三、侧边栏（Sidbars） 侧边栏在iPhone上使用较少，更多的用在iPad。它提供了应用程序的导航，在侧边栏中选择一项可以使人们导航到特定的内容。例如，“邮件”中的边栏显示所有邮箱的列表。...允许用户隐藏侧边栏以为其内容创造更多空间，并使用内置的边缘滑动手势再次显示侧边栏。避免在默认情况下隐藏边栏。 侧边栏中的标题要保持简洁明了。省略不必要和多余的词。
在侧边栏下部应该可以看到 AdSense 推送的广告，如果看不到，查看浏览器是否安装了 AdBlock 等广告屏蔽插件，请暂时关闭这些插件。 ?...广告联盟选择 在国内，比较知名的广告联盟都要求网站备案，比如百度广告联盟，否则无法承接广告，而自己的小网站暂时没有备案，所以只能选择国外的广告联盟。...文字广告和展示广告(即侧边栏，评论区之类的固定广告位) 信息流广告(插入在信息流内容的广告位置) 文章内嵌广告(主要是插入在每篇文章内部的开始，中间，结尾部分，展示次数比较多，强烈推荐) ?...由于本人的是博客网站，所以第二种信息流广告没有投入使用，第三种影响阅读体验，所以博主现在主要采用第一种方式，在侧边栏展示广告。...在页面的侧边布置一个广告，难道不香吗？
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
