如果仅仅是调用文章分类 或者页面链接作为导航的话，会比较难控制，无法自由的添加链接等。当然，成熟的 WordPress 系统已经为我们考虑到了这一点，添加了一个 “自定义菜单” 功能。...使用这个功能，可以在 后台 > 外观 > 菜单 中编辑，当然最好前提是你使用的主题支持这一个功能。...在 WordPress 后台使用自定义菜单 当我们在后台打开 “菜单” 的时候，通常会看到类似这样的界面： 没有配置之前，是无法使用的。我们需要先输入一个菜单名称才能继续使用。...让 WordPress 主题支持自定义菜单功能 下面来详细讲解如何在主题中，添加这个功能。也很简单，只需要在两个地方，添加两小段代码即可！...wp_nav_menu 之后，在主题中添加自定义菜单。在主题中合适的位置，添加下面的函数： <?
WordPress的自定义字段是个非常有用的功能，自定义域是对wp文章功能的扩展和补充，通过使用WP自定义字段功能，可以给文章增加些额外的内容，如用WP做淘客模板时给产品添加商品价格显示，添加购买链接等...下面博客吧详细介绍wp自定义字段的使用方法步骤。...WordPress自定义字段使用方法： 在使用WordPress撰写文章的时候，在内容输入框下面有一个“自定义栏目”（没有发现的童鞋，在后台顶部，点击“显示选项”——勾选“自定义栏目”） 点击“输入新栏目...”，在名称里输入自定义字段的名称，如link，然后在值里输入自定义字段的值，如https://qintia.com 然后点击“添加自定义栏目”，最后直接发表文章即可。...提示：每个自定义字段添加一次即可，下次使用可直接在下拉菜单中选择。 自定义字段调用： <?php echo get_post_meta($post_id, $key, $single); ?
2.get_template_part get_template_part( slug， name = null， 要将此功能与主题目录中的子文件夹一起使用，只需在 slug 之前添加文件夹名称即可。...update_option 更新WP设置选项 delete_option，从 WordPress 选项数据表中安全删除“选项/值”对的方法。...esc_url() – 在输出 URL 时，使用此函数，包括在src和href属性中的 URL。 esc_js() – 对内联 JavaScript 使用此函数。...相对于使用 echo 输出数据，我们应该更多的使用 WordPress 的本地化能力，如 _e() 或 __() 15.简码 add_shortcode() remove_shortcode() shortcode_exists...> 18.get_posts函数 指定参数查询文章，返回一个wp_Query对象数组，代表所有符合条件的文章： 支持的参数：https://developer.wordpress.org/reference
其他博客可能没有分类菜单，只需要在导航菜单下面添加此代码即可。...> div class="clear">div> 注：别的主题使用的时候请修改一下类似上面代码中 <?...--post--> 类似的可以自己修改啦，我也是刚刚接触wp的后台代码，好些个不懂的，下面贴出来网上找的wp的时间函数和示例，修改发布时间或者别的形式时或许能够用的到。...在修改的过程中，我们难免会用到时间函数，这当然就涉及到了WordPress 的时间格式。...> 当然，有时候我们主题喜欢中英文混输的日期显示格式，对于使用中文版 WordPress来说，这个就要做一些小小的调整了。
第一部分：WordPress 插件基础1.1 什么是 WordPress 插件？WordPress 插件是用 PHP 编写的代码片段，可以添加到 WordPress 网站中，以扩展其功能。...插件可以实现各种功能，如 SEO 优化、社交媒体集成、电子商务、表单构建等。WordPress 插件的灵活性使得开发者可以根据需求自由定制。...可以使用本地开发环境（如 XAMPP、MAMP、Local by Flywheel 等）或在线托管服务。...在该文件夹中创建一个名为 my-first-plugin.php 的文件。2.3 添加插件头信息在 my-first-plugin.php 文件的开头添加以下代码：添加菜单项在插件文件中添加以下代码，以在 WordPress 管理菜单中添加一个设置页面：function my_first_plugin_menu() {
WordPress 中有一个导航菜单函数wp_nav_menu，通过这个函数可以控制菜单输出的HTML 结构，一般开发者用这个函数的一般是在输出HTML 中自定义一些id 或者class 而已，整体的HTML...项目的需求是各种各样的，了解如何自定义导航菜单HTML 结构就十分重要了。 wp_nav_menu 函数 囿于篇幅，本文不会教你怎么使用wp_nav_menu 函数，请自行补习。.../ul> div> 这个默认的菜单HTML 结构有非常大的限制（比如说我想在每个li前面添加个标签办不了，一些class的名称也定义不了），如果只这么用根本不能适应各种各样的项目需求...例子： 比如说WordPress 中输出二级菜单的话，ul 中类名默认是sub-menu，那我想改为child-menu，怎么办？...> 上诉只是举了个简单的例子来告知Walker_Nav_Menu 类的使用，实际项目中肯定不单单那么简单的，这么来讲，除了基本的WordPress 知识、html+CSS，还需要一些PHP 知识。
当我们用文本编辑器打开从WordPress主题制作：开始前的准备下载的Yii-Candy中的 .php 文件，不难看出他们头部的代码都非常的相似！...在我们之前创建的主题目录wp-content\themes\Yii-Candy下新建一个文件header.php，我们提取出index.php中的头部代码复制粘贴到header.php中即可，下面的是目前...>" /> 添加wp_head 有些插件需要在网页头部执行一些类如添加一些js或css的动作，要让这些插件能够正常的工作，也让你的主题有更好的兼容性，你应该添加wp_head()函数。...打开header.php，在之前添加以下代码即可： wp_head(); ?> 添加Description 和 Keywords 在之前添加以下代码： " /> 显示菜单栏 这里只在菜单栏中列出页面page，将header.php中以下代码： <a href="contact.html
WP-PostViews 插件简介 WP-PostViews 是一款免费且简洁的 WordPress 浏览量统计插件，截止本文发稿，有超过十万的站点正在使用。...但随着块主题的流行，很多新手朋友发现 WP-PostViews 插件似乎不起作用，或不知道如何插入统计代码。 所以本文将介绍如何在块主题的模板中使用 WP-PostViews 插件的统计功能。...安装插件 WordPress 后台 > 插件 > 添加新插件，搜索关键词：“WP-PostViews”，如下图： 安装 WP-PostViews 插件 或者在 https://cn.wordpress.org...设置插件 启用插件后，可在 WordPress 后台 > 设置 > 浏览次数 菜单进入设置页面。...所以块主题的用户不应该通过添加 PHP 代码的方式来使用该插件，而是改用插件默认提供的短代码：38 次浏览或0 次浏览。如果不指定 ID 则显示与统计当前帖子或页面浏览量。
WordPress 6.0 对性能提升还是做了很多工作的，比如昨天文章介绍的新增了批量添加、设置和删除一组缓存的函数，对分类模式下各种查询也进行提升。...另外对传递给 WP_Term_Query 的查询参数的处理也进行了优化，比如 slug 字段可能是字符串，也可能是数组，现在统一转换成数组，这样无论你传递什么类型的参数，缓存的 keys 相同的可能性更高...提高导航菜单的性能 在获取导航菜单的 wp_get_nav_menu_items 函数中，首先使用简单的 taxonomy query 代替 get_objects_in_term 函数，这个替换首先可以把两次数据库查询降低到一次...此外如果菜单中含有分类和文章的数据，wp_get_nav_menu_items 会改成使用 _prime_term_cache 和 _prime_post_cache 来准备 term 和 post 的缓存...，这两个函数的使用会使得获取菜单的数据库请求变得更少，效率更高。
贴几个最近用到 WordPress 的代码片段，代码均搜集于网络，使用方式都是添加到主题的 functions.php 文件。 "Talk is cheap....." —— Linus Torvalds 搜索结果页面关键字高亮 为搜索结果页中的标题和正文的关键字添加 highlight 类，然后你就可以通过 CSS 设定高亮样式了。...( 'init', 'wp_unregister_post_tag' ); 清理 WordPress 菜单中的 classes WordPress 菜单默认会输出一堆然并卵的 classes。...wp_autoset_featured_image' ); add_action( 'future_to_publish', 'wp_autoset_featured_image' ); 添加短代码 这段代码是把...'div>'; } add_shortpre( 'attachment', 'wp_attachment_shortpre' ); 获取文章的第一张图片 好吧，这个是来凑数的... function
使用 WordPress 的导航菜单 如何激活 WordPress 自带的导航菜单 要使用 WordPress 导航菜单功能，首先要给当前的主题注册导航菜单，从上面我们知道，我们可以注册一个或者多个导航菜单的主题位置...register_nav_menus()：注册多个主题位置（使用数组形式）。...这里我们只注册一个导航菜单的主题位置： register_nav_menu( 'nav-menu', '导航菜单'); nav-menu 是这个导航菜单的名字，用来在函数中定义身份的，而“导航菜单”则是名称...添加和显示导航菜单 注册好之后，就可以到 WordPress 后台 > 外观 > 菜单 添加菜单，添加的菜单的顺序是这样的： 首先定义好一个单独的菜单。 然后吧这个菜单赋给一个主题位置。...然后我们到主题的显示菜单的位置通过以下 wp_nav_menu() 就能把刚才定义的菜单显示出来，当然 wp_nav_menu() 这个函数可以有非常详细的参数，但是这里只要简单使用就可以，在特殊的情况下才可能使用到
WordPress 的自定义文章类型是非常好的一个功能，允许我们根据需求创建和文章等类似的文章类型，每种文章类型都有自己的管理菜单和功能。...如果你的网站拥有自定义文章类型，你肯定希望可以向文章、页面和评论一样，在仪表盘的【概览】小工具显示其他文章类型的数据，如下图所示： 这就是WordPress大学今天要分享的教程：如何在WordPress...后台仪表盘“概览”小工具添加其他文章类型数据。...你只需要根据自己的实际情况，修改第四行代码的 array() 数组的文章类型别名，然后添加到当前主题的 functions.php 即可。...如果你要查看文章类型的值，可以在后台点击对应文章类型导航菜单下的第一个子菜单，比如页面-全部页面，就可以在网址中看到 /wp-admin/edit.php?
本文就是讲解如何在自己网站上增加一个像下图一样的分类搜索功能： 增加分类搜索功能 强大的 WordPress 的搜索模块，通过一定的参数来实现按照分类搜索。...WordPress 已经提供了这样一个输出网站分类目录的函数 wp_dropdown_categories ，具体使用说明可以看一下官方文档，对于本例中，我们只需要使用下面一句代码即可输出目录： 的这种方法，下面就来介绍一下。 输出对应的结构 先要自己做一个结构，然后使用 CSS 进行修饰，达到你想要的下拉菜单的样式。这里我是用了两个 div 和 ul 来模拟。...其中一个表示当前的选项，另一个表示下拉菜单的内容。 然后在下拉菜单里面，使用一段 php 来调用输出对应的 分类目录名称 和对应的 目录id 。...一开始想到的是使用 JavaScript 按照 WordPress 搜索格式构造一个 URL，然后发现这是多么的白痴。直接使用 jQuery 同步 select 的选项就好了。
在之后，我也写过几篇 “如何使用容器技术搭建 WordPress” 的文章，据官方数据称 WordPress 目前已经占据了互联网 34% 的应用，写作体验和插件生态其实还是很棒的，那么我们为何不使用...使用 Docker 和 Traefik 搭建 WordPress（Nginx） 使用 Docker 和 Traefik 搭建 WordPress 当然，你也可以使用传统的方案进行搭建。...接着打开 设置菜单中的阅读页面，将主页显示调整为静态页面，并选择静态页面为示例页面。 ? 当前展示的页面看起来还是不像一个Wiki，那么我们继续进行调整。...> div> 当你在 Wiki 中适当填充一些内容之后，你会得到这样的页面。 ?...在 wp-config.php 的 require_once ABSPATH.'wp-settings.php'; 前，添加下面一段代码。
我的离线 WordPress 增加了多重页面链接是为了测试最低级别的链接看起的样子，注意到我已圈出在底部有不必要额外的填充，这是一个非常好的关于样式继承的例子。这里不是10像素而是20。...现在我们知道日历是在一个 TABLE 标签中并以 wp-calendar 作为 id。那么如何在 style.css 文件中锁定 wp-calendar table 呢？...答案是 table#wp-calendar{}。为什么？早前，你学了使用 # 号当样式化使用 id 而不是 class 命名的 DIV。...在这里，是 table 而不是 DIV，跟着是 id 的值，wp-calendar。...如果仅仅 #wp-calendar{} 也是可以的因为它是唯一的而且 WordPress 不会使用 #wp-calendar 给别的标签。但是你应该试着特定化当能够的时候。
顶部菜单栏改为渐变背景色 在wp后台→主题选项→定制风格→自定义样式添加以下代码： #header-top { background: linear-gradient(-30deg,rgba(255,...Admin改成博主 在begin/inc/inc.php找到那一行的 Admin （如果找不到，直接Ctrl+F搜索：// admin），改成你想改的字符（如“博主”二字），或者加其他图标，样式都可以的...WordPress有新评论微信提醒管理员 查看文章：WordPress实现微信推送评论消息 WordPress关注微信公众号获取密码 查看文章：WordPress关注微信公众号获取密码 表格自适应 <h3...如果你要两栏，把宽度改成50%，四栏就25% 侧边栏添加广告位代码 外观→小工具→侧边栏，然后点击添加小工具选择增强文本添加，将下面代码放在增强文本的内容里面即可。.../uploads/2019/03/370x245.jpg" /> div> 以上就是爱游博客的一些改造，如有好的建议或是那里有问题，请在下方留言。
我们有时为了方便操作会把一些特定的链接添加到wordpress后台左侧菜单栏中，这个要如何实现呢？...其实不会很难，使用两个WordPress内置函数就可以解决问题，分别是add_menu_page()和add_action()，添加到主题目录下的functions.php中就可以了，参考代码如下 /*...* * 名称：WordPress后台添加顶级菜单 * 作者：Ytkah * 博客：https://www.cnblogs.com/ytkah */ // my_add_pages() 为 'admin_menu...wrap 类是WordPress构建好的css类，可以在你的HTML代码中使用 /* echo ' div class="wrap"> 使用帮助...点击直接跳转到设置好的后台页面编辑页面中。感兴趣的朋友可以试试
所以 WordPress 6.2 引进了 WP_HTML_Tag_Processor，一个给 WordPress 开发者调整 HTML 标签属性的工具，他是 WordPress 新的 HTML 处理 API...添加一个可能已经存在的 CSS 类， 设置一个属性值而没有确保已有相同重复的属性值 所以不必担心代码会将 中内容或者属性值，甚至 HTML 注释误认为是一个标签。...运行速度经测试已足够快，可以在关键的代码中运行，它不会产生额外的内存开销，在 WordPress 6.2 中，可以使用它取代容易出错的正则表达式和字符搜索串的代码 ，来执行相同的 HTML 更新。...当然它还有一些更高级的用法，在 WordPress 6.2 发布之后，可以直接阅读 class 中相关的文档来学习如何使用。...未来 WordPress HTML 相关的功能会给予这个 class 之上，使得可以查看所有标签，使用 CSS 选择器查找标签，并使用新标签修改 HTML 结构，删除标签和修改内部结构等。
在WordPress中添加一个额外的古腾堡编辑器(Gutenberg Editor)实例可以通过自定义代码实现。以下是一个基本的步骤指南，帮助你在WordPress中添加第二个古腾堡编辑器实例。...; });})(jQuery);步骤 3: 添加自定义编辑器容器在你的主题文件中(例如 functions.php 或 header.php)，添加一个容器来承载第二个古腾堡编辑器实例。 div id="custom-editor">div> 添加额外的编辑器实例可能会对性能产生影响，特别是在低配置的服务器上。兼容性：确保你的代码与当前使用的WordPress版本兼容。...安全性：在生产环境中使用自定义代码时，请确保进行适当的安全检查和测试。原文http://www.dulizhan.cq.cn/jianzhan/42.html
使用的方法主要有两种： 可以通过在WordPress编辑器中插入短码的形式。...比如 用 jQuery 和 Bootstrap 在 WordPress 中添加进度条 这里介绍的用法 也可以通过在主题文件中使用函数do_shortcode() 。...比如这篇文章中介绍过的：在WordPress中添加简书风格的连载目录和文章导航 Display Post支持的参数特别全面。...jQuery的最佳方法 WordPress免费插件的选择指南 WP Plugin Info Card : 用于展示WordPress插件信息的最佳插件 使用Vue.js在WordPress中创建单页面应用...，也可以通过增加wrapper="div" 把每一个结果都包如一个div标签中，以便更好的结合其他工具进行自定义CSS，通过这种方式可以把结果显示成表格、栅格（Grid）等等其他形式，可以玩出花来。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
