- 综合排序
- 最热优先
- 最新优先
- 来自专栏DeveWork
WordPress主题开发：添加主题更新提醒功能
WordPress官方的主题都可以自动更新升级，但如果是个人分享的免费或收费主题的话，通过下面的教程，也可以为你的私人主题添加版本更新提示。 这个提示会直接显示在仪表盘，个人分享的免费主题或者收费主题如果加上这个的话就碉堡了。 效果图： ? ? 正如你看到的这个图像，当你的主题有更新时候，一个提示更新的菜单项被添加在仪表盘什么：当用户点击会被带到一个页面，告诉他们更新版本等相关信息。然后，用户就可以前往你提供的下载地址去下载最新版本了。 教程： 下载相关文件：官方下载 备份下载 一、创建notifier.xml文件 将下面的代码做相关修改保存为notifier.xml，输入您当前的最新的主题版本（第3行，务必大于旧主题版本），并将它放在你的网站服务器上面 DeveWork更新历史3
v1.0.8 1/10/2011
- DeveWork更新历史2<
1.2K80发布于 2018-01-19 - 来自专栏DeveWork
WordPress主题开发：添加主题更新提醒功能
WordPress官方的主题都可以自动更新升级，但如果是个人分享的免费或收费主题的话，通过下面的教程，也可以为你的私人主题添加版本更新提示。 这个提示会直接显示在仪表盘，个人分享的免费主题或者收费主题如果加上这个的话就碉堡了。 效果图： ? ? 正如你看到的这个图像，当你的主题有更新时候，一个提示更新的菜单项被添加在仪表盘什么：当用户点击会被带到一个页面，告诉他们更新版本等相关信息。然后，用户就可以前往你提供的下载地址去下载最新版本了。 教程： 下载相关文件：官方下载 备份下载 一、创建notifier.xml文件 将下面的代码做相关修改保存为notifier.xml，输入您当前的最新的主题版本（第3行，务必大于旧主题版本），并将它放在你的网站服务器上面 DeveWork更新历史3
v1.0.8 1/10/2011
- DeveWork更新历史2<
1.3K60发布于 2018-01-19 - 来自专栏许都博客
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类，如果对于这篇文章有什么疑问，可以在下面留言讨论。
3.6K20发布于 2021-06-29 - 来自专栏友人a的笔记丶
WordPress主题开发，从入门到精通。
/ 官方开发文档：https://developer.wordpress.org/themes/basics/theme-functions/ 主题相关 1.如何为不同分类的页面显示不同的模板。 2.get_template_part get_template_part( slug， name = null， 要将此功能与主题目录中的子文件夹一起使用，只需在 slug 之前添加文件夹名称即可。 主题可用函数 带s的方法一般是钩子函数的包装器，可以直接传入函数作为钩子； 1.add_theme_support WordPress 默认隐藏了很多功能，我们可以通过 add_theme_support 2.目录、路径的相关函数 get_template_directory，获取活动主题所在的目录路径； get_template_directory_uri()获取活动主题的完整URL； get_stylesheet_uri 另一种方法是为插件和主题选项也使用manage_options这个职能. 2.添加设置 register_setting注册的能够通过表单自动更新、add_option只是普通的选项； register_setting
12.5K40编辑于 2023-02-17 - 来自专栏WordPress果酱
WordPress 主题教程 #2：模板文件和模板
模板文件（template files）和模板（template）是从零开始创建 WordPress 主题系列教程的第二篇。 开始之前，你要确保你已经看过WordPress 主题教程 #1：介绍，否则你将无法理解在教程 #2 中使用的名词。 在WordPress 主题教程 #1：介绍中，我们已经学过了 WordPress 的两条基本规则和术语，而这篇将会深入讲解模板文件，模板，以及每个页面的结构。 WordPress 博客的每个页面是由多个模板文件组成的，下面是首页的例子： 在上图中，我们可以看出主题的 index.php 是由 4 个模板文件组成： header.php，index.php，sidebar.php
1.2K20编辑于 2023-04-15 - 来自专栏wordpress建站吧
wordpress建站如何找主题？wordpress经典主题推荐
wordpress建站如何找主题？ 2、DUX大前端的主题 这个主题也是使用的比较多的cms主题。 6、JustNews主题 JustNews主题专为博客、自媒体、资讯类的网站设计开发，自适应兼容手机、平板设备，支持前端用户中心，可以前端发布/投稿文章，同时主题支持专题功能，可以添加文章专题。 7、B2主题 柒比贰主题WordPress主题B2更新至1.8.0版，主题必须运行在64位系统和64位PHP环境中，不支持虚拟主机，如果您没有云主机或者VPS将无法安装主题。 这个主题虽然本人没怎么用过，但是似乎功能确实比较强大。也是不少建站者的选择。演示地址：https://7b2.com ? 有好的主题会持续收录~持续更新的！
2.4K10发布于 2020-09-01 - 来自专栏WordPress果酱
WordPress 主题教程：从零开始制作 WordPress 主题
从零开始制作 WordPress 主题其实不难，只要你从现在开始认真阅读这个教程，一步一步认真学习，你就会成为一个 WordPress 主题制作高手。至少你会修改现有主题。 网络上已经有很多关于制作 WordPress 主题的教程，并且 WordPress 官方网站上也有指导文章。 但是当你不懂这方面的术语的话，这些教程可能不一定会帮助你，甚至还会误导你，所以这个教程会真正从零开始教你如何创建 WordPress 主题。 创建 WordPress 主题所需的工具和准备 开始真正制作主题之前，你需要使用到下面这些工具： 为了测试方便和快速，你首先需要在本地安装 WordPress，至于如何在 Windows 系统上安装 WordPress 这篇就介绍到这里，主要介绍了制作 WordPress 主题所需的工具和应该做哪些准备，下面就开始要了解和开始制作 WordPress 主题。
1.4K30编辑于 2023-04-15 - 来自专栏程序源代码
基于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 ?
4.6K40发布于 2019-07-12 - 来自专栏青梅煮码
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
1.1K40编辑于 2023-01-16 - 来自专栏晴天小屋
WordPress主题CorePress
主题介绍 主题叫做CorePress，是一款多功能的WordPress主题，可以当博客使用，也可以做成CMS站点。 无框架设计 站长手撸前台界面，无任何前端界面框架，加载更迅速。 响应式设计 主题采用响应式设计，完美兼容PC端、手机端和平板等各类设备访问。 大量优化功能 对于WordPress，主题供了很多的优化，屏蔽了WordPress很多无法使用的功能，使WordPress主题加载更为迅速。 个性化主题设置 主题提供可视化设置面板，可自定义配置超过即几十项，比一些收费的主题功能还多。 允许设置主色调，侧边栏位置，显示幻灯片等配置。 SEO友好 主题自带SEO配置，智能设置每篇文章SEO功能，并提供文章独立SEO配置。 编辑器增强 自带编辑器增强面板，支持一键插入短代码和代码高亮。自带多种功能短代码，让文章更具有可读性。
98910发布于 2021-08-09 - 来自专栏WordPress建站
WordPress主题推荐
为什么要选择速度快的WordPress主题在为你的网站考虑最快的 WordPress 主题时，重要的是要寻找一个优先考虑速度和性能而不牺牲特性、功能和设计的主题。 另外，请记住评估主题开发人员提供的支持级别。毕竟，在构建网站时遇到任何问题时，支持至关重要。选择正确的主题可以让你创建一个加载速度快的网站，并为网站访问者提供出色的体验。 GeneratePress的主要特点Google 100%页面速度得分页面大小仅为7.5KB仅2个 HTTP 请求无外部依赖GeneratePress 是一款在性能方面杰出的WordPress主题。 OceanWPOceanWP主题是一个多功能、高性能、响应式设计的WordPress主题，适用于各种不同类型的网站。它的灵活性和性能使其成为许多网站所有者和开发者的首选。 最适合OceanWP对初学者和开发人员都非常友好，提供无限的自定义选项和出色的速度增强功能。无论你的预算如何，你都可以受益于其免费或高级许可证。
1.3K00编辑于 2024-03-10 - 来自专栏小狐狸说事
WordPress7b2主题弹窗公告美化
WordPress7b2主题弹窗公告美化 ---- Css代码： .gg-box .modal-content { width: 28rem; overflow: hidden; important; } .modal-content .gg-box-title h2 { font-size: 22px; margin-bottom: 0; text-align webkit-box-shadow: 0 5px 10px 0 rgb(16 110 253 / 30%); box-shadow: 0 5px 10px 0 rgb(16 110 253 / 30%); } 一、放入主题的
98910编辑于 2022-11-17 - 来自专栏空木白博客
WordPress 简化个人开源博客2BLOG主题
历经半年之久，鸽鸽碰碰的 WordPress 主题 2BLOG 他来了！！（原作者:2bog）折腾这么些日子终于算是可以开测了，这里将作为主题开源后续的发布、更新、备份地址。 目前主题尚处测试阶段，未上传至 WordPress。注意：此主题存在一定的定制成分，其中部分内容可能无法适用于部分人群！主题在前静态主题的功能外观基础之上做了部分取舍。 源码截图 后台截图 演示地址:点击进入 安装说明 所有步骤和普通 wordpress 主题安装无异（测试环境为最新版的 WordPress 6.0 ），在 外观->主题->上传主题->选择.zip压缩包 主题安装并启用后即可正常访问，不过其中部分数据需要在后台点击 2BLOG主题设置 后以初始化预设。 ）及 Pixiv 排行展示（数量）、最高浏览分类及展示数量 底部各项自定义、各图标等信息开启控制 支持开启 Valine 评论及调用 Leancloud 应用数据（可单独控制分类页面数据来源） 支持 WordPress
62720编辑于 2024-09-11 - 来自专栏WordPress果酱
WordPress 主题教程 #4b：Header 模板 2
Header 模板 2是从零开始创建 WordPress 主题教程系列教程的第四篇第二部分，这篇会完成 Herder 模板，并且开始介绍 DIV Box 模型。 第1步：开启 XAMPP 和打开 index.php 启动 Xampp 打开 Tutorial 的主题文件夹 打开浏览器，在地址栏输入 http://localhost/wordpress 返回主题文件夹 ，用记事本打开 index.php 第2步：给博客的标题添加 H1 的标签 现在，index.php 的代码是： <a href="<? HTML 一共可以有7级标题：H1，H<em>2</em>，H3，H4，H5，H6。按照默认，H1是字体最大而H6是则最小。 添加之后的的 index.php 文件是： <h1><a href="<? > 保存并刷新浏览器，可以看到在博客标题链接的下面出现博客的描述，我们可以到 WordPress 管理后下修改博客的描述。 <?
35330编辑于 2023-04-15 - 来自专栏小狐狸说事
WordPress网站B2主题会员展示模块
WordPress网站B2主题会员展示模块 ---- 1.演示效果 2.实现教程 （1）html代码 注意css、js等文件的地址 <link rel="stylesheet" href="https important; background: linear-gradient(90.34deg, #FFD<em>2</em>A<em>2</em> 0.27%, #FFE<em>2</em>C<em>2</em> 99.7%); padding: 0 5px; border-radius : 3px; } .lv-icon.b<em>2</em>-vip<em>2</em> b { color: #ffdbb1 ! /themes/b<em>2</em>child/img/zizhu/vip.png); background-repeat: no-repeat; background-size: contain; } .b<em>2</em>-vip<em>2</em> span { margin-left: 5px; font-size: 13px; color: #b<em>2</em>b<em>2</em>b<em>2</em> } .home-section-designs .items .item-main h<em>2</em>
1.7K21编辑于 2022-11-17 - 来自专栏DeveWork
WordPress 主题开发之激活主题后显示自定义提示信息
如果你要开发一款WordPress 主题，那么你肯定希望用户在激活主题后能够看到你自定义的提示信息，一般是感谢使用主题之类的话。WordPress 本身在激活主题后会有一句“新主题已启用。查看站点”。 将下面的代码丢入主题的functions.php 文件即可实现激活主题后显示自定义提示信息： //激活主题后显示自定义提示信息 devework.com add_action('admin_notices user_id, 'ignore_notice') ) { echo '
'; printf(__('感谢您选择Devework 主题 '">主题设置页面 以更好地使用本主题。'), '?
1.1K50发布于 2018-01-19来自专栏DeveWorkWordPress主题后台选项开发框架 Options Framework 介绍
最近一直在学习 WordPress 主题后台的开发，看了不少教程，但作为一只PHP菜鸟，颇为感到吃力。后来谷歌搜索找到了这个WordPress主题后台选项开发框架 Options Framework。 Options Framework相关信息 Options Framework是国外一款非常流行的主题后台开发框架，因为其便捷性与开源免费，许多主题都是采用它作为WordPress主题后台。 二、集成到自己的主题的话，首先是复制主题版的inc文件夹、images文件夹到你的主题中。 '/inc/options-framework.php'; } 保存后再WordPress管理界面的“外观”就可以看到菜单“Theme Options”了。 ', 'options_framework_theme'), 'desc' => __('Check to display.'), 'id' => 'example_checkbox_2'
1.7K50发布于 2018-01-19来自专栏全栈程序员必看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 文件中也需要开启才行
73K20编辑于 2022-09-27来自专栏小狐狸说事wordpress博客b2主题致美化首页区块
wordpress博客b2主题致美化首页区块 ---- 修改文件：找到你的主题文件根目录的index.php 查找：do_action(‘b2_index_before’); ? >
<div class="ind_quan<em>2</em> url(/vip/svg/toy1.svg); -webkit-animation: toy 3s infinite; animation: toy 3s infinite; } .ind_quan<em>2</em> infinite; animation: zhuan 3s .<em>2</em>s infinite; background-image: url(/vip/svg/toy3.svg); } .ind_quan4 { : toy<em>2</em> 3s .1s infinite; background-image: url(/vip/svg/toy<em>2</em>.svg); } .ind_quan9 { width: 30px; height:60240编辑于 2022-11-17来自专栏怡文菌WordPress主题制作（一）：主题文件结构
在上一篇文章中，我们安装好了WordPress，准备好了制作主题需要的工具和主题测试的浏览器，接下来就要开始制作了，但在开始制作之前，我们还需要了解主题由哪些文件构成，其次还需要知道WordPress是怎样与主题文件连接的 详细说明，请看WordPress官方文档（英文）： http://codex.wordpress.org/Template_Hierarchy WordPress主题： 2 / 14 WordPress 主题制作：开始前的准备 WordPress主题制作（一）：主题文件结构 WordPress主题制作（二）：模板和模板文件 WordPress主题制作（三）：牛刀小试 WordPress主题制作（四）：制作头部模板 header.php WordPress主题制作（五）：制作底部模板footer.php WordPress主题制作（六）：制作侧边栏模板sidebar.php WordPress主题制作（七）：制作基础模板 Index.php WordPress主题制作（八）：制作文章单页模板single.php 计划: WordPress主题制作（九）：制作评论区模板comments.php 计划: WordPress主题制作
3K30编辑于 2022-12-15
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号