Hallo an alle,ich bin absoluter Rookie und bastel seit einigen Stunden an einer Wordpress Seite rum. Ich habe als Theme Dynamic News Lite gewählt und das was ich bisher geschafft habe ist unter folgendem Link zu finden: (Leider mit einer Werbeeinblendung da ich noch kostenfreien Webspace nutze). http://worldpage.cwsurf.de/wordpress/ Nun würde ich gerne ganz oben im Header (überhalb des Sliders), mittig zwischen dem Blog Namen (DFL Managerliga) und dem kleinen Eingabefenster für Suchbegriffe, ein eigenes 150x150 px großes Logo (PNG Datei) einbinden wollen. Leider haben mich die Anleitungen die ich so im Netz gefunden habe, nicht wirklich weitergebracht. Muss ich um mein Ziel zu erreichen, Änderungen in der Style.css oder in der Header.php oder gar beiden Dateien vornehmen? Für eure Hilfe bedanke ich mich vorab!
Eigenes Logo in Header einbinden (Theme Dynamic News Lite)
-
- Gerade eben
- Anzeige
Hallo!
Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.
- ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
- ✔️ Deutsche Server & DSGVO-konform
- ✔️ Persönlicher Support (kein 0815-Ticket-System)
-
Ja. Wenn du nicht direkt über das Backend an den Header kommst (manche Themes ermöglichen dies, andere nicht), kannst du Änderungen am Header in der header.php vornehmen und zur Ausrichtung des Logos die style.css nutzen. Bedenke aber bitte, sofern du kein Child Theme verwendest, dass deine Änderungen in den beiden Dateien bei einer der nächsten WordPress-Updates überschrieben werden könnten. Besser ist es daher, wenn du die ein Child-Theme deines Themes erstellst: http://codex.wordpress.org/Child_Themes
-
Sack-Gesicht: Du wirst in deiner header.php etwas stehen haben so ähnlich wie (Ausschnitte):
<header id="header" class="container clearfix" role="banner"> <div id="logo" class="clearfix"></div>
HIER DEIN LOGO EINFÜGEN
<div id="header-content" class="clearfix">
<div id="header-search">
(...)
</div>
</div>
</header>An der gekennzeichneten Stelle kannst du ja mal dein Logo via <img src="BILDPFAD"/> einfügen. Die genaue Platzierung lässt sich dann mittels CSS erreichen.
-
Mee to ;-)
Getippt 2:1 8-)
-
Hey Sack-Gesicht. Sieht aus als hättest du das Image vor dem Logo eingefügt. Nicht aber dahinter (wie im Code-Beispiel gezeigt). Und ja, schlecht war der Tipp nicht. Und das Spiel war natürlich auch nicht zu verachten :wink:
-
Poste mal bitte den betreffenden Quellcode.
-
Und an welcher Stelle genau hast du das Image eingefügt? Editiere bitte noch einmal deinen Post und markiere die Code-Zeile mit fett. Das macht es dann ein wenig einfacher dir zu helfen ;)
-
Alles anzeigen
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title><?php wp_title( '|', true, 'right' ); ?></title>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" /><?php wp_head(); ?>
</head><body <?php body_class(); ?>>
<?php // Get Theme Options from Database
$theme_options = dynamicnews_theme_options();
?><div id="wrapper" class="hfeed">
<div id="header-wrap">
<header id="header" class="container clearfix" role="banner"><div id="logo" class="clearfix">
[COLOR=#ff0000]<img src="/wordpress/wp-includes/images/DFL_Logo_HP.png"/> (Ergebnis= Logo über Blog Titel)[/COLOR]<a rel="nofollow" href="<?php echo esc_url(home_url('/')); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
<h1 class="site-title"><?php bloginfo('name'); ?></h1>
</a>
[COLOR=#ff0000]<img src="/wordpress/wp-includes/images/DFL_Logo_HP.png"/> (Ergebnis= Logo zwischen Blog & Untertitel)[/COLOR]<?php // Display Tagline on header if activated
if ( isset($theme_options['header_tagline']) and $theme_options['header_tagline'] == true ) : ?>
<h2 class="site-description"><?php echo bloginfo('description'); ?></h2>
<?php endif; ?>
</div>
<div id="header-content" class="clearfix">
<?php locate_template('/inc/header-content.php', true); ?>
</div></header>
</div>
[COLOR=#ff0000]<img src="/wordpress/wp-includes/images/DFL_Logo_HP.png"/> (Ergebnis= Logo unter Blog Titel)[/COLOR]<div id="navi-wrap">
<nav id="mainnav" class="container clearfix" role="navigation">
<?php
// Get Navigation out of Theme Options
wp_nav_menu(array('theme_location' => 'primary', 'container' => false, 'menu_id' => 'mainnav-menu', 'echo' => true, 'fallback_cb' => 'dynamicnews_default_menu', 'before' => '', 'after' => '', 'link_before' => '', 'link_after' => '', 'depth' => 0));
?>
</nav>
</div>
<?php echo do_shortcode( '[responsive_slider]' ); ?>
<?php // Display Custom Header Image
dynamicnews_display_custom_header(); ?>Entsprechende Ergebnisse hatte ich je als Dateien angehangen!
-
Platziere das <img>-Tag doch mal an dieser Stelle:
[COLOR=#333333]<div id="header-content" class="clearfix">
[/COLOR][COLOR=#FF0000]<img src="/wordpress/wp-includes/images/DFL_Logo_HP.png"/> [/COLOR]
[COLOR=#333333]<?php locate_template('/inc/header-content.php', true); ?>[/COLOR]
[COLOR=#333333]</div>[/COLOR]Und passe die Bildgröße des Images an. Um das DFL-Logo befinden sich rundherum noch ein paar Pixel Platz, die unnötig sind. Damit reduzierst du nicht nur die Bildgröße sondern verhinderst auch, dass der Header unnötig in die Höhe wächst.
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!