“相关文章（Related posts ）” 或者叫“你可能还感兴趣的文章”，是WordPress中呼声最高的需求之一。许多博客，新闻网站和企业网站都有这个需求。有很多第三方插件都可以提供这个的功能。...甚至Automattic，WordPress背后的公司，也有一个插件JetPack提供此功能。 唯一的问题是，大多数插件都太臃肿了，包含太多我不需要的东西。带来了很多累赘。...因为我一直在使用强大Wordpress插件ACF（Advanced Custom Fields ）来满足我的大部分需求，如果我能用手上现有的东西来实现“相关文章”的功能，为什么还要安装别的东西呢？...Posts in Genesis using ACF • alansari.io Related posts is one of the mostly looked for features in WordPress...Even Automattic, the guys behind WordPress, has the feature available in their JetPack plugin.
一些WordPress 博客会在右侧集成个“博客统计”，内容大概是文章数啊、评论数、建站日期等之类的统计数据。...打开主题目录下的 function.php，在最后一个 ?...> 前插入以下代码： include("ipeld-widget-blogstat.php"); 当然，2、3步的php文件存放路径可以自定义。 4....在管理员登陆下的显示情况 ? ? 在访客看来，是这样的。...相关文章： 制作WordPress侧边栏“随机文章”小工具并集成在主题中的方法 制作WordPress侧边栏“热门文章”小工具并集成在主题中的方法
在侧边栏显示个“随机文章”小工具据说有两个好处：一是可以提高访客的点击率；二是对搜索引擎友好。...下面Jeff就为大家带来制作WordPress侧边栏“随机文章”小工具并集成在主题中的方法；用本方法实现的小工具可以在后台随意开启，想用就用，不想用也不用删除代码。...二、向WordPress后台调用“随机文章”小工具 将上面的widget_randposts.php文件放在你的主题路径下，如我的是放在主题的/lib/widgets/下，那么就在主题的fountions.php...相关文章： 代码实现WordPress点击进入随机一篇文章的方法 制作WordPress侧边栏“热门文章”小工具并集成在主题中的方法
制作“热门文章”小工具的思路与文章《制作WordPress侧边栏“随机文章”小工具并集成在主题中的方法》提供的一致，如果你没看过这篇文章，不妨看看先。...二、定义相关函数并向WordPress后台调用“热门文章”小工具 将上面的widget_hotposts.php文件放在你的主题路径下，如我的是放在主题的/lib/widgets/下，那么就在主题的fountions.php
Gravatar（头像） Gravatar是与您的电子邮件相关联的头像（名称和图像），您可以在Gravatar主网站上创建它。现在我相信您会问，这与 WordPress 有什么关系？...作为博主，您可能不需要学习或使用任何代码——尤其是在页面构建器 WordPress 插件变得如此流行之后。...在 WordPress 博客中，一些主题包含可用于格式化内容的简码，例如，添加按钮。而一些插件使用简码插入特殊内容，例如使用插件构建的联系表单。...您可以通过在帖子和标题中使用相关标签、类别和关键字，以及通过编写标题来告诉访问者您的帖子是关于什么的，来改进您的WordPress SEO 。...WordPress 有许多可用的滑块插件，其中一些通常包含在高级主题中。
所以，当我们在谈论在WordPress中嵌入JavaScript时，特指的是浏览器端的JavaScript。 为什么要在WordPress文章或页面中添加JavaScript？...最后，在WordPress上使用JavaScript很容易 。...一般来说，在WordPress文章或页面中插入JavaScript的方法有如下几种： 编辑器：在古腾堡编辑器中插入一个HTML块，把代码以HTML的形式插入。...具体方法在本博客的jQuery标签里的文章里有介绍 管理后台：在WordPress管理后台中可以通过插入Header Scripts、Body Scripts、Footer Scripts 来形式来控制插入的范围...这种方式比较适合插入一下全局性的代码，如Google的Analytics、Adsense等代码，也可以为文章或页面插入单独的代码 插件方式：通过WordPress插件的方式来插入JavaScript。
问题背景 一直看着评论一线到底，感觉有点不舒服，看到主题君欲思大大那的评论也分页了，就向大大求援了一下，大大酷酷的回了一句paginate_comments_links函数，剩下的就都留给小弟了。...说来惭愧，用了这么久的wordpress了，竟然没注意过“WordPress 后台 – 设置 – 讨论，在“其他评论设置”中勾选分页显示评论”这一项。。。设置后竟然好了。...二.开启 WordPress 评论分页 打开 WordPress 后台 – 设置 – 讨论，在“其他评论设置”中勾选分页显示评论，设置一下评论数目，这里的评论数目仅计算主评论，回复评论不作计算。...在后台开启评论分页后，在 comments.php 中需要添加分页导航的地方加入以下代码（如主题中有类似代码则无须再添加，另外代码中的 nav 标签为 HTML5 标签，若主题没有使用 HTML5 则有...> 四.Ajax 评论分页 根据上文所述，现在主题中已经有评论分页了，要做到 Ajax 的评论分页，只需 JavaScript 的配合，不过在这之前首先要在评论列表前加入一个元素，用于在显示新一页评论列表时表示列表正在加载
用BACKSTRETCH实现定时自动切换背景 作者：matrix 被围观: 2,616 次 发布时间：2013-10-09 分类：Wordpress 兼容并蓄 零零星星 | 2 条评论 »...jquery-backstretch可以实现之前>>刷新页面后让WordPress背景随机切换 不能到达的动态切换背景功能。 ...用jquery-backstretch就算你不按F5刷新页面背景也可以自动切换，带有淡入淡出的缓慢加载那种效果，很好看。...例如： >wordpress中ZeroClipboard实现js+flash跨浏览器剪切板复制粘贴 的功能。
首先感谢他们的作品呢…… 因为博主超喜欢单栏主题的设计，还有 PJAX 加载，所以博主一直就在打磨这款主题中…… （当然是根据自己喜欢的口味来更改滴啦） 学长是个细节控，代码洁癖，某些强迫症集一身的人啦...“背景图API”将显示“背景图API”的随机图。...修正 卡片式风格 在没有正文内容时的显示效果 2018.03.21 尝试修复评论表情框在某些主机无法加载的问题 2018.04.07 新增一个 “高斯模糊” 网页背景风格 样式，在基本设置中选择，效果仅限于...PC 端 2019.03.28 修复后台编辑器“下载按钮”不能使用的 BUG 净化去除图片插入、缩略图、正文中多余的图片标签元素 全局字体使用“微软正黑体”，更具逼格 整理了一个博主万年没有发现的东西...，在后台选择使用，仅限 PC 端 2019.04.19 修复评论翻页按钮在“白色简约”网页背景风格下不居中的问题 修复主页个人头像和评论头像变形的问题 说说页面跟文章页面一样可以点赞了，仅 PC 端可见
最近非常热衷于逛博客，各大博主博客都非常出彩，弄得我心里面痒痒的也想弄，就先从一个下雪效果开始吧！ 在网上找了很多资料，最后找到一个非常靠谱的，步骤非常简单！...第一步：将snow上传至主题根目录并解压 第二步：修改其中js文件指定雪花的地址 第三步：编辑主题中的footer.php文件，添加以下代码引用效果 <script type="text/<em>javascript</em>...sonw文件在这里下载：点击下载 <em>在</em>本页资源分享站中也可找到：https://data.songtianlun.cn 差点忘记一个非常重要的事情， 参考文章： <em>wordpress</em> 添加下雪特效 Author...: Frytea Title: <em>Wordpress</em> 添加下雪特效 Link: https://blog.frytea.com/archives/59/ Copyright: This work
在使用本指南之前，您应该已经完成了使用WordPress指南管理Web内容并设置了完全配置的WordPress网站。 注意：本指南中的步骤需要root权限。...通过主题添加Google Analytics WordPress使用PHP包含，因此添加Google Analytics代码就像更改WordPress主题中的单个文件一样简单。...如果您决定这样做，则需要在以下步骤中为JavaScript添加额外的代码行。...在包含ga('create', 'UA-00000000-0', 'auto');和的行之间插入以下内容ga('send', 'pageview');： ga('require', 'displayfeatures...这些插件都会将Google Analytics信息中心添加到您的管理界面，并将跟踪代码插入到您的主题中。
Ø版本的WordPress的多年发展中，默认的登录屏幕设计没有改变，仍然是简单和干净是在不同屏幕尺寸的作品。...默认的WordPress登录屏幕 ? 我们要建立什么 ? 更改徽标 WordPress使用CSS来显示背景图像。它通常插在H1和锚标签之间。...但是，对于本教程，我们将在二十四个WordPress默认主题中使用functions.php文件。 ?...在functions.php文件的最后一行之后插入以下代码，然后将首选徽标文件名放在目录路径中。 function login_logo() { ?...body.login { background-color: #3d3d3d; font-family: Helvetica; } 现在我们已经更改了登录屏幕的背景颜色和字体，让我们在登录表单的持有者上放置一个漂亮的灰色背景
WordPress 5.6 发布，这个版本发布了新的默认主题 2021，然后给古腾堡增加大量的模块，让你更加方便插入图片，声音和视频。...古腾堡编辑器更新 更灵活的布局：古腾堡编辑器更加方便设置布局，支持单栏或者多栏，支持固定宽度，全屏头部，背景图支持渐变。...更多块模式：在某些主题中，预配置的块模式让在站点上创建页面变得轻而易举，所以更多的块模式让你创建页面的时候变得更加方便快捷。...2021主题还自带了一系列预设柔和色彩的调色板，所有这些调色板均符合AAA对比度标准，您还可以为主题选择自己的背景颜色，主题就会自动为您选择易于访问的文本颜色！...支持 PHP 8 WordPress 5.6 标志着 WordPress 核心支持 PHP 8 迈出了第一步，WordPress 建议主题和插件作者要让自己的产品和 PHP 8 兼容，就是在正常使用情况下
之前使用dux的时候有很多方便的功能，现在换主题了，之前有功能没有了，那么我们就手动加上吧WordPress内容折叠WordPress添加说说功能WordPress添加内容评论可见WordPress添加...bold; padding: 5px 0; box-shadow:0 0 20px #d0d0d0;/* 阴影 */ background-color: #FFFFFF;/* 背景颜色...> if ( typeof QTags !...if ($user_ID > 0) { $email = get_userdata($user_ID)->user_email; //对博主直接显示内容...$admin_email = "cpol@qq.com"; //博主Email if ($email == $admin_email) {
使用wp_enqueue_style和wp_enqueue_script函数在主题中添加样式和脚本。 自定义主题功能： 在functions.php文件中添加自定义功能和钩子。...创建插件文件： 在插件目录下创建一个主插件文件，通常命名为plugin-name.php。 添加插件信息： 在插件文件中添加插件的基本信息，包括插件名称、版本、描述等。...问题四 将前端三剑客（HTML、CSS、JavaScript）嵌入到 WordPress 主题可以通过以下步骤进行： 了解 WordPress 主题结构： 首先，了解 WordPress 主题的结构，这样你就知道在哪里添加你的前端代码...在 header.php 中添加代码： 如果你希望在页面的 标签中添加 HTML、CSS 或 JavaScript 代码，可以编辑 header.php 文件。...在适当的位置插入你的代码，例如： <!
当我们在修改主题样式后，经常要做的一个重复动作就是按F5刷新网页，今天介绍一款神奇的小工具，可以检测CSS和JavaScript文件的变化，并自动刷新网页的JS脚本Live.js。.../javascript" src="<?...，将修改后的效果立即显示在浏览器中，方便随时观察变化，有助于加快你的开发时间。...插件名称：PBD Live.js for WordPress GitHub下载 百度网盘下载 该Live.js脚本不仅适用于WordPress主题，同样适合任何网页开发制作 。...另外，Live.js脚本纯粹是为网页开发而设计，没有必要让它一直保留在主题中，因为启用后网页每两秒钟 flashes”一次 ，会影响页面的正常加载。
顺手搜索了一下＂WP表格＂，发现都在推荐一个表格插件WP-Table Reloaded ，安装后进入插件操作页面，还是中文的，直接从Excel粘贴一个表格，保存后，文章编辑页面工具栏上多出插入表格图标，...选择刚保存的表格，插入文章中，预览效果非常理想，自动为表格添加了背景色，再次证明了WordPress的强大！...WP-Table Reloaded最新版完美支持WordPress 3.0，多国语言，可以在WordPress控制面板里创建和管理表格，不需要任何HTML编程知识就能制作出功能强大而且非常美观的表格。...通过 WP-Table Reloaded 创建的表格可以包含任何类型的数据（文字、图片、超链接等等），并且可以利用附加的 JavaScript 库（jQuery表格插件）来实现对表格进行诸如排序、分页、...如果你也为在日志中插入表格而挠头，推荐用WP-Table Reloaded ，几乎不需什么设置，轻松方便．
近突然想给自己的wordpress博客加一个前端工具箱的功能，网上流传的都也有很多，但是个人感觉不是太好看也不太好用，今天就给大家分享下全百科在用前端工具箱源码。...image.png 具介绍 仿照 DUX 主题独立页面的左侧菜单，对其进行了一些的美化： 1) 修复前端工具箱左侧菜单选中后不显示背景颜色问题 2) 美化左侧菜单背景颜色 3) 美化右侧按钮 工具演示...wordpress内置前端工具箱美化版 wordpress内置前端工具箱美化版 美化后的效果如下图所示： 你也可以直接点击 前端工具箱 体验一下！...使用方法 使用方法很简单： 1) 下载博主分享的前端工具箱后，将解压的 tools 文件夹复制到主题根目录里面 2) 新建一个页面，使用模板为 webTools（前端工具箱） 3) 复制下面代码放到 header.php...中的 head 标签中 $(function(){ var a1 = document.URL; var a2 = $(".toolsmenu
1.将WordPress主题的JavaScript代码放入一个主文件中 有一次，在为客户的网站做页面速度优化时，我注意到他们使用了一个高级主题，这个主题包含了所有他们正在使用的库，包括定制代码，在一个名为...3.不利用现有的WordPress核心功能来实现其真正的潜力 由于WordPress附带了一套定期更新的库，可以在我们的插件和主题中调用，最好只是尽可能地利用现有的核心功能。...当然，该文件可以在浏览器中运行（虽然我确定打印时，甚至不会缩进或漂亮），但是如果您有本地的项目副本并浏览主题的代码，并且需要找到一个CSS或JavaScript语法（在使用script.php的情况下）...10.不为WordPress插件和主题使用正确的体系结构（代码组织） 根据于插件的大小和性质(例如:一个独立的插件或插件扩展，只有当一个主插件被激活时才会起作用，比如WooCommerce)，必须建立正确的体系结构和代码组织...与其将HTML与PHP代码混合，不如通过在插件和主题中实现MVC模式来保持分离。一个很好的例子是WooCommerce插件。。
使用的方法主要有两种： 可以通过在WordPress编辑器中插入短码的形式。...比如 用 jQuery 和 Bootstrap 在 WordPress 中添加进度条 这里介绍的用法 也可以通过在主题文件中使用函数do_shortcode() 。...Code Embed：在WordPress文章和页面中添加Javascript的最佳插件 2019年WordPress流行趋势预测 8个用于设计漂亮表格的WordPress插件 WordPress 精品插件大全页面的开发小记...对结果进行排序 ---- 2019年WordPress流行趋势预测 8个用于设计漂亮表格的WordPress插件 Code Embed：在WordPress文章和页面中添加Javascript的最佳插件...Display Posts : 按条件显示WordPress文章的最强插件 WordPress 和 Vue.js 的学习资源推荐 WordPress 精品插件大全页面的开发小记 WordPress主题中加载
领取专属 10元无门槛券
手把手带您无忧上云
