您是一位有抱负的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元无门槛券
手把手带您无忧上云