草，好长的标题。 前言 给博客添加一个背景图片玩玩。 加上去了，发现原来的 toc 栏有点怪，不如加个模糊滤镜和透明背景色美化一下，然后就遇到了问题。...现象 个人是在 typo.module.css 中使用了 @apply： .typo nav>ol{ @apply backdrop-blur bg-white/60 dark:bg-[#121212...猜测是和 Tailwind CSS 的 darkMode 的 class 机制有关。 解决 修改 tailwind.config.js： module.exports = { //........ } 参考 dark: not working in @apply (tailwind 2.0.1) · tailwindlabs/tailwindcss · Discussion #2917 我的博客即将同步至腾讯云开发者社区
WordPress 中的jQuery 库问题曾经困扰了我一段时间。...如果仅仅加载WordPress 自带的jQuery 库，在使用一些jQuery 插件的时候明明是代码没有错误，但就是不起作用，该有的效果不能实现；但加载了原版的jQuery 库却又可以了，这样一来却同时加载了两个...后来才了解到：为了防止与其他 JS 库（如 YUI）冲突，WordPress 内置 jQuery 库的末尾都在原版的基础上加入了 jQuery.noConflict()这个东东，以至于在jQuery 代码中用...$ 代替jQuery 的写法不能识别，一些功能不起作用的原因正是由此而来。...如何解决这个问题，网络上有以下解决方案： 方案一：将相关js代码中的$ 手动改为 jQuery。
如果你碰到这个问题，就说明你的主题还不够完善。是的，之前Devework主题也是这样，但现在已经修复了。...这类问题都是，首页的文章上如果是摘要显示的或者截断输出的，如果是密码保护文章压根儿没有提示输入密码，直接跟没有那样输出。 分析 一般来说，WordPress 中输出文章都是用 这个函数，但在一些主题中，首页一般不是完全输出文章内容的——而是输出摘要或者截断输出那样，比如一些主题作者常常用下面的代码代替原来的 ： 解决 解决的方法也很简单，给一个判断函数，判断是否为密码保护文章就可以了，WordPress 中有这个函数post_password_required，所以原来的代码应该改为下面这样： 其他情况也大概差不多，反正是对输出content 的函数下刀就可以了。 其他文章：《自定义WordPress 密码文章提示文字》可能需要的。
在编辑“容器如何工作”爱好者杂志的能力页面时，我想试着解释一下为什么 strace 在 Docker 容器中无法工作。...这里的问题是 —— 如果我在笔记本上的 Docker 容器中运行 strace，就会出现这种情况： $ docker run -it ubuntu:18.04 /bin/bash $ # ... install...但这实际上是不合理的，原因有两个。 原因 1：在实验中，作为一个普通用户，我可以对我的用户运行的任何进程进行 strace。...这个问题其实并不相关，但这是我观察时想到的。 容器进程是否在不同的用户命名空间中？嗯，在容器中： root@e27f594da870:/# ls /proc/$$/ns/user -l ......在 containerd 的 seccomp 实现中，在 contrib/seccomp/seccomp/seccomp_default.go 中，有一堆代码来确保如果一个进程有一个能力，那么它也会（通过
通过 Page Specific Menu Items 插件允许用户在编辑文章和页面时，选择显示的菜单项。...官网下载 可以通过在我博客导航菜单首页和WordPress分类之间切换查看演示效果 相似插件： PageMenu Menu Swapper
在bootstrap中，使用col-md-offset-1、col-md-offset-2、col-md-offset-3、col-md-offset-4等来设置偏移量很常见，但最近就遇到一个问题了，在最新版的...bootstrap4.5中，这个值不起作用了。...后来翻看Bootstrap的官方文档才明白，原来在bootstrap4以后，定义已经发生了变化，我们不需要前缀col-，只是偏移-md-3 这样的写法，也就是不要col-开头了，而是offset-md-...3这样的写法。
Dashicons 是 WordPress 官方出的用于后台的图标字体，可以用于 WordPress 的各个地方，也可以用在 WordPreess 前台，但是你事先要加载相关的 CSS。...add_action( 'wp_enqueue_scripts', function() { wp_enqueue_style( 'dashicons' ); }); 下面讲讲如何在 WordPress...各个地方如何使用 Dashicons register_post_type() 中使用： 注册文章类型的时候，如果要自定义文章类型在后台左侧菜单的图标，可以指定 menu_icon 的参数为 dashicons...manage_options', 'my-page', 'my_admin_page_function', 'dashicons-admin-media' ); } CSS...点击「WPJAM」菜单下的「 Dashicon」子菜单，首先看到的按照分类显示的所有 Dashicons 列表： 点击某个 Dashicon，就会显示大图，和其名称，对应的的 HTML 代码：
其实 WordPress 本身也有类似于 Cron 的功能，让我们可以直接在 WordPress 中定义和执行定时作业，WordPress 把这个功能定义为：WP-Cron，比如 WordPress 本身的文章预发布功能就是基于...WP-Cron 定义了一套完整的 API，让 WordPress 第三方开发者可以通过插件的去定义定时作业。...： 在该界面，可以立即执行定时作业，也可以删除，或者直接新增定时作业。...定义定义作业 WP-Cron 支持两种类型的定义作业： 单一的未来事件（比如设定某篇文章在将来某个时间发布） 重复发生的事件，比如每天或每个星期等一段时间内重复发生的事件（比如定时清理无用的信息） 定义单一的未来事件...在 WPJAM Basic 定时作业管理后台加入： 这里非常好理解，就不再想讲，只是后通过界面添加的方式，暂时不支持参数，即 $args 参数。
在 Python 中，我们通常使用 List.append() 方法向列表末尾添加元素。然而，在某些情况下，你可能会遇到 List.append() 方法不起作用的问题。...问题描述虽然 List.append() 方法通常在 Python 中运行良好，但在某些情况下，它可能无法正常工作。以下是一些可能导致 List.append() 方法不起作用的情况：1....变量重新赋值在 Python 中，列表是可变对象，也就是说，它们可以通过引用进行修改。...列表作为函数参数另一个导致 List.append() 方法不起作用的常见情况是将列表作为函数的参数传递。在 Python 中，函数参数传递是通过对象引用实现的。...结论List.append() 方法在 Python 中通常是一个方便且常用的方法，用于向列表末尾添加元素。然而，当遇到某些情况时，它可能不起作用。
，都是“Canonical 标签以及在 WordPress 中的应用”这篇日志的内容，对于搜索引擎来说，这样两个不同的 URL 是无法判断是同一篇日志的，搜索引擎为了更多收录内容，就会同时收录这两个链接...WordPress 默认支持 Canonical 标签 在 WordPress 2.9 之前，让 WordPress 博客支持 Canonical 标签是需要通过插件或者手工修改主题的 header.php...> 在 WordPress 2.9 发布之后，WordPress 已经默认支持这一标签了，我们无需做任何动作，主题就支持这一标签。...我们可以在 WordPress 的源文件 wp-includes/default-filters.php 看到如下的代码： add_action( 'wp_head', 'rel_canonical'...标签，而又没有在 WordPress 中屏蔽默认的 filter 的话，则会输出重复的 Canonical 标签。
serialize() 和 unserialize() 函数有个问题，在序列化的时候，不会判断是否已经序列化过了，或者在序列化数组恢复成数组的时候，也不会判断这是不是序列化数组。...WordPress 如何序列化数据 所以 WordPress 做了一些改进，创造了 maybe_serialize() 和 maybe_unserialize() 这两个函数，用法和 serialize...但是: maybe_serialize() 在进行序列化的时候，如果要序列化的数组或对象已经被序列化过了，就不会再次进行序列化，直接返回已经序列化的字符串。...为了判断是否为已经序列化，所以 WordPress 还有两个函数： is_serialized( data, strict = true )：检查 is_serialized_string( data...is_serialized( $data ) ) { if ( is_serialized_string( $data ) ) { // do something } } 另外，很重要一点，但是 WordPress
我前面介绍过 Mobile Detect 这个 PHP 类库，它可以用来检测移动设备环境，它有一个非常完整的库，可以检测出所用的设备类型（包括操作类型，以及手机品牌等都能检测）和浏览器的详细信息。...但是如果只是简单的判断下当前浏览博客的设备是否为移动设备，那么我们可以使用 WordPress 默认的函数 wp_is_mobile 函数来判断，但是这个函数有个问题，它把 iPad 也算作移动设备，但是...iPad 设备比较大，有时候我们仅仅希望在手机看到不同的设计和功能，所以我重新写了一个 wpjam_is_mobile 函数，去除了 iPad ： function wpjam_is_mobile()...return true; } else { return false; } } 并且 wpjam_is_mobile 函数已经整合到 WPJAM Basic 插件中。
为了使页面看起来更美观，我开始着手对CSS的学习，在刚开始的学习过程中也确实遇到了许多问题，现在我把他们集中总结。...解决方案 首先明确我的学习顺序：CSS盒子模型→CSSborder→CSSoutline→CSS margin→CSS padding. boxmodle中遇到的问题： 问题一：（待解决）盒中内容过长会超出盒子...图2.1.4盒子中文本的换行情况 （2）CSS border中遇到的问题： 问题一：（已解决）在学习盒子模型时，对这样一行代码“border:30pxsolid gray”中“solid”一词存在困惑：...不过也可以发现一些规律，那就是在“p.”后面、“{}”之前，是可以跟东西的，比如菜鸟上的实例： ?...结语 在学习H5与CSS的过程中，会遇到很多让人疑惑的地方，我的解决方法是实践与记录。先将问题暂时记在记事本，再在过程中不断试验并记录截图，方便后期总结对比。
jQuery 有个 wrap 函数，可以使用指定的 HTML 元素来包裹每个被选元素。...div class="inner">Hello Goodbye 我们使用 wrap 函数给 class 为 inner 的元素加上...class 为 new 的 div： $( ".inner" ).wrap( "" ); 结果为： 在 PHP 中也简单实现相应的版本： function wpjam_wrap($text, $wrap){ $pos = strpos($wrap, '></');...is_callable($wrap)){ return call_user_func_array($wrap, $text); } return $text; } 该功能已经整合到 WPJAM Basic 插件中，
2.3 链接式 在实际的网页设计中，链接式 CSS 用法是最常用的，也是效果最好的。...使用链接式 CSS，可以在设计整个网站时，将多个页面都会用到的 CSS 样式定义在一个或多个 文件中，然后在需要用到该样式的 HTML 网页中通过 标记链接这些 文件，通过链接式 CSS 可以降低整个网站的页面代码冗余并提高网站的可维护性...被导入的 HTML 文件在初始化时，会将该 CSS 文件导入 HTML 文件中，作为此 HTML 文件的一部分，类似于内嵌式的效果，而链接式是在 HTML 的标记需要 CSS 样式的时候才会以链接的方式引入进来...例如，可以在 文件中不写任何 CSS 代码，只写 ，这样所有导入或链接到该 CSS 文件的 HTML 页面都可以使用 中定义的所有样式效果。...这时解决 CSS 冲突你就要了解在 HTML 中使用 CSS 的优先级规则： 内联式 > 内嵌式 > 外部样式； 在多个样式中，后出现的样式的优先级高于先出现的样式； 在样式中，选择器的优先级： 样式
如何在linux中搭建WordPress个人博客： 1、安装apache 2、安装php、mysql、php-mysql、图形库gd 3、查看防火墙、SElinux状态 关闭防护服务 4、开启apache...服务 使用浏览器进行访问，服务正常 5、测试php功能 使用浏览器进行访问，成功 6、启动mysql 登陆mysql，成功 查看数据库 7、测试数据库连接功能 使用浏览器测试，连接成功 8、下载wordpress
如果你在编辑器中输入PHP 代码，默认的话WordPress 不会为你执行这段代码的——只会文本方式输出。...Tutsplus 上有一篇文章以插件的方式告知我们实现在WordPress 的文章或页面中运行PHP 代码的方法，下面介绍下。...原理小介绍 懂php 的都知道，PHP中载入其他PHP文件可以用include() 或者 require() 函数，因此为了实现在WordPress 的文章或页面中运行PHP 代码，我们可以将打算运行的代码写入一个额外的...> 上诉代码中的变量 $upload_dir['basedir'] 指代的是WordPress 中多媒体文件的上传路径（默认为/wp-content/uploads/），接下来通过一个实例说明如何使用这个短代码插件...那么此时，在WordPress 编辑器中写文章时候用下面的短代码插入短代码： [phpcode file="wordsbackward"] 即可运行相应的wordsbackward.php文件，如图：
当涉及到声明式的语言如CSS时，就发现了一些有趣的地方。声明式语言式必须符合对应格式的，而CSS选择器基本是由HTML结构决定的。...若你的项目确实需要这种很大的CSS文件，它应该是由多个小的部分，通过CSS预处理工具组合而成的。...我第一反应就是也许在文件中还有一个> li > a的选择器，而这行代码就是指那个选择器。也许文件中有一段注释会专门解释为何这样写，但我将文件重头到尾都看了一边，发现并没有这个选择器。...或者也许这段注释是指某行已经被删除的代码或引入其他文件中的代码？若想要彻底弄清楚这个注释的作用，唯一的方法就是翻遍整个git记录了吧。...当然，不是每个打补丁的代码都要这样注释，但若bug不是那么容易发现，而且与浏览器怪癖有关，那么还是这样注释吧。 好：指令式注释 一些工具如KSS , 会在CSS文件中创建一些样式规范。
image.png 自从前段时间谷歌广告联盟通过以后，也算是比较关注的了 今天来说一下优化吧，在说优化之前，先说一下WordPress常用的页面判断 很多时候我们需要将某些内容在指定的页面中显示，比如将谷歌自动广告设置为不在首页显示...> 我们可以用is_home()来判断是不是WordPress的首页，但是有一点需要注意，当你的首页不是默认的index.php的时候，比如是在后台指定了一个页面，这种情况下is_home()也会失效...有几个页面没有开启评论功能，所以就报错了 尝试一下是不是因为没有开启评论造成的，然后找了一下WordPress的函数，comments_open()可以判断是否开启评论 结果还真的正常不报错了，哈哈 我将谷歌广告和熊掌号的信息都移到了页面底部，所以你也可以将这些更改加载footer.php文件中的合适位置，当然你加在header.php中也没有问题 沈唁志...原创文章采用CC BY-NC-SA 4.0协议进行许可，转载请注明：转载自：在WordPress中优化谷歌（AdSense）广告联盟
这篇文章主要是小讲Sass 与Compass 在WordPress 主题开发中的运用，核心的技术Sass 自然不会提及。因此，如果你想要这篇文章对你有用的话，最好是先接触下Sass。...style.css 在根目录的问题 熟悉WordPress 开发的自然知道style.css 对于一个WordPress 主题的重要性。...然而在Sass 与Compass 中，因为配置上的原因，一般是将scss 及css 文件放在以此命名的文件夹中，但WordPress 确是要style.css 放在主题根目录下。...style.css 的注释问题 按照WordPress 的开发要求，style.css 的头部必须有如下类似的主题相关信息（注释）供系统必要时使用： /* Theme Name: Bevework Theme...一个WordPress 的Compass 插件 这个是我在看《Sass与Compass实战》这本书的时候在作者的Github 上看到的，Github 地址点击这里。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
云直播
对象存储
腾讯会议
