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

如何在content Genesis主题后添加一段HTML

在Content Genesis主题后添加一段HTML可以通过以下步骤完成:

  1. 打开WordPress后台,进入“外观” -> “编辑器”页面。
  2. 在右侧选择Content Genesis主题,点击“主题文件”下拉菜单,选择“页脚(footer.php)”文件。
  3. 在footer.php文件中找到合适的位置,一般是在</body>标签之前。
  4. 在找到的位置插入以下HTML代码段:
代码语言:txt
复制
<div>
  <!-- 在这里插入你的HTML代码 -->
</div>
  1. 替换注释部分的代码为你想要添加的HTML代码。

完成以上步骤后,保存并更新footer.php文件,你的HTML代码段就会被添加到Content Genesis主题的页脚部分。

请注意,这只是一种添加HTML代码的方法,具体的操作可能因主题版本和个人需求而有所不同。在进行任何主题文件的修改之前,建议先备份相关文件,以防止意外情况发生。

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

相关·内容

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

在这篇文章的中,我将继续讲解如何使用自定义的函数、在添加动作时使用既有函数的技巧,以及怎样使用Genesis函数。...子主题里函数通常使用子主题名称或缩写作为前缀,这可以很大程度上避免函数重名导致的问题。 函数名字也应该是有意义的。虽然这不是强制要求。...使用已有函数 一个常见的需求就是是将插件与Genesis集成。通常,有的插件会包含一段使用说明:“打开模板文件并将此代码添加到您希望显示的位置”。...这比较难搞,因为有的子主题中并没有这个文件,而在Genesis中这个文件可能只有一行genesis();  怎么办呢?用动作(action)就行。我们来看看Add to Any插件。...可以这样做 add_action( 'genesis_after_post_content', 'child_do_add_to_any' ); /**add the add to any function

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

    genesis_register_layout 如果你想,你还可以在数组中添加其他字符串。这些字符串将被回已被不时之需。理论上可以做到这一点,但一般我不这样做。...genesis_unregister_layout( 'sidebar-sidebar-content' ); 这样就会删除 Sidebar/Sidebar/Content这个布局,主题中不需要不想要的的其他布局都可以删除...如果存档页面或文章页面的布局没有自定义设定,这将返回Genesis Theme Settings中的设定值。如果要添加新布局,则需要将其与钩子一起使用。例如: ?...第一步是在主题中开启这个支持项。...接下来,我们将深入到admin文件夹,并学习如何在主题设置meta信息以及文章,页面和分类项。

    1.8K41

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

    通过Genesis框架能更高效的编写代码,不过你必须得清楚地理解一些基本概念才行。所以,我希望能通过这个系列教程,来帮助你用Genesis框架快速开发主题或修改子主题。 框架是什么?...这两个也是不能修改的文件,它们构成了Genesis框架的核心平台。 在 header 和 footer 之间是 html 代码的封装代码和通过 do_action() 函数指明的“钩子”。...genesis_after_header framework.php genesis_before_content_sidebar_wrap genesis_before_content genesis_before_loop...genesis_before_post_content genesis_post_content genesis_after_post_content genesis_after_post genesis_before_comments...每个“钩子”都可以将其他函数“勾入”进来以便添加一些功能。只需几行代码就可以移动网站的各个部分。动作函数将在下次再讲。

    1K41

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

    在第二部分, Genesis框架从入门到精通(2):什么是动作? ,我解释了如何添加/删除动作,以及它们的技术细则。...archive.php :包含操作归档页面的动作,归档页面的标题输出 comments.php :包含操作评论的动作,评论的提交表单 footer.php :用于页脚的动作,包括页脚上的widget...', 12 ); add_action( 'genesis_before_post_content', 'genesis_post_info' ); /** * Echo the post info...如下 remove_action('genesis_before_post_content', 'genesis_post_info'); 非常容易。...先直接看下我们的最终代码,以便更好的解释将要添加到子主题中的内容,以及如何通过其他动作来达到目的 remove_action('genesis_loop', 'genesis_do_loop'); add_action

    94730

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

    代码和对HTML5的支持) menu.php (genesis导航菜单的函数) onboarding.php (用于引导性的内容设置) options.php (用于获取选项值和自定义字段的函数...) requirements.php(检查系统要求) seo.php (与主题SEO相关的函数) toolbar.php(用来编辑自定义存档页的工具栏) upgrade.php (升级用)...widgetize.php (处理默认侧边栏,页脚侧边栏的创建、注册) 注 斜体部分为原文中没有的内容,译者丘壑根据最新版Genesis 2.8添加 好的,现在你已经大致了解了文件中的内容。...get_the_content_limit() get_the_content_limit() 函数使用 get_the_content()来获取完整内容,然后对其进行长度限制。...the_content_limit()可以直接用来显示限制过长度的部分文章。

    53940

    Genesis框架从入门到精通(11): 图像函数

    (注:更具Genesis 2.8 更新) $defaults = array( 'post_id' => null, 'format' => 'html', 'size' =...'fallback' => 'first-attached', 'context' => '', ); 这显示了可以在数组中传递的4个不同参数,分别看一下每个参数不同的意义(注:斜体为译者丘壑添加...): Format: 控制返回的格式 html(默认):默认返回为可以直接用作html的图片,无需设置img标签或任何东西。...如果你的图片位于“http://example.com/wp-content/uploads/2011/05/img.jpg”,那么它将返回“wp-content/uploads/2011/05/img.jpg...genesis_get_image_sizes() 这将返回具有图片所有尺寸大小的数组。这在构建窗口小部件或设置主题选项时非常有用,你可以获取到可用的图像大小并将其与你需要的尺寸进行匹配。

    63020

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

    Genesis Explained系列中的上一篇文章是关于配置项函数的,并演示了一些用于从数据库中检索自定义字段和主题选项的重要函数。...侧边栏(Sidebar) WordPress中的侧边栏术语是指主题中任何可以用于添加窗口小部件的部分。...小部件放入侧边栏,你还可以对其进行各种设置。如果窗口小部件无法找到它应该归属的侧边栏位置,则会被归入到非活动窗口小部件。当ID发生变化时会发生这种情况。后面我将再次讨论这个问题。...默认传递值被解析,就会用register_sidebar()注册一个新的侧边栏。当然你可以直接使用register_siderbar()函数,但让我们看看Genesis函数的效率如何 。 ?...这很重要,因为这个ID会被用作html中的ID,因此需要符合html标准。另外,如果有空格,WordPress可能会跟踪不到你的小部件。 当然,如果你想创建一个特殊侧边栏,可以更改默认值。

    1.1K20

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

    由于每篇文章都建立在前一篇文章的基础上,我建议你阅读整个Genesis Explained系列,至少是过滤子系列。 上一篇文章讨论了使用过滤器来改变“字符串”,即简单的文本和html短语。...最后,请记住在完成再返回数组。 更改数组 如果你阅读过上一篇文章,你应该知道在这里会发生什么。我们对数组中的值进行字符串替换。为了演示,我将删除一些验证有效表单性的html。...这些有效性验证的html可以保留,一般我建议不要管它,但有时表单验证太过严格的话你必须删除某些html来满足需求,这里我指的是评论表单中的 aria-require 属性。...两行就是更改,第三行,$args数组中任何带有’aria-required ="true"‘的字符串都会被替换成空字符串,第四行,fields对象中的就不会再有这个属性值。...因为当你第一次入坑时,这个主题可能是最模糊的,我不想让你现在就被搞糊涂了,我将在以后的教程中再回顾一下过滤器。在子主题开发的系列教程里,我们将使用几个过滤器,但是以一种稳健而实用的方式。

    78120

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

    一键导入主题演示数据 Genesis 2.8包含一个全新的引导主题,开发者在用户安装新主题时指定要导入哪些演示内容。...这些激动人心的新功能已添加Genesis 2.8中,以造福整个Genesis社区。 “Genesis 2.8向前迈出了令人兴奋的一步,不仅造福了众多的子主题开发者,也造福了我们的客户。...Genesis研发团队将在未来为引导工具添加更多其他功能,包括导入侧栏/菜单(需要等到WordPress 核心代码支持),将演示内容导入到任何类型的页面/日志中,以及其他需要用到内容导入的体验都会变得非常愉快...使开发人员能够开发易于维护的主题 Genesis 2.8中添加的第二个主要功能是Genesis Configuration API。...这有助于主题开发人员在一个统一的地方组织配置信息,颜色和字体大小,并提高子主题的可读性和可维护性。

    2K11

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

    那就是: 添加重复内容 当你想是在文章顶部和底部添加一个分享按钮,或者在多个元素周围添加一些额外的东西,或在多个位置插入广告,你都要学会如何对代码进行重复。...add_action( 'genesis_before_post_content', 'child_content_conditional_adsense', 15); add_action( 'genesis_after_post_content...add_action( 'genesis_before_post_content', 'child_content_conditional_adsense', 15); add_action( 'genesis_after_post_content...php echo 'genesis_before_post_content' == current_filter() ? 'before' : 'after'; ?>"> <!...现在同一段内容可以根据不同条件设置不同样式,“adsense before”和“adsense after”,随便你怎么显示都可以。

    53320

    WordPress 精品插件大全页面的开发小记

    而页面则是”关于博主”, “联系博主”这样的内容,它们是不受时间规则影响的,其内容一般很少改变。你可以使用页面来组织和管理任意数量的内容。...为了能针对这个页面做一些特殊设置,还需要在主题文件夹下创建一个自定义页面模板文件:wp-content/themes/genesis-sample/page-best-wordpress-plugins.php...去掉面包屑导航条 去掉网站的页脚部分 增加一些自定义CSS样式,用来让页面的内容部分更紧凑 在页面内容之后的区域(genesis_after_content)挂载数据表格,见下图。...genesis_after_content 这部分主要是涉及到Genesis主题的一些操作,具体都可以在Genesis主题系列教程里找到。...如果你感兴趣,可以直接看下这个文件里的原始内容: https://bestscreenshot.com/wp-content/themes/genesis-sample/plugin-tables/dist

    1.6K20

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

    HTML正文标签通常从主题的header.php文件开始,该文件会加载到每个页面上。这使您可以动态地找出用户正在查看的页面,然后相应地添加CSS类。...通常,大多数入门主题和框架已经在HTML body标签内包含了body类功能。如果没有,可以通过修改body标签来添加,如下所示: <body <?php body_class($class); ?...单击以添加您的自定义CSS类。您可以添加多个由空格分隔的类。 完成,您只需保存或发布您的文章即可。现在,该插件会将您的自定义CSS类添加到该特定文章或页面的body类。...例如,如果您使用诸如Genesis之类的主题框架,则可以使用它在子主题添加自定义类。 您可以使用body_class函数为全宽页面布局、侧边栏内容、页眉和页脚等添加CSS类。...希望本文能帮助您学习如何在主题中使用WordPress body类,如果对于这篇文章有什么疑问,可以在下面留言讨论。

    2.1K20

    Genesis框架从入门到精通(12): 配置项函数

    function genesis_update_settings() 前6个函数是关于主题配置选项的,实际上都是 genesis_get_option()的不同版本。...比如你在WordPress后台中设置了Genesis的一些配置: ? 如果想在自己的子主题中使用关于特色图像的一些选项,可以这样用: ?...genesis_get_option 你可以使用“ genesis_pre_get_option_key”来过滤选项,把key替换成你想要过滤的键名,比如你想要更改特色图像的大小,则可以先添加一个过滤去...preg_replace 或 str_replace 更改从数据库查询返回的值。...之后在Genesis Explained系列中有两部分内容,一是管理后台,将涵盖主题的配置选项和文章、分类项的信息等、(post / term meta),然后是CSS样式表。

    75520

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

    第一步 前后文章的链接 Genesis框架里面其实已经包含了这个功能,要在文章中自动插入前后文章的链接,只需要在子主题的function.php中加入一句: ?...但这不符合我的需求,我的需求是: 只需要在添加Genesis Explained这个tag的文章下面才显示 在这两个链接中间插入一个“目录”的按钮 只在同系列文章之间导航,不显示其他无关的文章 如果文章是该系列的第一篇...第二步 添加模态对话框 这一步很简单,直接把remodal的JavaScript文件和CSS文件下载下来,扔进子主题的js文件夹里,注册到WordPress里就行了,都不需要在写额外的js文件来初始化或者运行这个插件...with data-remodal-id="modal" 所以,把刚才预留的目录链接目录 修改一下 ,再把这一步的div内容填入进去(这个div部份理论上可以网页的任何位置),修改如下...最后还是用了一个土法炼钢的办法,直接在gutenberg 里插了一个三栏框,然后用预览模式抠出来这块的html,直接怼进到php文件里去了,是个很脏的办法。。。。不过适应性很好。。 ?

    2K20
    领券