WordPress 主题教程 #5：主循环

调用博客日志的主循环（The Loop）是 WordPress 中最重要的 PHP 代码集，几乎所有的页面都会用到它，这也是从零开始创建 WordPress 主题系列教程的第五篇。 现在让我们开始第五篇：主循环（The Loop） 打开 Xampp，“tutorial”主题文件夹，浏览器，并且在浏览器中转到 http://localhost/wordpress，最后打开 index.php > 这段代码就是 WordPress 中的主循环（The Loop）。 保存并刷新浏览器，如果只有一个 Hello World 标题，把鼠标移到链接上面，观察你的浏览器底部的状态栏，他不再是 http://localhost/wordpress/#。 保存 index.php 文件并刷新浏览器，结果如下： WordPress 主循环就介绍到这里，现在 index.php 文件内容应该是： ----

WordPress主题开发：添加主题更新提醒功能

WordPress官方的主题都可以自动更新升级，但如果是个人分享的免费或收费主题的话，通过下面的教程，也可以为你的私人主题添加版本更新提示。 这个提示会直接显示在仪表盘，个人分享的免费主题或者收费主题如果加上这个的话就碉堡了。 效果图： ? ? 正如你看到的这个图像，当你的主题有更新时候，一个提示更新的菜单项被添加在仪表盘什么：当用户点击会被带到一个页面，告诉他们更新版本等相关信息。然后，用户就可以前往你提供的下载地址去下载最新版本了。 教程： 下载相关文件：官方下载 备份下载 一、创建notifier.xml文件 将下面的代码做相关修改保存为notifier.xml，输入您当前的最新的主题版本（第3行，务必大于旧主题版本），并将它放在你的网站服务器上面 strong> 1/10/2011

1. DeveWork更新历史2

v1.0.1 1/5/

WordPress主题开发：添加主题更新提醒功能

WordPress官方的主题都可以自动更新升级，但如果是个人分享的免费或收费主题的话，通过下面的教程，也可以为你的私人主题添加版本更新提示。 这个提示会直接显示在仪表盘，个人分享的免费主题或者收费主题如果加上这个的话就碉堡了。 效果图： ? ? 正如你看到的这个图像，当你的主题有更新时候，一个提示更新的菜单项被添加在仪表盘什么：当用户点击会被带到一个页面，告诉他们更新版本等相关信息。然后，用户就可以前往你提供的下载地址去下载最新版本了。 教程： 下载相关文件：官方下载 备份下载 一、创建notifier.xml文件 将下面的代码做相关修改保存为notifier.xml，输入您当前的最新的主题版本（第3行，务必大于旧主题版本），并将它放在你的网站服务器上面 strong> 1/10/2011

1. DeveWork更新历史2

v1.0.1 1/5/

5 款前沿的WordPress主题后台选项开发框架推荐

在开发WordPress 主题的时候，借用成熟的WordPress 主题后台选项开发框架可以为我们省下不少功夫。 今天为大家介绍5 款国外前沿的WordPress主题后台选项开发框架，如果你是WordPress 开发者，对你一定有帮助。 Options Framework 在WordPress 开发圈子应该比较出名，对于主题开发框架，Jeff 最初了解的就是Options Framework。 Options Framework是国外一款非常流行的主题后台开发框架，因为其便捷性与开源免费，许多主题都是采用它作为WordPress主题后台。 本站DeveWork.com 发表的有关Options Framework 文章： 为Options Framework主题后台框架添加后台侧边栏 WordPress主题后台选项开发框架 Options

WordPress 主题教程 #5b：日志内容

日志内容是从零开始创建 WordPress 主题系列教程第五篇的第二部分，在这篇中，我们将展示如果显示博客日志的内容，并且使用一个 DIV 标签把博客日志的内容和日志的标题区分开。 再次强调一次，上一篇关于 WordPress 主循环介绍的课程非常重要，你需要彻底明白之后才能继续学习。 下面开始这篇课程。 首先还是打开 XAMPP，“tutorial”主题文件夹，浏览器并在浏览器地址栏输入：http://localhost/wordpress，最后打开 index.php。 注意这些代码是不依赖具体的 WordPress 主题，我们应该自己的这些文本和图片进行编码和样式化。 还有，有没有注意到我圈出的开启和关闭的P标签。 我们可以通过 P （段落，paragraph）标签，每个段落会在 P 标签之间，这就是为什么段落之间有行距的原因， 如何使用 - 非常容易，WordPress 模板系统会自动帮我们产生 P 标签。

WordPress主题开发基础：Body 类指南

您是一位有抱负的WordPress主题设计师吗，正在寻找在主题中使用CSS的新方法？ 幸运的是，WordPress会自动添加您可以在主题中使用的CSS类。 Body类（body_class）是WordPress函数，可让您将CSS类分配给body元素。 HTML正文标签通常从主题的header.php文件开始，该文件会加载到每个页面上。 何时使用WordPress body类 首先，您需要确保主题的body元素包含如上所示的body类函数。如果确实如此，那么它将自动包括上述所有WordPress生成的CSS类。 这允许主题开发人员在将自定义CSS类添加到body_class函数之前检查条件是否为true或false。 让我们看一些使用条件标签将自定义类添加到body类的示例。 希望本文能帮助您学习如何在主题中使用WordPress body类，如果对于这篇文章有什么疑问，可以在下面留言讨论。

WordPress主题开发，从入门到精通。

:%E5%85%A8%E5%B1%80%E5%8F%98%E9%87%8Fhttps://codex.wordpress.org/Global_Variables wp_query查询内容：https: / 官方开发文档：https://developer.wordpress.org/themes/basics/theme-functions/ 主题相关 1.如何为不同分类的页面显示不同的模板。 主题可用函数 带s的方法一般是钩子函数的包装器，可以直接传入函数作为钩子； 1.add_theme_support WordPress 默认隐藏了很多功能，我们可以通过 add_theme_support 官方文档：https://codex.wordpress.org/zh-cn:%E5%B0%8F%E5%B7%A5%E5%85%B7%E6%8E%A5%E5%8F%A3、https://automattic.com 5. is_active_sidebar( 'sidebar' ) 判断指定的边栏是否有被激活的小工具； 用户角色和权限 官方文档：https://wordpress.org/support/article

wordpress建站如何找主题？wordpress经典主题推荐

wordpress建站如何找主题？ wordpress经典主题推荐 wordpress建站门槛可以说非常的低了，各种免费或者是付费的主题供我们选择，在这么多的主题中我们如何选择合适的主题显得很重要了、因为自己偶尔也会帮人安装主题调试网站什么的积累了好多感觉不错的主题 ，今天就给大家盘点有哪些经典的wordpress主题吧。 5、yusi欲思博客主题 yusi2.0 这个是付费主题，同git主题差不多的，据说git主题是基于yusi修改的。 ? 6、JustNews主题 JustNews主题专为博客、自媒体、资讯类的网站设计开发，自适应兼容手机、平板设备，支持前端用户中心，可以前端发布/投稿文章，同时主题支持专题功能，可以添加文章专题。

WordPress主题修改之Html5语义化

刚才用Html5标签把主题给修改了一下，预览地址可以看这里：http://scorpio.sinaapp.com 不明白为什么在IE6下面会严重变形。 Html5的魅力 Html5最大的特点在于多媒体和移动互联网方面，小弟不才，对那些了解不多，本次修改仅仅是为了那么一点点语义化。 对已有主题进行Html5语义化升级 对已有的WordPress主题进行Html5语义化标签还是很容易的。 对于很多现代浏览器，基本上支持Html5的很多属性了，但对于IE9以下的版本，就添加如下两段代码即可： /* html5 Tags */ header,nav,article,section,aside 平常我们做主题，会在header.php里面的

WordPress 主题教程：从零开始制作 WordPress 主题

