首页
学习
活动
专区
圈层
工具
发布

WordPress主题开发基础:Body 类指南

您是一位有抱负的WordPress主题设计师吗,正在寻找在主题中使用CSS的新方法? 幸运的是,WordPress会自动添加您可以在主题中使用的CSS类。...这些CSS类中的几个会自动添加到WordPress网站上每个页面的部分。 什么是WordPress Body类?...这使您可以动态地找出用户正在查看的页面,然后相应地添加CSS类。 通常,大多数入门主题和框架已经在HTML body标签内包含了body类功能。...何时使用WordPress body类 首先,您需要确保主题的body元素包含如上所示的body类函数。如果确实如此,那么它将自动包括上述所有WordPress生成的CSS类。...现在,您可以直接在主题样式表中使用此CSS类。如果您在自己的网站上工作,则还可以使用主题定制器中的自定义CSS功能添加CSS 。 您可以选择要启用body分类功能的文章类型以及谁可以访问它。

2.9K20

使用 WordPress 的子主题(Child Themes)功能快速制作自己的主题

在了解子主题功能之前,先来看一下你在使用 WordPress 的时候是否是这样:不会自己制作主题,只好从网上下载一个,这个主题整体风格比较适合,但是有些小地方不太好,自己只是有一点 CSS 基础,可以修改一些简单的样式...新建目录并且把上面注释写进 style.css 文件中,你再登陆 WordPress 后台,找到 主题 选项,就可以看到并且选择这个主题了。...在 style.css 文件中,导入父主题的 style.css 文件(使用 @import )。 想办法找到要修改内容的 HTML 结构,并且在下面编写对应的 CSS 代码。...引用父主题的 functions.php 文件 functions.php 文件是一个主题中的功能文件,可以包含主题的各种功能,通常是一个主题必不可少的文件。...在子主题中引用父主题的 functions.php 文件不像是引用 style.css 文件会把原先的样式覆盖掉,而是把子主题的 functions.php 的内容追加到父主题的 functions.php

1.8K21
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    如何轻松自定义WordPress登录页面

    Ø版本的WordPress的多年发展中,默认的登录屏幕设计没有改变,仍然是简单和干净是在不同屏幕尺寸的作品。...关于WordPress的好处是后端的每个部分都可以通过使用php 函数进行自定义。 在今天的教程中,我将向您展示如何以您希望的方式自定义WordPress登录屏幕。...请注意,徽标的最大尺寸应为80 x 80px; 但是,您也可以更改自定义CSS文件中的维度。 ? 接下来,打开二十四个WordPress默认主题里面的functions.php文件。...在functions.php文件的最后一行之后插入以下代码,然后将首选徽标文件名放在目录路径中。 function login_logo() { ?...首先,我们需要在二十四个WordPress默认主题的CSS文件夹中创建样式表(对于本教程,我将样式表命名为custom-login-styles.css),然后在functions.php文件中添加以下钩子

    3.3K20

    WordPress 通过模板文件和自带的函数引入 cssjs 的两种方法

    其实网上的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() 中处理。

    2.3K30

    对C7V5主题的修改记录及本站使用的自定义代码等

    其中在 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

    87750

    【WordPress优化二】去掉不必要的东西

    在当前WordPress主题的functions.php文件中加上以下代码即可禁用WordPress的自动保存功能: //禁用自动保存 add_action( 'admin_print_scripts'...文件的一般目录为: 您的域名/WordPress安装目录/wp-content/您当前使用的主题目录/ 在wp-config中添加以下代码完成禁用自动保存的功能: //禁用自动保存 define(‘AUTOSAVE_INTERVAL...安装目录/ 上述的操作是为了保证您数据库不达到臃肿的状态。...其实很多站长在写博客的时候会选择在Word文档中写好再复制过去排版,这是一种明智的做法。因为自动保存将数据写入数据库后造成数据库臃肿,是导致您访问慢的一个小因素,能优化就优化,何乐而不为呢?...---- 精简您的WordPress头文件信息 并隐藏您的WordPress版本号 在当前WordPress主题的functions.php文件中加上以下代码即可精简头部信息并隐藏WordPress版本号

    1.5K40

    【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:【微博】西城知道 未经允许不得转载: 作者:知道君, 转载或复制请以 超链接形式 并注明出处 夏末浅笑。

    81330

    WordPress教程:禁用PHP版本过低警告

    原本我的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');

    2K20

    怎么禁止WordPress后台加载谷歌字体?

    最近发现登录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的新手,会因此放弃!

    2K40

    解决新版wordpress打开速度超级慢的问题

    哪些文件调用了 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 )

    5.9K30

    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

    54220

    纯代码实现WordPress文章设置隐藏内容公众号可见

    ok 最终效果 正文开始 此项目基于龙笑天下博客,教程大部分源自龙笑天下 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文章设置隐藏内容公众号可见

    1.6K20

    WordPress自带TinyMCE编辑器相关功能增强

    ”、“下载地址”等内容,添加默认内容之后,这些重复性的工作以后再也不用了,一切都预定义好了。...设置方法:在主题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

    3.2K50

    WordPress 5.4.2版本发布,BUG维护和安全更新

    安装/更新信息#安装/更新信息 要下载WordPress 5.4.2,请从网站管理区的“仪表板”>“更新”菜单中自动更新,或者访问WordPress发行版档案。...支持萨姆·托马斯(jazzy 25)发现XSS问题,在该问题中,经过身份验证的低权限用户能够将JavaScript添加到块编辑器的帖子中 对Luigi的支持——发现了一个XSS问题,拥有上传权限的认证用户能够向媒体文件添加...维护更新#维护更新 WordPress 5.4.2在核心和默认主题上都有22个bug和回归修复。...在Chrome vs Safari上对齐(跨浏览器问题) 49699–2019:居中和右对齐的标题重音出现中断 49793–20:列表块中的图像位置不正确 49893–20岁:TikTok和ResearchGate...', true); 在主题functions.php文件中添加 add_filter( 'automatic_updater_disabled', '__return_true' );

    2.3K20
    领券