在Content Genesis主题后添加一段HTML可以通过以下步骤完成:
<div> <!-- 在这里插入你的HTML代码 --> </div>
完成以上步骤后,保存并更新footer.php文件,你的HTML代码段就会被添加到Content Genesis主题的页脚部分。
请注意,这只是一种添加HTML代码的方法,具体的操作可能因主题版本和个人需求而有所不同。在进行任何主题文件的修改之前,建议先备份相关文件,以防止意外情况发生。
在这篇文章的中,我将继续讲解如何使用自定义的函数、在添加动作时使用既有函数的技巧,以及怎样使用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
好的,让我们看看如何在代码中使用。...具有相同优先级的动作(action)将按出现的顺序来执行,WordPress核心代码,插件,框架文件,主题的fucntion文件,主题的模板文件加载。我将在下一篇文章中更详细地讨论这个问题。...( ( int ) $instance['content_limit'], esc_html( $instance['more_text'] ) ); else...the_content( esc_html( $instance['more_text'] ) ); } } 如您所见,这段代码的意思是,将通过检查$instance的值来决定是显摘要the_excerpt...本系列的下一部分将介绍如何在Genesis文件中查找需要的动作(action)并在子主题中更改它们。
genesis_register_layout 如果你想,你还可以在数组中添加其他字符串。这些字符串将被回已被不时之需。理论上可以做到这一点,但一般我不这样做。...genesis_unregister_layout( 'sidebar-sidebar-content' ); 这样就会删除 Sidebar/Sidebar/Content这个布局,主题中不需要不想要的的其他布局都可以删除...如果存档页面或文章页面的布局没有自定义设定,这将返回Genesis Theme Settings中的设定值。如果要添加新布局,则需要将其与钩子一起使用。例如: ?...第一步是在主题中开启这个支持项。...接下来,我们将深入到admin文件夹,并学习如何在主题设置meta信息以及文章,页面和分类项。
通过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...每个“钩子”都可以将其他函数“勾入”进来以便添加一些功能。只需几行代码就可以移动网站的各个部分。动作函数将在下次再讲。
在第二部分, 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
需求 昨天整理了一下Genesis的系列教程的翻译进度,汇总成了一个页面 神级 WordPress 主题框架 Genesis 从入门到精通 。...,放在子主题的目录下。...脚本和CSS注册进入WordPress,添加动作的方法可以参考这篇文章 。...当然要先把需要用的文件FTP上传到对应的目录下,我就全扔到wp-content/themes/genesis-sample/js 这里了。 <?...(); 最终效果在这里 神级 WordPress 主题框架 Genesis 从入门到精通 结语 不知不觉都已经翻译一大半了,60%了才想起来做个进度表?
代码和对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()可以直接用来显示限制过长度的部分文章。
所有文章都可以在Genesis Explained标签中找到。 在上一个教程中,我介绍了添加/删除过滤器的基础知识。就像我说的,当你需要对内容进行更改而不是添加新内容时,用过滤器比用动作更高效。...我们会找到: add_action( 'genesis_loop_else', 'genesis_do_noposts' ); /** * Echo filterable content when there...', __( 'Sorry, no content matched your criteria...'; 如果你不想添加额外的html,也可以不需要。...主题汉化(使用主题提供的pot文件) 原文中的代码可以参考这里:Github地址 这也是作者出版的书Genesis Explained: Your Step-By-Step Guide to Genesis
() genesis_rel_nofollow() genesis_strip_attr() genesis_tweet_linkify() (注:Genesis 2.0.0 后废除) g_ent()(...第一个$max_char是必需的,用于设置从多少个字符后开始裁剪内容,即保留多少个字符。后两个是可选的,如果没有传递,则是默认值。...该函数使用get_the_content()获取内容,然后删其中的html标签。这很重要,虽然这可能会有些走样,但这样可以防止出错并提供准确的字符数统计。...比如genesis_rel_nofollow()函数,它是用于链接中的删除任何rel属性,然后再返回给wp_rel_nofollow()函数。这可以防止rel值被重复添加。...() 返回在清洗内容中允许的html标签。
这是它完成后的最终样子。 ? 我使用的是Genesis Sample子主题。但是,这应该适用于任何Genesis子主题。...在你的子主题文件夹下创建一个名为single.php的文件,并将以下代码添加到其中。 '; echo wp_trim_words( get_the_content( $relatedPost->ID ), 20, null ); echo...''; endforeach; echo ''; echo ''; endif; } genesis(); 第三:编写样式 将以下代码添加到子主题文件夹下的...你现在要做的就是编辑文章并开始添加相关文章。
(注:更具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() 这将返回具有图片所有尺寸大小的数组。这在构建窗口小部件或设置主题选项时非常有用,你可以获取到可用的图像大小并将其与你需要的尺寸进行匹配。
Genesis Explained系列中的上一篇文章是关于配置项函数的,并演示了一些用于从数据库中检索自定义字段和主题选项的重要函数。...侧边栏(Sidebar) WordPress中的侧边栏术语是指主题中任何可以用于添加窗口小部件的部分。...小部件放入侧边栏后,你还可以对其进行各种设置。如果窗口小部件无法找到它应该归属的侧边栏位置,则会被归入到非活动窗口小部件。当ID发生变化时会发生这种情况。后面我将再次讨论这个问题。...默认传递值被解析后,就会用register_sidebar()注册一个新的侧边栏。当然你可以直接使用register_siderbar()函数,但让我们看看Genesis函数的效率如何 。 ?...这很重要,因为这个ID会被用作html中的ID,因此需要符合html标准。另外,如果有空格,WordPress可能会跟踪不到你的小部件。 当然,如果你想创建一个特殊侧边栏,可以更改默认值。
由于每篇文章都建立在前一篇文章的基础上,我建议你阅读整个Genesis Explained系列,至少是过滤子系列。 上一篇文章讨论了使用过滤器来改变“字符串”,即简单的文本和html短语。...最后,请记住在完成后再返回数组。 更改数组 如果你阅读过上一篇文章,你应该知道在这里会发生什么。我们对数组中的值进行字符串替换。为了演示,我将删除一些验证有效表单性的html。...这些有效性验证的html可以保留,一般我建议不要管它,但有时表单验证太过严格的话你必须删除某些html来满足需求,这里我指的是评论表单中的 aria-require 属性。...后两行就是更改,第三行,$args数组中任何带有’aria-required ="true"‘的字符串都会被替换成空字符串,第四行,fields对象中的就不会再有这个属性值。...因为当你第一次入坑时,这个主题可能是最模糊的,我不想让你现在就被搞糊涂了,我将在以后的教程中再回顾一下过滤器。在子主题开发的系列教程里,我们将使用几个过滤器,但是以一种稳健而实用的方式。
一键导入主题演示数据 Genesis 2.8包含一个全新的引导主题,开发者在用户安装新主题时指定要导入哪些演示内容。...这些激动人心的新功能已添加到Genesis 2.8中,以造福整个Genesis社区。 “Genesis 2.8向前迈出了令人兴奋的一步,不仅造福了众多的子主题开发者,也造福了我们的客户。...Genesis研发团队将在未来为引导工具添加更多其他功能,包括导入侧栏/菜单(需要等到WordPress 核心代码支持),将演示内容导入到任何类型的页面/日志中,以及其他需要用到内容导入的体验都会变得非常愉快...使开发人员能够开发易于维护的主题 Genesis 2.8中添加的第二个主要功能是Genesis Configuration API。...这有助于主题开发人员在一个统一的地方组织配置信息,如颜色和字体大小,并提高子主题的可读性和可维护性。
那就是: 添加重复内容 当你想是在文章顶部和底部添加一个分享按钮,或者在多个元素周围添加一些额外的东西,或在多个位置插入广告,你都要学会如何对代码进行重复。...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”,随便你怎么显示都可以。
而页面则是如”关于博主”, “联系博主”这样的内容,它们是不受时间规则影响的,其内容一般很少改变。你可以使用页面来组织和管理任意数量的内容。...为了能针对这个页面做一些特殊设置,还需要在主题文件夹下创建一个自定义页面模板文件: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
HTML正文标签通常从主题的header.php文件开始,该文件会加载到每个页面上。这使您可以动态地找出用户正在查看的页面,然后相应地添加CSS类。...通常,大多数入门主题和框架已经在HTML body标签内包含了body类功能。如果没有,可以通过修改body标签来添加,如下所示: <body <?php body_class($class); ?...单击以添加您的自定义CSS类。您可以添加多个由空格分隔的类。 完成后,您只需保存或发布您的文章即可。现在,该插件会将您的自定义CSS类添加到该特定文章或页面的body类。...例如,如果您使用诸如Genesis之类的主题框架,则可以使用它在子主题中添加自定义类。 您可以使用body_class函数为全宽页面布局、侧边栏内容、页眉和页脚等添加CSS类。...希望本文能帮助您学习如何在主题中使用WordPress body类,如果对于这篇文章有什么疑问,可以在下面留言讨论。
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样式表。
第一步 前后文章的链接 Genesis框架里面其实已经包含了这个功能,要在文章中自动插入前后文章的链接,只需要在子主题的function.php中加入一句: ?...但这不符合我的需求,我的需求是: 只需要在添加了Genesis Explained这个tag的文章下面才显示 在这两个链接中间插入一个“目录”的按钮 只在同系列文章之间导航,不显示其他无关的文章 如果文章是该系列的第一篇...第二步 添加模态对话框 这一步很简单,直接把remodal的JavaScript文件和CSS文件下载下来,扔进子主题的js文件夹里,注册到WordPress里就行了,都不需要在写额外的js文件来初始化或者运行这个插件...with data-remodal-id="modal" 所以,把刚才预留的目录链接目录 修改一下 ,再把这一步的div内容填入进去(这个div部份理论上可以网页的任何位置),修改后如下...最后还是用了一个土法炼钢的办法,直接在gutenberg 里插了一个三栏框,然后用预览模式抠出来这块的html,直接怼进到php文件里去了,是个很脏的办法。。。。不过适应性很好。。 ?
使用命名锚点获得跳转链接的机会 如何创建HTML目录 目录HTML看起来像这样…… 第一点...第2步:通过身份验证后,填充所有抓取错误可能需要几天/几周的时间… ? 第3步:将每个重定向到新的URL(不仅是首页)。...首先,在Yoast中启用“摘要中的日期预览”(SEO → Search Appearance → Content Types)。 ?...现在,将此代码添加到你的主题中(或使用“发布更新日期”插件),以完成相同的操作。...如果你使用的是Genesis Framework,则可以使用Genesis Simple Edits插件将修改后的日期短代码添加到Genesis → Simple Edits下的“Entry Meta”
领取专属 10元无门槛券
手把手带您无忧上云