编辑我的主题,将Facebook图标立即放在页面标题的右侧。
使用旧图标(HTML),以下代码有效,图标放在标题旁边:
<h1 class="page-title"><?php _e( 'Nothing Found', 'catch-adaptive' ); ?><a class="genericon_parent genericon genericon-facebook-alt" title="Facebook" href="https://www.facebook.com/karen.b.russell.54" onclick="javascript:window.open('https://www.facebook.com/karen.b.russell.54'); return false;"><span class="screen-reader-text">Facebook</span></a></h1>
现在我正在尝试使用插件给我的php代码:
<?php echo DISPLAY_ULTIMATE_PLUS();?>
我已经这样做了:
<header class="entry-header">
<h1 class="entry-title"><?php the_title(); echo DISPLAY_ULTIMATE_PLUS();?></h1>
</header><!-- .entry-header -->
问题是,echo正在页面标题下方显示图标,而不是在它旁边。
如何使用此插件的PHP代码将图标置于标题右侧?
上新的错位图标查看实际网站答案 0 :(得分:0)
看看这是否有效;
<header class="entry-header">
<h1 class="entry-title" style="float: left;"><?php the_title(); ?></h1>
<div style="display: inline-block;"><?php echo DISPLAY_ULTIMATE_PLUS(); ?></div>
</header><!-- .entry-header -->
显然,如果你可以轻松编辑CSS文件,你可以添加以下语句(而不是将它们内嵌在HTML中),就像这样;
.entry-title {
float: left;
}
.entry-header > div {
display: inline-block;
}