如何将角徽章添加到WordPress网站

时间:2017-05-12 07:17:01

标签: php html css wordpress genesis

我需要为我们的10周年纪念添加角徽章。问题是我们正在使用带有创世纪和epik主题的WordPress。 我无法在epik(子)主题上的header.php中添加div,因为它不是文件。 header.php是创世纪。

有人知道这样做的正确方法是什么吗?

1 个答案:

答案 0 :(得分:0)

将以下代码添加到当前主题的functions.php 文件中。

add_action( 'wp_footer', 'addbadge' );
function addbadge(){
 ?><style type="text/css">
   .badge{
     position: fixed;
     display: block;
     top: 28 px;
     left: -68px;
     width: 257px;
     z-index: 99999;
     background: #990a0a ;
     padding: 8px;
     border-bottom: 2px solid #d2d200 ;
     border-top: 2px solid #d2d200 ;
     transform: rotate(-39deg);
     text-align: center;
   }
   .badge a {
     color: #fff;
     font-weight: 900;
     text-decoration: none;
   }
 </style>
 <div class="badge">
   <a href="url">Fork Me On GitHub</a>
 </div><?php
}

希望这会对你有所帮助。

谢谢!