您是一位有抱负的WordPress主题设计师吗，正在寻找在主题中使用CSS的新方法？ 幸运的是，WordPress会自动添加您可以在主题中使用的CSS类。...这些CSS类中的几个会自动添加到WordPress网站上每个页面的部分。 什么是WordPress Body类？...这使您可以动态地找出用户正在查看的页面，然后相应地添加CSS类。 通常，大多数入门主题和框架已经在HTML body标签内包含了body类功能。...何时使用WordPress body类 首先，您需要确保主题的body元素包含如上所示的body类函数。如果确实如此，那么它将自动包括上述所有WordPress生成的CSS类。...现在，您可以直接在主题样式表中使用此CSS类。如果您在自己的网站上工作，则还可以使用主题定制器中的自定义CSS功能添加CSS 。 您可以选择要启用body分类功能的文章类型以及谁可以访问它。
在了解子主题功能之前，先来看一下你在使用 WordPress 的时候是否是这样：不会自己制作主题，只好从网上下载一个，这个主题整体风格比较适合，但是有些小地方不太好，自己只是有一点 CSS 基础，可以修改一些简单的样式...新建目录并且把上面注释写进 style.css 文件中，你再登陆 WordPress 后台，找到 主题 选项，就可以看到并且选择这个主题了。...在 style.css 文件中，导入父主题的 style.css 文件（使用 @import ）。 想办法找到要修改内容的 HTML 结构，并且在下面编写对应的 CSS 代码。...引用父主题的 functions.php 文件 functions.php 文件是一个主题中的功能文件，可以包含主题的各种功能，通常是一个主题必不可少的文件。...在子主题中引用父主题的 functions.php 文件不像是引用 style.css 文件会把原先的样式覆盖掉，而是把子主题的 functions.php 的内容追加到父主题的 functions.php
使用Prettify一般只需包含两个文件：prettify.js 和 prettify.css。压缩过后的 prettify.js 大小差不多在 15K 左右，非常小巧。.../ajax/libs/prettify/r298/prettify.css CSS 文件只包含代码高亮样式主题，我选择默认 default。...二、修改 functions.php 文件 打开 WordPress 主题文件中的 functions.php 文件，在末尾 ?> 前添加如下代码。...三、修改header.php文件 打开 WordPress 主题文件中的 header.php 文件，在 标签前添加如下代码，用来加载主题样式，也只在文章页加载。 " /> 到这里 WordPress+Prettify 免插件纯代码实现文章代码高亮设置就结束了。
Ø版本的WordPress的多年发展中，默认的登录屏幕设计没有改变，仍然是简单和干净是在不同屏幕尺寸的作品。...关于WordPress的好处是后端的每个部分都可以通过使用php 函数进行自定义。 在今天的教程中，我将向您展示如何以您希望的方式自定义WordPress登录屏幕。...请注意，徽标的最大尺寸应为80 x 80px; 但是，您也可以更改自定义CSS文件中的维度。 ? 接下来，打开二十四个WordPress默认主题里面的functions.php文件。...在functions.php文件的最后一行之后插入以下代码，然后将首选徽标文件名放在目录路径中。 function login_logo() { ?...首先，我们需要在二十四个WordPress默认主题的CSS文件夹中创建样式表（对于本教程，我将样式表命名为custom-login-styles.css），然后在functions.php文件中添加以下钩子
其实网上的N种方法总结起来就两种： 一、模板文件 header.php 中直接引入文件 二、在主题的 functions.php 中通过 WP 自带的函数 wp_enqueue_scripts 来加载...注意啦以下方法虽然放在了 functions.php 中，表面感觉好了点...... 但是 WordPress 不能确定是否在在页面加载了 JS，Css 文件，如果另一个插件使用相同的 JS，Css 文件，就无法检查 JS，Css 文件是否已经被包含在页面中。...默认值：false $in_footer（布尔型）（可选）通常情况下脚本会被放置在区块中。如果该函数为true，脚本则会出现在区块的最下方。要求主题在适当的位置中包含有 wp_footer() 钩子。...WordPress 默认在 wp_head() 中处理，而我们改为在 wp_footer() 中处理。
其中在 functions.php 中添加的代码几乎都不是原创的。...自定义网站页面右侧滚动条 将下面代码添加到主题自定义 css 或者 style.css 文件中就行： /*—滚动条默认显示样式–*/ ::-webkit-scrollbar-thumb{ background-color...在你的模板 functions.php 中加入以下代码并保存，就可以实现中文文件名称在上传过程中的自动重命名了。...或者额外 css 中就行 .avatar{-webkit-transition:0.4s;-webkit-transition:-webkit-transform 0.4s ease-out;transition...文章中英文数字间自动添加空格（不写入数据库） //WordPress 文章中英文数字间自动添加空格（不写入数据库） add_filter( 'the_content','fanly_post_content_autospace
在当前WordPress主题的functions.php文件中加上以下代码即可禁用WordPress的自动保存功能： //禁用自动保存 add_action( 'admin_print_scripts'...文件的一般目录为： 您的域名/WordPress安装目录/wp-content/您当前使用的主题目录/ 在wp-config中添加以下代码完成禁用自动保存的功能: //禁用自动保存 define(‘AUTOSAVE_INTERVAL...安装目录/ 上述的操作是为了保证您数据库不达到臃肿的状态。...其实很多站长在写博客的时候会选择在Word文档中写好再复制过去排版，这是一种明智的做法。因为自动保存将数据写入数据库后造成数据库臃肿，是导致您访问慢的一个小因素，能优化就优化，何乐而不为呢？...---- 精简您的WordPress头文件信息 并隐藏您的WordPress版本号 在当前WordPress主题的functions.php文件中加上以下代码即可精简头部信息并隐藏WordPress版本号
修改方法为： 找到您的主题目录下的 functions.php 文件 全局搜索 googleapis functions.php目录的一般位置为: 您的域名/WordPress安装目录/wp-content.../您当前使用的主题目录/ 方案一：所有包含googleapis的语句在开头用 // 注释掉 您可以使用宝塔面板的在线文档编辑功能，CTRL+F调出搜索框，搜索googleapis即可。...//wp_register_style( ‘underthesea-portlligatsans’, “$protocol://fonts.googleapis.com/css?...---- 替换Google字体只是一种解决字体加载慢的办法，由于Gravatar头像服务器一样在中国大陆无法正常使用，因此您还需要替换Gravatar头像服务。...如果您要禁用Gravatar头像，在WordPress后台 设置=>讨论 中将头像关闭即可 AD：【微博】西城知道 未经允许不得转载： 作者:知道君， 转载或复制请以 超链接形式 并注明出处 夏末浅笑。
Wordpress加载css以及javascript和正常的网页加载不同。1.创建functions.php文件图片<?...这个参数是在 1.5.1 版加进去的。这个函数类似于Qt中的信号槽机制。...wp_head()；方法是用来加载functions.php文件中配置的CSS以及javascript图片<!...-- 1.这个方法使用来获取functions.php文件中配置的CSS，以及javascript, 2.这样其他文件引入...php /*1.这个方法使用来获取functions.php文件中配置的CSS，以及JavaScript,2.这样其他文件引入footer.php文件也就引入了CSS以及JavaScript。
原本我的wordpress使用的是7.4和8.1版本，为什么不用一样的呢？因为一个有部分插件和主题不支持太高版本的php，但是太低版本又会再后台提示php版本太低，不过这次妥协给了速度。...进入正题 wordpress的推荐PHP版本是7.4及以上，但是奈何7.4对于子比主题而言，确实慢，所以当我们使用7.3或者7.2的时候，wp后台就会出现php过低的提示，如果你不在意的 可以直接跳过这篇文章...这里不演示。 方法三：隐藏所有WP用户的“需要PHP更新”警告 1、创建一个CSS文件，然后将其命名为“hide-php-update-message.css”。...dashboard_php_nag 3、通过FTP或SFTP将CSS文件上传到您的WP主题文件夹。（可直接在宝塔后台改） 4、下载functions.php文件。...5、打开文件，然后在functions.php文件末尾添加以下代码： add_action('admin_enqueue_scripts', 'betterstudio_admin_styles');
最近发现登录WordPress后台异常缓慢，经常卡在fonts.googleapis.com，这是由于Wordpress后台外链加载了谷歌字体（代码位置在wordpresswp-includesscript-loader.php...1、解决办法：将下面代码添加到主题functions.php文件中： function coolwp_remove_open_sans_from_wp_core() { wp_deregister_style...5、以Wordpress默认主题Twenty Fourteen为例，打开主题functions.php模板文件，查找并删除： //fonts.googleapis.com/css 6、其它主题类似，...但可能不在functions.php模板中，只能逐一文件查找，只搜索google关键字就可以了。...7、注：这已是目前国内使用Wordpress所必须做的，建议国内主题设计者直接集成在主题中，不然刚接触WP的新手，会因此放弃！
哪些文件调用了 Google Fonts 和 Google Ajax 的服务 WordPress 3.5 之前的版本中，核心程序和自带主题都没有调用 Google Fonts 和 Google Ajax...WordPress 3.5 ~ WordPress 3.7 各版本中（含类似 3.5.1 这样的小版本），核心程序文件 wp-includes/script-loader.php 和自带主题的函数文件...functions.php 文件外，WordPress 自带编辑器的样式文件也调用了 Google Fonts 服务：wp-includes/script-loader.phpwp-includes/...很显然，如果我们开启这项功能，当 WordPress 发布新的维护更新的时候（比如 WordPress 3.9.2），会自动覆盖掉我们所做的修改。这是我们不希望发生的事情。...你可以在 wp-config.php 文件中加入一行代码，来关闭自动更新功能，这行代码放在数据库信息后面即可： define('AUTOMATIC_UPDATER_DISABLED', true )
禁用谷歌字体 wordpress本身包含了大量的Google资源，比如谷歌Open sans字体，而现在谷歌被大陆GFW大规模屏蔽，严重影响了网站的访问速度。...将下面代码添加到主题functions.php文件中： function coolwp_remove_open_sans_from_wp_core() { wp_deregister_style(...安装缓存插件 wordpress有很多不错的页面缓存插件，这里贴一下我在使用的缓存插件。 当然你也可以使用更传统的WP Super Cache来提高网站访问速度。...cos-html-cache是一个把WordPress中的文章页面生成纯HTML静态文件的插件，把网站静态化可以明显缓解服务器的压力。...设置 中，点击按钮删除所有的html缓存文件。
WordPress怎么在登录自动勾选记住我的登录信息？WordPress登录时有个“记住我的登录信息”勾选，默认14天内将自动登录，除非你手动注销。...script>document.getElementById('rememberme').checked = true;";} 2、如果你想隐藏这个复选框，可以将下面的代码添加到当前主题 functions.php...模板文件中： add_action('login_head', 'remove_remember_me');function remove_remember_me(){ echo...'.forgetmenot { display:none; }';} 3、另外，想延长自动登录时间，可以将下面的代码添加到当前主题 functions.php...模板文件中： add_filter( 'auth_cookie_expiration', 'custom_login_cookie' );function custom_login_cookie() {
一 首先在源代码中找到加载字体文件的位置，在博客首页的源代码中找到了下面这行： <link rel='stylesheet' id='baskerville_googleFonts-<em>css</em>' href.../wp-content/themes/baskerville/functions.php: $font_url = '//fonts.googleapis.com/css?...大概看一下，实际上用处比较大的是第二行的那串在主体中的定义（对比第一步的内容）（....文件 四 最后把这个文件上传到wordpress的根目录下（放到其他目录有时候会没有权限访问，有点麻烦），然后将function.php中的那个url改成/font_cache/font-css（相对于...wordpress的根）即可。
ok 最终效果 纯代码实现WordPress文章设置隐藏内容公众号可见 正文开始 此项目基于龙笑天下博客，教程大部分源自龙笑天下 1 核心代码 将以下代码放入 functions.php 中（钻芒修改版...将以下代码放入 functions.php 中即可： 由于wordpress会自动转义文章里的代码造成冲突，请复制后删除下面代码中第6行的两个“把我删掉” // 后台文本编辑框中添加公众号隐藏简码按钮...php } } add_action( 'admin_print_footer_scripts', 'lxtx_wpsites_add_gzh_quicktags' ); 4 使用方法 4.1 在文章中使用短代码...4.2 微信公众号 这里以微信公众号为例（QQ 公众号同理），在微信公众号的“自动回复-关键字自动回复”中设置好关键字（对应上面代码中的 keyword）及验证码（对应上面代码中的 key）。...本文源自：纯代码实现WordPress文章设置隐藏内容公众号可见
我的个人博客网站是：http://qkongtao.cn/ 一、加入Live 2D血小板(可拖动) 加入血小板的教程我在很早之前的一篇博客已经做了很详细的教程，具体实现可以参考： 个人网站中：http...p=465 CSDN中：https://blog.csdn.net/qq_42038623/article/details/105384576 接下来主要来实现怎么让血小板进行拖拽的功能： 这个问题我第一的想法是可以使用我在大二学..."",$temp); //写入文件 $fp = fopen($online_log,"w"); flock($fp,LOCK_EX); //flock() 不能在NFS以及其他的一些网络文件系统中正常工作...('display','none');\" title=\"关闭\">关闭"; //输出欢迎语及关闭 } 将以下代码添加到style.css中即可： #welcome...WordPress后台的默认登录地址为：/wp-login.php 添加代码更改WordPress登录地址，将下面代码添加到functions.php文件里 //更改WordPress登录地址 add_action
如果你看腻了 wordpress 默认登录界面，或者想将 WordPress 的 logo 替换为自己网站 logo，并改变其外观，可以参考此文，打造一个个性化的登录页面。...一、将下面代码加到主题 functions.php 模版文件的最后： <?...三、将下面代码添加到 custom_login.css 中： /** 背景及字体 **/ HTML,body.login{ background:#f2f2f2...最终效果如图： 同时还可参考登录页面默认样式文件：wordpress\wp-admin\css 目录的 wp-admin.min.css，进一步个性化登录页面，就看你的创意了！...另外，也可以将下面代码添加到主题 functions.php 模版文件中，直接将样式写在其中。
”、“下载地址”等内容，添加默认内容之后，这些重复性的工作以后再也不用了，一切都预定义好了。...设置方法：在主题functions.php文件添加以下代码即可： function insertPreContent($content) { if(!is_feed() && !...自带的TinyMCE编辑器会默认过滤掉不符合XHTML 1.0中的html标签，不排除某些情况下也可能会用到这些标签，所以把方法放出来供大家参考吧。...添加方法：将以下代码粘贴到主题的functions.php文件里即可： WordPress自带编辑器的强大往往被人忽略，很大程度上就是其隐藏的编辑按钮默认情况下没有被显示出来而已。...设置方法：在主题的functions.php文件里添加如下代码即可： function fb_mce_external_languages($initArray){ $initArray['spellchecker_languages
在开发WordPress 主题的时候，如果频繁更新主题的CSS、JS文件但主题已经上线，如何让访客的浏览器获取最新的CSS、JS文件而非等到浏览器删除缓存后？下面就介绍一个简单的方法。...v=2 但是，在WordPress 中如果每修改一次就要手动更新版本号那太累了。如何让版本号自动更新（即?v=后面的数字自动更新）？ 时间戳 ? ? 想必你也知道了，用时间戳代替版本号。...在WordPress 中，用时间戳代替版本号的处理方式可以更加方便一点。 http://devework.com/wp-content/themes/Devework/style.css?v=" /> WordPress 中呢？ ? ? 有过WordPress 主题开发经验的都知道，WordPress 中引用主题的styl.css 文件的路径是直接使用函数<?...将下面的代码添加到主题的functions.php 文件下即可为styl.css 文件添加时间戳版本号： add_action( 'wp_enqueue_scripts', 'add_styles' )
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
