Logo im Header verlinken, damit Startseite wieder erscheint

daniela610

Hallo,

ich habe gestern, dass erste Mal mit Wordpress gearbeitet und mir eine HP erstellt. Hat soweit auch alles gut geklappt ABER ich verstehe einfach nicht wie ich mein Logo im Header verlinken kann.
Ich habe bereits in den FAQs gelesen, dass man auf Header.php gehen sollte, um dort den Link zur Startseite irgendwo einzufügen, aber ich finde einfach nicht die richtige Stelle.

Bei mir steht das:

<?php
/**
* The header for our theme.
*
* Displays all of the <head> section and everything up till <div id="content">
*
* @package Sydney
*/
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
<?php if ( get_theme_mod('site_favicon') ) : ?>
<link rel="shortcut icon" href="<?php echo esc_url(get_theme_mod('site_favicon')); ?>" />
<?php endif; ?>

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

<body <?php body_class(); ?>>
<div class="preloader">
<div class="spinner">
<div class="pre-bounce1"></div>
<div class="pre-bounce2"></div>
</div>
</div>
<div id="page" class="hfeed site">
<a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'sydney' ); ?></a>

<?php sydney_slider_template(); ?>

<header id="masthead" class="site-header" role="banner">
<div class="header-wrap">
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-8 col-xs-12">
<?php if ( get_theme_mod('site_logo') ) : ?>
<a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php bloginfo('name'); ?>"><img class="site-logo" src="<?php echo esc_url(get_theme_mod('site_logo')); ?>" alt="<?php bloginfo('name'); ?>" /></a>
<?php else : ?>
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
<?php endif; ?>
</div>
<div class="col-md-8 col-sm-4 col-xs-12">
<div class="btn-menu"></div>
<nav id="mainnav" class="mainnav" role="navigation">
<?php wp_nav_menu( array( 'theme_location' => 'primary', 'fallback_cb' => 'sydney_menu_fallback' ) ); ?>
</nav>
</div>
</div>
</div>
</div>
</header>
<div class="header-image"><?php sydney_header_overlay(); ?></div>

<div id="content" class="page-wrap">
<div class="container content-wrapper">
<div class="row">

Kann mir jemand helfen? Danke!!!!

Viele Grüße

Daniela

Werbepost

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)

Mehr erfahren

SirEctor

Zitat

<?php if ( get_theme_mod('site_logo') ) : ?>

Liest sich so, als ob das Theme das per Option kann.

gericoach

wo ist der link zur seite? Welches Theme?

daniela610

Danke für eure Antworten.
Ich bin absoluter Anfänger in dem Bereich..
Ich hätte gerne, wenn ich aufs Logo im Header klicke, dass diese Seite wieder erscheint http://www.daniela-treffer.de

Danke ;-)

Achso, als Theme habe ich Sydney benutzt

SirEctor

Ich sehe, dass du es nicht als Logo eingebunden hast, sondern als header-image. Versuch mal dein Logo wirklich auch als Logo einzubinden. Müsste über die Theme-Optionen funktionieren.

daniela610

So, ich habe jetzt im Header ein Logo eingefügt. Jetzt frage ich mich aber, ob man den auch kleiner machen kann. Der ist ziemlich groß und unhübsch. Sorry, für die vielen Fragen.

Soll ich dir jetzt nochmal schicken was in meiner header.php steht?

Azrael_0815

a.) nimm ein Bild mit transparentem Background
b.) wenn dann immer noch zu groß: Klasse .site-logo ändern auf Dir genehme Größe:

.site-logo {
max-height: 100px;

}

zb in

.site-logo {
max-height: 50px;

}

daniela610

so, ich habe den Hintergrund jetzt transparent gemacht. Danke ;-)

Leider verstehe ich immer noch nicht wo ich genau hin muss um das Logo kleiner zu machen auf der HP.

Das ist jetzt der Text beim header.php
<?php
/**
* The header for our theme.
*
* Displays all of the <head> section and everything up till <div id="content">
*
* @package Sydney
*/
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
<?php if ( get_theme_mod('site_favicon') ) : ?>
<link rel="shortcut icon" href="<?php echo esc_url(get_theme_mod('site_favicon')); ?>" />
<?php endif; ?>

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

<?php sydney_slider_template(); ?>

<header id="masthead" class="site-header" role="banner">
<div class="header-wrap">
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-8 col-xs-12">
<?php if ( get_theme_mod('site_logo') ) : ?>
<a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php bloginfo('name'); ?>"><img class="site-logo" src="<?php echo esc_url(get_theme_mod('site_logo')); ?>" alt="<?php bloginfo('name'); ?>" /></a>
<?php else : ?>
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
<?php endif; ?>
</div>
<div class="col-md-8 col-sm-4 col-xs-12">
<div class="btn-menu"></div>
<nav id="mainnav" class="mainnav" role="navigation">
<?php wp_nav_menu( array( 'theme_location' => 'primary', 'fallback_cb' => 'sydney_menu_fallback' ) ); ?>
</nav>
</div>
</div>
</div>
</div>
</header>
<div class="header-image"><?php sydney_header_overlay(); ?></div>

<div id="content" class="page-wrap">
<div class="container content-wrapper">
<div class="row">

Wo kann ich denn dort meinen Link http://www.daniela-treffer.de einsetzen?

DANKE!!!!

SirEctor

Zitat von daniela610

Leider verstehe ich immer noch nicht wo ich genau hin muss um das Logo kleiner zu machen auf der HP.

Du musst in die style.css deines Themes. Am Besten direkt ein Child-Theme anlegen.

Den Code hat Azrael_0815 bereits gepostet.

maxe

Zitat von daniela610

Wo kann ich denn dort meinen Link http://www.daniela-treffer.de einsetzen?

Ich kann das Logo "dt" anklicken, da ist bereits ein Link verknüpft.

daniela610

ja, super. das hab ich jetzt auch gesehen, dass es schon automatisch verknüpft ist. Vielen Dank nochmal für eure Hilfe ;-)

bgeissler

Jetzt wird aber bei allen Menüpunkten deine Startseite geladen.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Logo im Header verlinken, damit Startseite wieder erscheint

Jetzt mitmachen!

Benutzer online in diesem Thema