Question

我需要添加Beta功能区我的网站标题。我有一个wordpress网站，并希望在网站上添加Beta徽标标记？我该怎么做呢？

我向公众推出它，可能有点早，所以我想在网站徽标或标题上添加一个功能区，显示它仍处于早期开发状态，以便我可以从人们那里得到反馈并让人们知道我们仍然在网站上积极工作。

如何将其添加到标题中？我有一个自定义的CSS部分，我会添加什么来实现这一点？我还希望功能区在标题下。

Answer 1

一如既往......＆＃34;那个＆＃34;是一个插件＆＃34; ... https://wordpress.org/plugins/custom-ribbon-maker/这看起来像一些css可以做到这一点虽然它可能会受限于ie8 {{ 3}}和https://css-tricks.com/snippets/css/corner-ribbon/看起来很漂亮。

如果您想自己动手，如果您有徽标图像，最简单的方法是编辑徽标图像并将功能区放在上面。

您可以在WordPress设置中编辑徽标链接，转到反馈页面，并使用ContactForm7插件等处理反馈。这可能是最简单的方法，它可以避免弄乱模板。

如果你想进入编辑模板，你可以把它放到你孩子主题的header.php中（如果你有的话）（我认为你提到自定义css） - 或者在主题主题的标题中.php但这不被视为好习惯（编辑主题文件）。

如果您没有儿童主题，那么有一个关于该主题的良好WordPress.org页面，并且确实值得学习这样做，因为您永远不必担心当您的编辑失去编辑时主题获得更新，请参阅：http://www.bypeople.com/css-ribbon/

您的主题文件夹将是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的反馈页面。你需要添加自己的类名或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功能区添加到我的网站标题？

1 个答案: