Jak wstawić logo graficzne zamiast tekstu

  • Decadency

    (@decadency)


    10 years, 3 months temu

    W szablonie mam logo w formie tekstu. Chcę tam wrzucić logo graficzne, jednak nie mam tego w panelu, więc muszę grzebać w kodzie. Niestety nie znam się na php. Proszę o pomoc. Poniżej wstawiam kod z header.

    <!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" />

<link rel="stylesheet" type="text/css" media="all" href="<?php echo get_stylesheet_uri(); ?>" />

<?php $blogTitle = get_bloginfo('name'); ?>
<title><?php wp_title('&middot;', true, 'right'); ?></title>

<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />

<?php if(is_singular()) wp_enqueue_script('comment-reply', false, array(), false, true); ?>
<?php wp_head(); ?>
</head>

<body <?php body_class('lt-480' . (is_single() && is_active_sidebar('sidebar-single') ? ' has-single-sidebar' : '')); ?>>
<div id="page-wrap">
<div id="page">

	<a id="mobile-menu" href="#menu"></a>

	<div id="header">
		<div class="wrap">
			<div class="inner">
				<?php if(is_home()) : ?><h1 id="blog-title"><?php else : ?><strong id="blog-title"><?php endif; ?><a href="<?php echo home_url(); ?>" title="<?php echo str_replace('"', '\'', $blogTitle); ?>"><?php echo $blogTitle ?></a><?php if(is_home()) : ?></h1><?php else : ?></strong><?php endif; ?>
				<div id="menu">
				<?php
					wp_nav_menu(array(
						'theme_location' => 'primary',
						'container' => false
					));
				?>
				</div>
			</div>
		</div>
	</div>

	<div id="main" class="wrap clear">
Viewing 1 replies (of 1 total)
  • Kris Tomczyk

    (@knightrider123)

    10 years, 3 months temu

    w pliku css odpowiadającego za motyw ustaw dla h1 kod:

    h1#blog-title {float:left; width:400px; height:100px;}
h1#blog-title a {float:left; width:400px; height:100px; background:url(logo.jpg) no-repeat; text-indent:-9999px;}

    gdzie wartości:
    400px – zmień na szerokość obrazka, logotypu jaki masz
    100px – zmień na wysokość obrazka, logotypu jaki masz
    logo.jpg – ścieżka do obrazka

    Oczywiście trzeba uwzględnić jak zachowają się pozostałe elementy w stosunku do tego kodu, menu itd. Nie podałeś linka ale powinno cię to pokierować

Viewing 1 replies (of 1 total)
  • Temat ‘Jak wstawić logo graficzne zamiast tekstu’ jest zamknięty na nowe odpowiedzi.