在Wordpress

时间:2015-08-21 03:03:39

标签: php html css wordpress

我在Wordpress中选择的主题非常简单,内置了很多自定义项。我正在尝试添加一个小徽标,显示在页面左上角的名称和描述的左侧。

我上传了该文件,并且能够成功添加以下代码



									
				
<img src = "http://www.pixelbip.com/wp-content/uploads/2015/08/PixelBip-Icon.png" height="70" width="70"/>
&#13;
&#13;
&#13;

但是,只需将徽标放在左上角,然后名称和描述就会显示在徽标下方。

另外。我对PHP或CSS不是很熟悉。我只知道一点点。

以下是我的header.php文件的内容

&#13;
&#13;
<?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;
&#13;
&#13;

有人可以为新手拼出如何添加我需要的代码吗?

我还需要补充一点。我需要对Child主题header.php进行此更改,以便将来更新主题不会弄乱我的徽标。

非常感谢!

0 个答案:

没有答案