Site-Title durch Logo ersetzen (WP)

harstjonas · #1 (**permalink**) 14.04.2014, 11:42

Liebes Forum,

ich versuche schon den ganzen Tag auf meiner Seite, auf der ich die Revera Theme nutze den site-title im header durch ein Logo zu ersetzen.

Könnt ihr mir da helfen?

Der site-title in der theme.css:

Code:

/* Head */

#masthead{
position: relative;
}
.site-branding{
margin-bottom: 20px;
}
h1.site-title{
text-transform: uppercase;
font-weight: 800;
margin-top: 25px;

}
h1.site-title a:link, h1.site-title a:visited{
color: #000;
}

und in der header.php:

PHP-Code:


			
<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>
<div id="page" class="hfeed site">
<?php do_action( 'before' ); ?>
<header id="masthead" class="site-header container" role="banner">
<div class="row">
<div class="site-branding col-sm-4">
<h1 class="site-title">" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></h1>

</div>

<div class="col-sm-8 mainmenu">
<div class="mobilenavi"></div>
<?php wp_nav_menu( array( 'container_id' => 'submenu', 'theme_location' => 'primary','container_class' => 'topmenu','menu_id'=>'topmenu' ,'menu_class'=>'sfmenu' ) ); ?>
</div>

</div> <!-- end row -->
</header><!-- #masthead -->

Vielen Dank,
Jonas

explanator · #2 (**permalink**) 14.04.2014, 12:08

Bitte verwende die Code-Schalter aus dem Editor um Code einzufügen.

Beispiel

PHP-Code:


			
<?php wp_head(); ?>

</head>



<body <?php body_class(); ?>>

<div id="page" class="hfeed site">

<?php do_action( 'before' ); ?>

<header id="masthead" class="site-header container" role="banner">

<div class="row">

<div class="site-branding col-sm-4">

<h1 class="site-title">" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></h1>



</div>



<div class="col-sm-8 mainmenu">

<div class="mobilenavi"></div>

<?php wp_nav_menu( array( 'container_id' => 'submenu', 'theme_location' => 'primary','container_class' => 'topmenu','menu_id'=>'topmenu' ,'menu_class'=>'sfmenu' ) ); ?>

</div>



</div> <!-- end row -->

</header><!-- #masthead -->

harstjonas · #3 (**permalink**) 14.04.2014, 14:23

Hallo Ihr,

ich bin jetzt von allein auf eine Lösung gestoßen.

Die orginal header.php enthält:

PHP-Code:


			
<header id="masthead" class="site-header" role="banner">

        <div class="header-main">

            <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>

Und ich habe es durch folgenden code ersetzt:

PHP-Code:


			
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><img src="http://client.com/logo.png" style="float: left;" alt="Logo" /></a></h1>

Dieser Artikel kann als "erledigt" markiert werden

Liebe Grüße,
Jonas

Thielo · #4 (**permalink**) 15.04.2014, 00:21

Zitat:

Zitat von harstjonas

Hallo Ihr,

ich bin jetzt von allein auf eine Lösung gestoßen.

Vorrausgesetzt man kann inline-css, einen falschen alt-Text und die fehlende Nutzung von Image-Replacement (ist ja im CSS-Forum, warum dann HTML?) als "Lösung" bezeichnen.

Des Weiteren: Wieso die Grafik so absolut adressieren und warum nicht die WP internen Wege gehen?

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Anfänger: Positionierung.	xam	CSS	3	19.05.2012 14:18
Site speed zählt nun doch bei Google	JohnB	Offtopic	7	23.04.2010 14:16
Boxen von Navigation und Logo sind zu weit auseinander	lila_3	CSS	2	03.09.2009 23:28
[print.css] Logo drucken auch bei deaktivierten Hintergrundbildern?	Rayne	CSS	5	01.11.2008 16:03
XHTML 1.0 strict: interpretation von alt und title (IMG) vom IE7, Opera und Firefox	braindead	(X)HTML	5	11.03.2007 16:57