如何将Beta功能区添加到我的网站标题中


How do I add the Beta Ribbon to my site Title?

我需要为我的网站标题添加一个Beta功能区。我有一个wordpress网站,想在网站上添加Beta标志|印章吗?我该怎么做?

我正在向公众发布它,可能有点早,所以我想在网站的标志或标题上加一条丝带,表明它仍处于早期开发阶段,这样我就可以从人们那里获得反馈,让人们知道我们仍在积极开发网站。

如何将其添加到标题中?我有一个自定义css部分,我会添加什么来实现这一点?我也希望缎带在标题下面。

一如既往。。。"有一个插件"。。。https://wordpress.org/plugins/custom-ribbon-maker/这看起来像是一些css,可以做到这一点,尽管它可能在ie8上受到限制https://css-tricks.com/snippets/css/corner-ribbon/和http://www.bypeople.com/css-ribbon/看起来很漂亮。

如果你想自己做,如果你有一个标志图像,最简单的方法是编辑标志图像并在上面加上丝带。

你可以编辑WordPress设置中的徽标链接,进入反馈页面,并使用类似ContactForm7插件的东西来处理反馈。这可能是最整洁的方法,可以避免干扰模板。

如果你想编辑模板,你可以把它放在你的子主题的header.php中,如果你有一个(我认为你提到自定义css时就这么做了),或者放在主主题的headerphp中,但这不是一个好的做法(编辑主题文件)。

如果你没有儿童主题,那么有一个关于该主题的好的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 Ribbon图像作为<img标记。这个自定义示例假设您将一个名为blueribbon.jpg的jpeg放入主题的图像文件夹中,并有一个称为feedback.php的反馈页面

 <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>