从零开始制作 WordPress 主题其实不难，只要你从现在开始认真阅读这个教程，一步一步认真学习，你就会成为一个 WordPress 主题制作高手。至少你会修改现有主题。 网络上已经有很多关于制作 WordPress 主题的教程，并且 WordPress 官方网站上也有指导文章。 但是当你不懂这方面的术语的话，这些教程可能不一定会帮助你，甚至还会误导你，所以这个教程会真正从零开始教你如何创建 WordPress 主题。 创建 WordPress 主题所需的工具和准备 开始真正制作主题之前，你需要使用到下面这些工具： 为了测试方便和快速，你首先需要在本地安装 WordPress，至于如何在 Windows 系统上安装 WordPress 这篇就介绍到这里，主要介绍了制作 WordPress 主题所需的工具和应该做哪些准备，下面就开始要了解和开始制作 WordPress 主题。

WordPress 主题教程 #5e：日志导航链接

日志导航链接是从零开始创建 WordPress 主题系列教程的第五篇的第五部分，在绝大多数的 WordPress 博客的底部，都会有 下一页 (Next Page) 或者 上一页 (Previous Page 我们可以通过 WordPress 的模板系统中的 posts_nav_link() 这个函数调用这些链接。 在 <?php endwhile; ?> 和 <?php else : ? 如，有6篇日志，就设置为5。

基于vue.js开发的WordPress主题

网站主题 xm-vue-wordpress-theme 一款基于vue开发的wordpress主题 主题介绍：https://www.xuanmo.xin/#/single/2317 本地启动、打包 # 安装依赖 yarn # 启动项目，本地访问：localhost:5200，WordPress端口为：8888，可自行修改config/index.js npm run dev # 打包项目命令 npm run build 预览 https://gitee.com/xuanmos/xm-vue-wordpress-theme.git ?

WordPress 主题教程 #5c：日志元数据

日志元数据是从零开始创建 WordPress 主题系列教程的五篇的第三部分，今天我们将开始讲解日志的元数据（Postmetadata）：日期（date），分类（categories），作者（author （注意：这里我们只需要复制和粘贴，当我制作 WordPress 主题的时候，我也只是复制和粘贴这部分代码。对于这部分代码，你开始的时候可以不需要完全理解它，只要知道每部分干什么已经足够了。） 如果你创建的是私人用的的主题， by 外面的 _e() 不是必须的。_e() 是用来创建可以翻译的主题，如果主题被来自不同国家的上百人使用的话，这是非常重要的。 如果你是创建公共使用的主题，最后加上 _e() 以便你的主题可翻译化。 <?php the_author(); ?> - 它是输出当前日志作者的名字。 登录 WordPress 之后，再返回到首页就可以看到“Edit”的链接和一条竖线。 ----

WordPress 主题文件

WordPress主题结构 WordPress主题文件放置在wp-content\themes目录下面。 一个文件夹代表一个主题，一个主题最少需要两个文件，分别是 index.php 和 style.css 其中index.php是默认的入口文件，style.css是默认的样式文件，也是主题信息的配置文件， //作者的网址 Description: 青梅工作室开发的博客系统.    //主题的简介 Version: 1.0                                              //主题的版本信息 */ WordPress默认使用不同的文件来显示不同的页面 WordPress主题默认识别的文件名 名称 模板名称 详细说明 screenshot.png 缩略图 显示在后台主题列表页的封面 taxonomy.php 自定义分类法 通用自定义分类法的显示模板 taxonomy-XXX.php

WordPress主题CorePress

主题介绍 主题叫做CorePress，是一款多功能的WordPress主题，可以当博客使用，也可以做成CMS站点。 无框架设计 站长手撸前台界面，无任何前端界面框架，加载更迅速。 响应式设计 主题采用响应式设计，完美兼容PC端、手机端和平板等各类设备访问。 大量优化功能 对于WordPress，主题供了很多的优化，屏蔽了WordPress很多无法使用的功能，使WordPress主题加载更为迅速。 个性化主题设置 主题提供可视化设置面板，可自定义配置超过即几十项，比一些收费的主题功能还多。 允许设置主色调，侧边栏位置，显示幻灯片等配置。 SEO友好 主题自带SEO配置，智能设置每篇文章SEO功能，并提供文章独立SEO配置。 编辑器增强 自带编辑器增强面板，支持一键插入短代码和代码高亮。自带多种功能短代码，让文章更具有可读性。

WordPress主题推荐

作为网站的基础，WordPress主题对网站加载速度具有重要影响。一个设计不好，代码杂乱的WordPress主题会严重影响网站加载速度，进而影响网站排名。 为什么要选择速度快的WordPress主题在为你的网站考虑最快的 WordPress 主题时，重要的是要寻找一个优先考虑速度和性能而不牺牲特性、功能和设计的主题。 另外，请记住评估主题开发人员提供的支持级别。毕竟，在构建网站时遇到任何问题时，支持至关重要。选择正确的主题可以让你创建一个加载速度快的网站，并为网站访问者提供出色的体验。 OceanWPOceanWP主题是一个多功能、高性能、响应式设计的WordPress主题，适用于各种不同类型的网站。它的灵活性和性能使其成为许多网站所有者和开发者的首选。 最适合OceanWP对初学者和开发人员都非常友好，提供无限的自定义选项和出色的速度增强功能。无论你的预算如何，你都可以受益于其免费或高级许可证。

WordPress 主题开发之激活主题后显示自定义提示信息

如果你要开发一款WordPress 主题，那么你肯定希望用户在激活主题后能够看到你自定义的提示信息，一般是感谢使用主题之类的话。WordPress 本身在激活主题后会有一句“新主题已启用。查看站点”。 将下面的代码丢入主题的functions.php 文件即可实现激活主题后显示自定义提示信息： //激活主题后显示自定义提示信息 devework.com add_action('admin_notices user_id, 'ignore_notice') ) { echo '

WordPress主题后台选项开发框架 Options Framework 介绍

最近一直在学习 WordPress 主题后台的开发，看了不少教程，但作为一只PHP菜鸟，颇为感到吃力。后来谷歌搜索找到了这个WordPress主题后台选项开发框架 Options Framework。 Options Framework相关信息 Options Framework是国外一款非常流行的主题后台开发框架，因为其便捷性与开源免费，许多主题都是采用它作为WordPress主题后台。 Options Framework作者博客：点击查看 主题版下载地址：点击查看 插件版下载地址：点击查看 Options Framework集成到你的主题教程 一、先往上面的地址下载主题版，下载后直接放到 二、集成到自己的主题的话，首先是复制主题版的inc文件夹、images文件夹到你的主题中。 '/inc/options-framework.php'; } 保存后再WordPress管理界面的“外观”就可以看到菜单“Theme Options”了。

hexo博客主题推荐_wordpress社交主题

主题优化二 21. 静态/动态彩带, 背景canvas 背景静态彩带 主题目录下的/layout/layout.ejs 文件主题目录下_config.yml中静态彩带的配置项: <! 背景动态彩带 主题目录下的/layout/layout.ejs 文件主题目录下_config.yml中动态彩带的配置项: <! 主题引入风格保持一致, 修改主题配置_config.yml文件, 搜索关键词libs, 找到css在最后一行添加: artitalk: /libs/artitalk/artitalk.min.css 找到 前提是在主题的 config.yml 中激活了 toc 选项 mathjax false 是否开启数学公式支持 ，本文章是否开启 mathjax，且需要在主题的 _config.yml 文件中也需要开启才行

WordPress主题制作（一）：主题文件结构

在上一篇文章中，我们安装好了WordPress，准备好了制作主题需要的工具和主题测试的浏览器，接下来就要开始制作了，但在开始制作之前，我们还需要了解主题由哪些文件构成，其次还需要知道WordPress是怎样与主题文件连接的 主题制作：开始前的准备 WordPress主题制作（一）：主题文件结构 WordPress主题制作（二）：模板和模板文件 WordPress主题制作（三）：牛刀小试 WordPress主题制作（四）：制作头部模板 header.php WordPress主题制作（五）：制作底部模板footer.php WordPress主题制作（六）：制作侧边栏模板sidebar.php WordPress主题制作（七）：制作基础模板 Index.php WordPress主题制作（八）：制作文章单页模板single.php 计划: WordPress主题制作（九）：制作评论区模板comments.php 计划: WordPress主题制作 （十）：制作单页（非文章）模板page.php 计划: WordPress主题制作（十一）：制作静态首页front-page.php 计划: WordPress主题制作（十二）：创建您自己的小工具 计划