加一个网址预览按钮

如题，加一个按钮

打开主题文件templates\content-site.php在164行，即

 <a href="javascript:" class="btn btn-arrow qr-img"  data-toggle="tooltip" data-placement="bottom" data-html="true" title="<?php echo $qrurl ?>"><span><?php echo $qrname ?><i class="iconfont icon-qr-sweep"></i></span></a>

的后面回车添加

<a style="margin-left: 10px;" href="https://s0.wp.com/mshots/v1/<?php echo ($m_link_url)?>" rel="nofollow" title="网站预览" target="_blank" class="btn btn-wzyl rounded-lg"><span><?php _e('预览','i_theme') ?></span></a>

添加好后是这样的：

<a href="javascript:" class="btn btn-arrow qr-img"  data-toggle="tooltip" data-placement="bottom" data-html="true" title="<?php echo $qrurl ?>"><span><?php echo $qrname ?><i class="iconfont icon-qr-sweep"></i></span></a>
<a style="margin-left: 10px;" href="https://s0.wp.com/mshots/v1/<?php echo ($m_link_url)?>" rel="nofollow" title="网站预览" target="_blank" class="btn btn-wzyl rounded-lg"><span><?php _e('预览','i_theme') ?></span></a>

然后主题设置添加自定义css

 .btn-wzyl{color:#282a2d;background-color:rgba(138,138,138,.15);border-color: transparent;}
.btn-wzyl:hover {color: #fff;background: #202224;} 
a.btn.btn-danger.qr-img.tooltip-toggle.rounded-lg {margin-left: 0px;}

效果如图