如何将 Beta 功能区添加到我的网站标题？
How do I add the Beta Ribbon to my site Title?
我需要在网站标题中添加 Beta 功能区。我有一个 wordpress 网站，想在网站上添加 Beta 徽标|图章？我该怎么做呢？
我将在 public 发布它，可能有点早，所以我想在站点徽标或标题上添加一个丝带，表明它仍处于早期开发阶段，以便我可以从人们那里得到反馈，让人们知道我们仍在积极地在网站上工作。
如何将此添加到标题中？我有一个自定义 css 部分，我应该添加什么来实现这一点？我也希望功能区位于标题下方。
一如既往..."there's a plugin for that"...https://wordpress.org/plugins/custom-ribbon-maker/ This looks like some css that would do the trick though it might be limited on ie8 https://css-tricks.com/snippets/css/corner-ribbon/ and http://www.bypeople.com/css-ribbon/ 看起来很漂亮。
如果你想自己做，如果你有徽标图像，最简单的方法是编辑徽标图像并将丝带放在上面。
您可以在您的 WordPress 设置中编辑徽标 link 以转到反馈页面并使用诸如 ContactForm7 插件之类的东西来处理反馈。这可能是最简洁的方法，它可以避免混淆模板。
如果你想进入编辑模板，你可以把它放到你的子主题中的 header.php 如果你有一个（我想你就像你提到的自定义 css 一样） - 或者在主题的 header.php 但这不是好的做法（编辑主题文件）。
如果您没有子主题，那么在该主题上有一个很好的 WordPress.org 页面，确实值得学习如何做，因为您永远不必担心丢失您的编辑当您的主题更新时，请参阅：https://codex.wordpress.org/Child_Themes
您的主题文件夹将是 wp-content/themes/yourthemename，您可以将子主题文件夹放在它旁边。然后，您可以将编辑后的 header.php 与 css 文件放在一起，这告诉 WordPress 您有一个子主题。
在您的主题文件夹中的 header.php 中，您应该找到如下内容：
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
您可以在旁边添加您的 Beta 功能区图片作为 <img 标签。此自定义示例假设您将名为 blueribbon.jpg 的 jpeg 放入主题的图像文件夹中，并有一个名为 feedback.php 的反馈页面。您需要添加自己的 class 名称或 ID 来为其设置样式，并且可以将其放在带有 z-index 的前面：
<a class="logo-section" href='<?php echo esc_url( home_url( '/feedback.php' ) ); ?>'<img src='<?php echo esc_url( get_bloginfo('template_directory').'/images/blueribbon.jpg' ); ?>' class="logo" alt='Blue Ribbon'></a>
您的徽标图像在这样一段脚本中：
<img src='<?php echo esc_url( get_theme_mod( 'logotype_url', $defaults['logotype_url'] ) ); ?>' class="logo" alt='<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>'>
</a>
我需要在网站标题中添加 Beta 功能区。我有一个 wordpress 网站，想在网站上添加 Beta 徽标|图章？我该怎么做呢？
我将在 public 发布它，可能有点早，所以我想在站点徽标或标题上添加一个丝带，表明它仍处于早期开发阶段，以便我可以从人们那里得到反馈，让人们知道我们仍在积极地在网站上工作。
如何将此添加到标题中？我有一个自定义 css 部分，我应该添加什么来实现这一点？我也希望功能区位于标题下方。
一如既往..."there's a plugin for that"...https://wordpress.org/plugins/custom-ribbon-maker/ This looks like some css that would do the trick though it might be limited on ie8 https://css-tricks.com/snippets/css/corner-ribbon/ and http://www.bypeople.com/css-ribbon/ 看起来很漂亮。
如果你想自己做，如果你有徽标图像，最简单的方法是编辑徽标图像并将丝带放在上面。
您可以在您的 WordPress 设置中编辑徽标 link 以转到反馈页面并使用诸如 ContactForm7 插件之类的东西来处理反馈。这可能是最简洁的方法，它可以避免混淆模板。
如果你想进入编辑模板，你可以把它放到你的子主题中的 header.php 如果你有一个（我想你就像你提到的自定义 css 一样） - 或者在主题的 header.php 但这不是好的做法（编辑主题文件）。
如果您没有子主题，那么在该主题上有一个很好的 WordPress.org 页面，确实值得学习如何做，因为您永远不必担心丢失您的编辑当您的主题更新时，请参阅：https://codex.wordpress.org/Child_Themes
您的主题文件夹将是 wp-content/themes/yourthemename，您可以将子主题文件夹放在它旁边。然后，您可以将编辑后的 header.php 与 css 文件放在一起，这告诉 WordPress 您有一个子主题。
在您的主题文件夹中的 header.php 中，您应该找到如下内容：
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
您可以在旁边添加您的 Beta 功能区图片作为 <img 标签。此自定义示例假设您将名为 blueribbon.jpg 的 jpeg 放入主题的图像文件夹中，并有一个名为 feedback.php 的反馈页面。您需要添加自己的 class 名称或 ID 来为其设置样式，并且可以将其放在带有 z-index 的前面：
<a class="logo-section" href='<?php echo esc_url( home_url( '/feedback.php' ) ); ?>'<img src='<?php echo esc_url( get_bloginfo('template_directory').'/images/blueribbon.jpg' ); ?>' class="logo" alt='Blue Ribbon'></a>
您的徽标图像在这样一段脚本中：
<img src='<?php echo esc_url( get_theme_mod( 'logotype_url', $defaults['logotype_url'] ) ); ?>' class="logo" alt='<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>'>
</a>