我在Wordpress中选择的主题非常简单,内置了很多自定义项。我正在尝试添加一个小徽标,显示在页面左上角的名称和描述的左侧。
我上传了该文件,并且能够成功添加以下代码
<img src = "http://www.pixelbip.com/wp-content/uploads/2015/08/PixelBip-Icon.png" height="70" width="70"/>
&#13;
但是,只需将徽标放在左上角,然后名称和描述就会显示在徽标下方。
另外。我对PHP或CSS不是很熟悉。我只知道一点点。
以下是我的header.php文件的内容
<?php
/**
* The Header for our theme.
*
* Displays all of the <head> section and everything up till <div id="main">
*
* @package Readly
* @since Readly 1.0
*/
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo('charset'); ?>" />
<meta name="viewport" content="width=device-width" />
<title><?php wp_title('|', true, 'right'); ?></title>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<link href='http://fonts.googleapis.com/css?family=Libre+Baskerville:400,700,400italic' rel='stylesheet' type='text/css'>
<!--[if lt IE 9]>
<script src="<?php echo get_template_directory_uri(); ?>/js/html5.js" type="text/javascript"></script>
<![endif]-->
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<?php do_action('before'); ?>
<header id="masthead" class="site-header" role="banner">
<div id="header-wrapper">
<hgroup>
<div id="hgroup-wrapper">
<div id="hgroup-wrapper2">
<h1 class="site-title"><a href="<?php echo esc_url(home_url('/')); ?>" title="<?php echo esc_attr(get_bloginfo('name', 'display')); ?>" rel="home"><?php bloginfo('name'); ?></a></h1>
<h2 class="site-description"><?php bloginfo('description'); ?></h2>
</div>
</div>
</hgroup>
<nav id="site-navigation" class="navigation-main" role="navigation">
<div id="site-navigation-wrapper">
<div id="site-navigation-wrapper2">
<h1 class="menu-toggle"><?php _e('Menu', 'readly'); ?><span>m</span></h1>
<div class="assistive-text skip-link"><a href="#content" title="<?php esc_attr_e('Skip to content', 'readly'); ?>"><?php _e('Skip to content', 'readly'); ?></a></div>
<?php wp_nav_menu(array('theme_location' => 'primary', 'fallback_cb' => false)); ?>
</div>
</div>
</nav><!-- .site-navigation -->
</div>
</header><!-- #masthead -->
<div id="page" class="hfeed site">
<div id="main" class="site-main">
&#13;
有人可以为新手拼出如何添加我需要的代码吗?
我还需要补充一点。我需要对Child主题header.php进行此更改,以便将来更新主题不会弄乱我的徽标。
非常感谢!