Header Clickable
Allereerst zal ik me even kort voorstellen. Ik ben Erik, nieuw op dit forum. Ik doe het beheer van de website www.lightningleiden.nl
Deze wordpress site draait op thema Rookie.
Nu wil ik graag de header clickable maken, zodat wanneer je op de banner klikt op de homepage uit komt.
Wie kan me helpen?
Via appearance-editor-header.php krijg ik het volgende scherm.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<?php
/**
* The header for our theme.
*
* Displays all of the <head> section and everything up till <div id="content">
*
* @package Rookie
*/
?><!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 wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<div class="sp-header"><?php do_action( 'sportspress_header' ) ; ?></div>
<div id="page" class="hfeed site">
<a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'rookie' ); ?></a>
<header id="masthead" class="site-header" role="banner">
<?php rookie_header_area(); ?>
</header><!-- #masthead -->
<div id="content" class="site-content">
<?php do_action( 'rookie_before_template' ); ?>
/**
* The header for our theme.
*
* Displays all of the <head> section and everything up till <div id="content">
*
* @package Rookie
*/
?><!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 wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<div class="sp-header"><?php do_action( 'sportspress_header' ) ; ?></div>
<div id="page" class="hfeed site">
<a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'rookie' ); ?></a>
<header id="masthead" class="site-header" role="banner">
<?php rookie_header_area(); ?>
</header><!-- #masthead -->
<div id="content" class="site-content">
<?php do_action( 'rookie_before_template' ); ?>
- Ariën -:
Gelieve in het vervolg bij code de [code][/code]-tags gebruiken.
Hier kan je meer lezen over de mogelijke opmaakcodes.
Alvast bedankt!
Hier kan je meer lezen over de mogelijke opmaakcodes.
Alvast bedankt!
Gewijzigd op 20/03/2017 14:12:07 door - Ariën -
Ik raad wel aan om een child-theme te maken bovenop je Rookie-theme. Zo voorkom je dat bij een update van de theme jouw wijziging weer wordt teruggedraaid.
Gewijzigd op 20/03/2017 14:23:26 door - Ariën -
Bedankt voor de tip en het opschonen van de post.
Zou je iets specifieker kunnen zijn?
- Moet ik regel 25 vervangen?
- Op de puntjes moet http://www.etc.nl komen te staan?
Alvast bedankt voor de hulp
Code (php)
1
<a href="/"><?php rookie_header_area(); ?></a>
Ik zou toch maar even verdiepen in wat je precies doet, en hoe HTML werkt.
Je wilt nu iets aanpassen waar je geen weet van hebt, en dat is erg hoog gegrepen.
Zie ook het verhaal over de child-theme. Want misschien is je wijziging straks weer terug gedraaid.
En wat heeft www.etc.nl ermee te maken, die je net noemde?
Gewijzigd op 20/03/2017 21:35:29 door - Ariën -
Ben van Velzen op 20/03/2017 22:44:43:
Natuurlijk wel, om de notulen wat op te fleuren :-)
Hahaha, altijd goed. Over het algemeen zijn het niet de meest drukbezochte evenementen.
Op de puntjes moest inderdaad www.lightningleiden.nl staan.
Ik denk dat ik het maar even laat voor wat het is. Ik had het verzoek gekregen vanuit de marketing zijde om de header clickable te maken, vandaar het verzoek.
Inmiddels de header weer aangepast naar een wedstrijd, mocht je het een keertje leuk vinden om te komen in Leiden, zijn jullie uiteraard welkom:)
Toevoeging op 22/03/2017 13:54:49:
Aanvullend, ik heb de code ingevoerd en het werkt, het enige is dat er verschil komt in de menubalk. De homebutton blijft in het midden staan en de rest zakt een regel.
Wat je wilt is dit:
Code (php)
1
<a href="http://www.lightningleiden.nl"><img class="site-banner-image" src="http://www.lightningleiden.nl/wp-content/uploads/cropped-Game-Day-2017-Lightning-Spijkenisse-Scouts-Banner.gif" alt="American Football Club Lightning Leiden"></a>
Maar
Code (php)
1
<?php rookie_header_area(); ?>
Bestaat uit veel meer code dan alleen de banner, het hele menu valt eronder. Dit is een theme dingetje en is denk ik niet makkelijk op te lossen tenzij er in je wordpress admin area bij theme options een mogelijkheid zit om een link aan de banner te koppelen. Je zou dan moeten zoeken onder thema's -> customizer.
Toevoeging op 22/03/2017 15:09:39:
Overigens als je het echt graag wilt en je ziet het niet zitten om een child theme aan te maken, probeer dit eens:
open template-tags.php in de map inc in je theme folder en zoek op regel 68 dit stukje code:
Code (php)
1
2
3
2
3
<div class="site-banner">
<img class="site-banner-image" src="<?php header_image(); ?>" alt="<?php bloginfo( 'description' ); ?>">
</div><!-- .site-banner -->
<img class="site-banner-image" src="<?php header_image(); ?>" alt="<?php bloginfo( 'description' ); ?>">
</div><!-- .site-banner -->
Verander dit in:
Code (php)
1
2
3
2
3
<div class="site-banner">
<a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img class="site-banner-image" src="<?php header_image(); ?>" alt="<?php bloginfo( 'description' ); ?>"></a>
</div><!-- .site-banner -->
<a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img class="site-banner-image" src="<?php header_image(); ?>" alt="<?php bloginfo( 'description' ); ?>"></a>
</div><!-- .site-banner -->
Dat zou moeten werken... Nu mag je alleen nooit meer je theme updaten want dan is het weer weg.
Gewijzigd op 22/03/2017 15:10:22 door Marlies Maalderink