首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在genesis框架的<article>中添加自定义类

在genesis框架的<article>中添加自定义类可以通过以下步骤实现:

  1. 打开你的WordPress主题文件夹,找到genesis文件夹。
  2. 在genesis文件夹中,找到lib文件夹,然后打开structure文件夹。
  3. 在structure文件夹中,找到post.php文件,这是文章的结构文件。
  4. 打开post.php文件,在文件中找到以下代码:
代码语言:php
复制
$classes[] = 'entry';
$classes[] = 'clearfix';
  1. 在这段代码下面,你可以添加你自己的自定义类。例如,如果你想添加一个名为"custom-class"的类,可以在代码中添加以下行:
代码语言:php
复制
$classes[] = 'custom-class';
  1. 保存post.php文件,并重新加载你的网站。

现在,你的<article>元素中将包含你添加的自定义类。你可以使用这个自定义类来为文章添加特定的样式或功能。

请注意,以上步骤是基于Genesis框架的默认文件结构。如果你的Genesis主题有自定义的文件结构,你可能需要在相应的文件中进行类似的修改。此外,如果你使用了Genesis子主题,你应该在子主题中进行这些修改,以避免在主题更新时丢失你的修改。

希望这个答案对你有帮助!如果你对其他问题有任何疑问,请随时提问。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

何在keras添加自己优化器(adam等)

\Anaconda3\envs\tensorflow-gpu\Lib\site-packages\tensorflow\python\keras 3、找到keras目录下optimizers.py文件并添加自己优化器...找到optimizers.pyadam等优化器并在后面添加自己优化器 以本文来说,我在第718行添加如下代码 @tf_export('keras.optimizers.adamsss') class...super(Adamsss, self).get_config() return dict(list(base_config.items()) + list(config.items())) 然后修改之后优化器调用添加我自己优化器...# 传入优化器名称: 默认参数将被采用 model.compile(loss=’mean_squared_error’, optimizer=’sgd’) 以上这篇如何在keras添加自己优化器...(adam等)就是小编分享给大家全部内容了,希望能给大家一个参考。

44.9K30

YII2框架添加自定义模块方法实例分析

本文实例讲述了YII2框架添加自定义模块方法。分享给大家供大家参考,具体如下: 有些时候系统功能过于复杂,这时我们需要通过模块把一些功能区分开来,便于管理与维护。...我用是Yii2基本应用程序模板,程序其实已经给我们提供了一个模块,就是app本身。YII2是可以无限嵌套模块。不过一般不要超过2层。...最后我们还需要在config/web.php配置一个我们模块,就可以访问了。...不过YII2GII已经帮我们做好了生成模块操作,不需要像上面那样那么麻烦自已配置。 通过访问/gii,或者?r=gii,来使用GII。 ?...更多关于Yii相关内容感兴趣读者可查看本站专题:《Yii框架入门及常用技巧总结》、《php优秀开发框架总结》、《smarty模板入门基础教程》、《php面向对象程序设计入门教程》、《php字符串(string

1.1K20

Genesis框架从入门到精通(3):框架内置动作

在本系列第一部分, Genesis框架从入门到精通(1):什么是框架? ,从总体上解释了Genesis框架是如何工作,并展示了文件钩子长什么样子。...在第二部分, Genesis框架从入门到精通(2):什么是动作? ,我解释了如何添加/删除动作,以及它们技术细则。...下面是Genesis目录文件和简要描述: genesis :包含所有文件和目录。此目录文件是通用模板文件,主要是用于在框架中加载其他文件。...archive.php :包含操作归档页面的动作,归档页面的标题输出 comments.php :包含操作评论动作,评论提交表单 footer.php :用于页脚动作,包括页脚上widget...在每个部分,我将从Genesis文件给出一个具体示例,并解释发生效果,还将告诉你如何举一反三。 删除动作 这是最简单部分。在上一篇文章,我解释了如何先添加然后再删除同一个动作。

89630

Genesis框架从入门到精通(4):框架内置动作(续)

在本系列前一篇 Genesis框架从入门到精通(3):框架内置动作 ,我解释了在哪里找Genesis 内置动作,以及如何使用钩子移除,移动或改变动作。...在这篇文章,我将继续讲解如何使用自定义函数、在添加动作时使用既有函数技巧,以及怎样使用Genesis函数。...使用自定义函数 Genesis函数是很好用,但是如果当你想在网站上添加其他内容时呢?你要自己写一个函数,并使用add_action()把它挂载到某一个钩子上。...Genesis框架从入门到精通(2):什么是动作? Genesis框架从入门到精通(3):框架内置动作 现在你已经了解了如何通过钩子向Genesis添加自己代码,但是还有很多东西需要学习。...就像你可以在钩子中使用另一个函数一样,你可以在也不使用钩子情况下调用Genesis函数。 一个很好用法就是在自定义 home.php 文件

62520

Genesis框架从入门到精通(6):过滤器

Genesis Explained 这个tag可以方便地按顺序查看。本文开始一个新子系列,重点关注GenesisFilters(过滤器)。...现在我有机会能向 Genesis 团队直接提出一些建议,我发现我还是在建议他们添加更多过滤器,因为它们通常比动作更高效更方便。...但是,你无法直接更改$var值。 简而言之,如果你想要改变一个函数值,那么你可以走捷径而不必费事地使用动作。在Genesis框架和WordPress中有大量过滤器。...添加过滤器 add_filter()函数与add_action() 用法完全,我在之前教程已经解释过,如果你没有看过我之前文章什么是动作,请让我带你快速过一下,详细信息请参阅看看什么是动作这篇文章...接下来部分,我将使用Genesis一些示例来展示如何在不使用动作情况下进行主题更改,为了好玩,我将首先演示如何使用动作来修改,再演示用过滤器方式,这样就能看出哪种方式更高效。

59020

Genesis框架从入门到精通(14): 布局函数

:注册一个新布局 genesis_add_type_to_layout 增加一个新类型布局 genesis_remove_type_from_layout 删除一个自定义类型布局 genesis_set_default_layout...返回用于WordPress自定义工具布局 genesis_get_layout:返回特定布局 genesis_get_default_layout:返回默认布局 genesis_has_multiple_layouts...genesis_register_layout 如果你想,你还可以在数组添加其他字符串。这些字符串将被回已被不时之需。理论上可以做到这一点,但一般我不这样做。...如果存档页面或文章页面的布局没有自定义设定,这将返回Genesis Theme Settings设定值。如果要添加新布局,则需要将其与钩子一起使用。例如: ?...接下来,我们将深入到admin文件夹,并学习如何在主题设置meta信息以及文章,页面和分类项。

1.8K41

神级WordPress主题框架Genesis 2.8发布:容易引起极大舒适感

这些激动人心新功能已添加Genesis 2.8,以造福整个Genesis社区。 “Genesis 2.8向前迈出了令人兴奋一步,不仅造福了众多子主题开发者,也造福了我们客户。...Genesis研发团队将在未来为引导工具添加更多其他功能,包括导入侧栏/菜单(需要等到WordPress 核心代码支持),将演示内容导入到任何类型页面/日志,以及其他需要用到内容导入体验都会变得非常愉快...使开发人员能够开发易于维护主题 Genesis 2.8添加第二个主要功能是Genesis Configuration API。...随着我们继续投资和发展Genesis框架,我们将扩展并发布更多新功能,以便设计者在他们创建体验得到更多快乐。...从使用者角度来说,又简洁又强大,各种子主题都非常赏心悦目, 从开发者角度来说,Genesis框架对开发者非常友好,代码结构组织很清晰,不论是开发子主题还是修改成自定义样式都特别方便。

2K11

Genesis框架从入门到精通(2):什么是动作?

在本系列前一篇文章,我解释了Genesis框架和乐高之间相似性。我列出了Genesis所有内置“钩子”,把它们比喻成乐高里连接各个积木块小凸点。...好,让我们看看如何在代码中使用。...这很有用,因为你不需要在代码里考虑钩子是否存在逻辑,这也意味着你不需要担心万一钩子没有挂载成功时候就执行了代码。这在Genesis框架中被用于日志列表主循环和评论模板。...在我插件“Genesis Featured Widget Amplified”,我使用钩子函数获取$instance值作为widget配置选项,并把值发送出去,使这个值可以在之外获取。...小结 但,知道只是成功一半。本系列下一部分将介绍如何在Genesis文件查找需要动作(action)并在子主题中更改它们。

72120

Genesis框架从入门到精通(1):什么是框架

WordPress主题框架Genesis工作原理可能会让很多人感到困惑不解,这导致开发者在开始用Genesis框架时可能会一脸蒙逼,无所适从。...在开发传统主题时,如果想自定义修改日志页面,可能首先就去会去找single.php,page.php或index.php这个几个文件,然后先把主要部分代码复制到新文件中去。...但是在Genesis框架,类似其他主题中这些文件并一定都存在,即使存在,里面也只包含一行代码,比如: ? 在子主题中,可能只有一个 style.css 和一个functions.php文件。...do_action() 函数作用是用“钩子(hook)”把需要执行动作函数(action)“勾入”到Wordpress,用来执动作函数代码。...每个“钩子”都可以将其他函数“勾入”进来以便添加一些功能。只需几行代码就可以移动网站各个部分。动作函数将在下次再讲。

96141

Genesis框架从入门到精通(9): 函数介绍

Today… Designs By Nick the Geek 译文 本系列前几部分,我谈到了动作和过滤器 ,但Genesis优势之处远不止于此。...(genesis导航菜单函数) onboarding.php (用于引导性内容设置) options.php (用于获取选项值和自定义字段函数) requirements.php(检查系统要求...、注册) 注 斜体部分为原文中没有的内容,译者丘壑根据最新版Genesis 2.8添加,现在你已经大致了解了文件内容。...我们将在本系列后续文章讨论其中大多数文件和函数,现在让我们先从一些最常用函数开始介绍一下。...不过也正好借此机会一窥Genesis内部代码组织,确实井然有序,而且也是在不断迭代更新,是一个有生命力框架,值得好好研究一下。

50240

Genesis框架从入门到精通(7): 框架过滤器

在上一个教程,我介绍了添加/删除过滤器基础知识。就像我说,当你需要对内容进行更改而不是添加新内容时,用过滤器比用动作更高效。诀窍就是到哪里去找过滤器。...在Genesis 框架内置动作这篇文章,我介绍了可以在哪里找到大多数 Genesis 中使用动作。其实大多数Genesis过滤器也都可以在相同文件中找到。...需要注意,也有例外情况,有些是在 genesis/lib/classes/class-genesis-breadcrumb.php 文件genesis/lib/functions/ 目录。...', 'genesis' ) . ''; } 你会注意到我们没有写上优先级和参数数量。使用默认值的话就不必添加。...我们在 框架内置动作文中见过Genesis处理页脚文件在哪里,页脚应该位于 genesis/lib/structure/footer.php 文件,打开这个文件看看是不是有过滤器。

83220

Genesis框架从入门到精通(8): 框架过滤器和数组

Since each article builds on the previous article I recommend catching up on the entire Genesis Explained...下一个会在现有数组$array_2末尾添加一个键名为2值为字符串’value3’元素,最后一个示例手动将数组$array_2键名“3”赋值为“value4”。...,仅作参考 上面的代码,给Wordpress comment_form()函数传递了相当多参数,但其实还可以添加更多选项,参看 这里。...为了本教程目的,我们将更改提交按钮文字,这意味着我们需要把它添加到参数列表。...这是一个,阅读它们方式有点不同,所以我把代码贴出来并尝试解释一下怎么去理解它 注 以上代码是Genesis 1.x版本评论框代码了,现在已经更新了,仅作参考,最新文件名是 `lib/classes

76520

WordPress主题开发基础:Body 指南

这使您可以动态地找出用户正在查看页面,然后相应地添加CSS。 通常,大多数入门主题和框架已经在HTML body标签内包含了body功能。...现在,在这种情况下,您可以将条件标记与一些自定义代码一起使用,以将自定义动态添加到body。 为此,您需要将以下代码添加到主题functions.php文件。...这将为您代码提供一组方便使用标签。 动态添加自定义body其他示例 除了条件标签外,您还可以使用其他技术从WordPress数据库获取信息并为body创建自定义CSS。...将分类名称添加到单个文章页面的body 假设您要根据单个文章分类来自定义它们外观。您可以使用body来实现此目的 首先,您需要在单个文章页面上将分类名称添加为CSS。...肯定还有更多方案可以使用body_class函数来避免编写冗长代码行。例如,如果您使用诸如Genesis之类主题框架,则可以使用它在子主题中添加自定义

2K20

Genesis框架从入门到精通(13): 小部件函数

Genesis Explained系列上一篇文章是关于配置项函数,并演示了一些用于从数据库检索自定义字段和主题选项重要函数。...侧边栏(Sidebar) WordPress侧边栏术语是指主题中任何可以用于添加窗口小部件部分。...在WordPress中注册小部件需要扩展一个特殊,一个小部件包括有两个主要部分。后台和前端。在后台,可以将小部件拖动到侧边栏。小部件放入侧边栏后,你还可以对其进行各种设置。...只需将它放在您functions.php文件即可删除辅助侧边栏: unregister_sidebar( 'sidebar-alt' ); 当然,这在布局选项还会保留。...要删除它们,你需要删除布局选项。我将在下一次涉及layout.php文件时讨论这个问题。

1.1K20

用Geth设置基于POA权利证明私有以太网网络

第一个块,称为genesis块,是根据genesis.json文件参数精心设计。 Geth带有一堆expeuables,puppeth或bootnode。...--networkId,genesis.json文件中所定义。请使用相同ID! --gasprice'1',我不喜欢在自己网络上付款:)小心使用gasprice。...我还添加了第三个地址,在创建创世块时获得资助。...3.4 在你专用网络上使用Truffle部署和测试你智能合约 像Truffle(或Embark,Populus)这样开发框架是开发和测试智能合约绝佳工具。...你可以通过抓取web3库或制作自己自定义JSON-RPC包装器来开始开发Dapps(去中心化应用程序)。 在这篇文章,我将探讨如何使用python仅使用原始HTTP请求与智能合约进行部署和交易。

2.3K10

在WordPress添加简书风格连载目录和文章导航

我仔细看了下Genesis Sampledemo示例貌似是没有自带这个效果,所以这个需要自己实现一下。方法挺多,用纯CSS也可以,用jQuery也可以,用Vue.js也可以。...要实现模态效果需要引入一个jQuery模态插件, remodal ,这个插件用法挺简单,基本上是开箱即用,也自带了CSS主题,还可以做各种自定义配置,用来实现我需求已经很够用,够用就行。...第一步 前后文章链接 Genesis框架里面其实已经包含了这个功能,要在文章自动插入前后文章链接,只需要在子主题function.php中加入一句: ?...但这不符合我需求,我需求是: 只需要在添加Genesis Explained这个tag文章下面才显示 在这两个链接中间插入一个“目录”按钮 只在同系列文章之间导航,不显示其他无关文章 如果文章是该系列第一篇...还有4、5篇没有翻呢。。。不要太监了就行吧 实际最终效果欢迎从第一篇开始参观浏览:Genesis框架从入门到精通(1):什么是框架

2K20

Spring Boot面试题(2020最新版)

何在自定义端口上运行 Spring Boot 应用程序? 安全 如何实现 Spring Boot 应用程序安全性? 比较一下 Spring Security 和 Shiro 各自优缺点 ?...Spring Boot 如何解决跨域问题 ? 什么是 CSRF 攻击? 监视器 Spring Boot 监视器是什么? 如何在 Spring Boot 禁用 Actuator 端点安全性?...如何在自定义端口上运行 Spring Boot 应用程序? 为了在自定义端口上运行 Spring Boot 应用程序,您可以在application.properties 中指定端口。...监视器 Spring Boot 监视器是什么? Spring boot actuator 是 spring 启动框架重要功能之一。...监视器模块公开了一组可直接作为 HTTP URL 访问REST 端点来检查状态。 如何在 Spring Boot 禁用 Actuator 端点安全性?

2.7K30
领券