twenty eleven problemen met Header
-
Hallo,
Dit is mijn 2x dat ik een wp website probeer op te zetten. 1x mislukte door het lettertype wat gewijzigd kon worden. Toen heeft iemand een website gemaakt voor me maar die was gebruikers onvriendelijk. Nu dus met twenty eleven proberen.
Ik heb nu 2 problemen ik kan geen foto uploaden in de header alleen standaard foto kan ik gebruiken dat wil ik niet. En mijn logo wordt volledig uit zijn verband getrokken als ik hem op de website zet.
Mijn website is http://www.wijspunt.nl
Ik hoop dat iemand hier een oplossing of tips heeft.
-
Je logo is 112 pixel breed en 45 pixel hoog. Wat je kun doen is de breedte en de hoogte vermelden in de code om het juiste formaat zichtbaar te maken.
<img src="/wp-content/uploads/wijspunt-logo%20website4.PNG" width="112" height="45" >
En als ik het goed begrijp mislukt het uploaden van de foto voor de header?
Je kunt de afbeelding ook via een FTP programma (bijv. FileZilla) uploaden bij /wp-content/themes/twentyeleven/imagesNa lang moeilijk doen staat het log er in.
Maar als ik nu zoals Maikel hierboven zegt via fileZilla de foto voor de header upload, moet ik de link dan plakken ergens in dit stukje?
<h2 id=”site-description”><?php bloginfo( ‘description’ ); ?></h2>
</hgroup><?php
// Check to see if the header image has been removed
$header_image = get_header_image();
if ( ! empty( $header_image ) ) :
?>
“>
<?php
// The header image
// Check if this is a post or page, if it has a thumbnail, and if it’s a big one
if ( is_singular() &&
has_post_thumbnail( $post->ID ) &&
( /* $src, $width, $height */ $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), array( HEADER_IMAGE_WIDTH, HEADER_IMAGE_WIDTH ) ) ) &&
$image[1] >= HEADER_IMAGE_WIDTH ) :
// Houston, we have a new header image!
echo get_the_post_thumbnail( $post->ID, ‘post-thumbnail’ );
else : ?>
<img src=”<?php header_image(); ?>” width=”<?php echo HEADER_IMAGE_WIDTH; ?>” height=”<?php echo HEADER_IMAGE_HEIGHT; ?>” alt=”” />
<?php endif; // end check for featured image or standard header ?>
<?php endif; // end check for removed header image ?><?php
// Has the text been hidden?
if ( ‘blank’ == get_header_textcolor() ) :
?>
<div class=”only-search<?php if ( ! empty( $header_image ) ) : ?> with-image<?php endif; ?>”>
<?php get_search_form(); ?>
</div>
<?php
else :
?>
<?php get_search_form(); ?>
<?php endif; ?>Oh ik had wel verwacht dat die bij de header kwam te staan om te kiezen, maar blijkbaar niet.
Ik heb zojuist zelf even getest waar de header afbeelding terecht komt als je hem upload en dat is bij /wp-content/uploads/
Je kunt de uploads map tijdelijk chmodden naar 777, zodat je de header gewoon via WordPress kunt uploaden.
Maikel,
Ehh ik ben een beetje een digibeet maar hoe doe je dat “tijdelijk chmodden naar 777”
En ik kan hem wel uploaden maar ik kan de nieuwe foto niet op de headerplek zetten. En ik weet niet hoe ik dat moet doen.
Kun je de header gewoon uploaden via weergave -> header?
Dan kun je hem ook veranderen door de geüploade afbeelding te kiezenIndien je header niet kunt uploaden via weergave -> header:
http://codex.wordpress.org/Changing_File_Permissions#Using_an_FTP_ClientOf als je FileZilla in het Nederlands gebruikt:
– rechtermuisknop -> bestandsrechten
– Numerieke waarde naar 777 veranderen en op ok klikkenNa het uploaden kun je het weer terug veranderen naar 755.
Uploaden is het probleem niet, ik krijg hem niet geplaatst, kan ik dat handmatig doen door middel van bv: /wp-content/uploads/naam van de foto?
En moet ik hem dan plaatsen in de Header? En waar dan precies?
Dit staat er allemaal in de header.php
<?php
/**
* The Header for our theme.
*
* Displays all of the <head> section and everything up till <div id=”main”>
*
* @package WordPress
* @subpackage Twenty_Eleven
* @since Twenty Eleven 1.0
*/
?><!DOCTYPE html>
<!–[if IE 6]>
<html id=”ie6″ <?php language_attributes(); ?>>
<![endif]–>
<!–[if IE 7]>
<html id=”ie7″ <?php language_attributes(); ?>>
<![endif]–>
<!–[if IE 8]>
<html id=”ie8″ <?php language_attributes(); ?>>
<![endif]–>
<!–[if !(IE 6) | !(IE 7) | !(IE 8) ]><!–>
<html <?php language_attributes(); ?>>
<!–<![endif]–>
<head>
<meta charset=”<?php bloginfo( ‘charset’ ); ?>” />
<meta name=”viewport” content=”width=device-width” />
<title><?php
/*
* Print the <title> tag based on what is being viewed.
*/
global $page, $paged;wp_title( ‘|’, true, ‘right’ );
// Add the blog name.
bloginfo( ‘name’ );// Add the blog description for the home/front page.
$site_description = get_bloginfo( ‘description’, ‘display’ );
if ( $site_description && ( is_home() || is_front_page() ) )
echo ” | $site_description”;// Add a page number if necessary:
if ( $paged >= 2 || $page >= 2 )
echo ‘ | ‘ . sprintf( __( ‘Page %s’, ’twentyeleven’ ), max( $paged, $page ) );?></title>
<link rel=”profile” href=”http://gmpg.org/xfn/11″ />
<link rel=”stylesheet” type=”text/css” media=”all” href=”<?php bloginfo( ‘stylesheet_url’ ); ?>” />
<link rel=”pingback” href=”<?php bloginfo( ‘pingback_url’ ); ?>” />
<!–[if lt IE 9]>
<script src=”<?php echo get_template_directory_uri(); ?>/js/html5.js” type=”text/javascript”></script>
<![endif]–>
<?php
/* We add some JavaScript to pages with the comment form
* to support sites with threaded comments (when in use).
*/
if ( is_singular() && get_option( ’thread_comments’ ) )
wp_enqueue_script( ‘comment-reply’ );/* Always have wp_head() just before the closing </head>
* tag of your theme, or you will break many plugins, which
* generally use this hook to add elements to <head> such
* as styles, scripts, and meta tags.
*/
wp_head();
?>
</head><body <?php body_class(); ?>>
<div id=”page” class=”hfeed”>
<header id=”branding” role=”banner”>
<hgroup>
<h1 id=”site-title”><span>” title=”<?php echo esc_attr( get_bloginfo( ‘name’, ‘display’ ) ); ?>” rel=”home”><img src=”/wp-content/uploads/wijspunt-logo%20klein.png”></span></h1>
<h2 id=”site-description”><?php bloginfo( ‘description’ ); ?></h2>
</hgroup><?php
// Check to see if the header image has been removed
$header_image = get_header_image();
if ( ! empty( $header_image ) ) :
?>
“>
<?php
// The header image
// Check if this is a post or page, if it has a thumbnail, and if it’s a big one
if ( is_singular() &&
has_post_thumbnail( $post->ID ) &&
( /* $src, $width, $height */ $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), array( HEADER_IMAGE_WIDTH, HEADER_IMAGE_WIDTH ) ) ) &&
$image[1] >= HEADER_IMAGE_WIDTH ) :
// Houston, we have a new header image!
echo get_the_post_thumbnail( $post->ID, ‘post-thumbnail’ );
else : ?>
<img src=”<?php header_image(); ?>” width=”<?php echo HEADER_IMAGE_WIDTH; ?>” height=”<?php echo HEADER_IMAGE_HEIGHT; ?>” alt=”” />
<?php endif; // end check for featured image or standard header ?>
<?php endif; // end check for removed header image ?><?php
// Has the text been hidden?
if ( ‘blank’ == get_header_textcolor() ) :
?>
<div class=”only-search<?php if ( ! empty( $header_image ) ) : ?> with-image<?php endif; ?>”>
<?php get_search_form(); ?>
</div>
<?php
else :
?>
<?php get_search_form(); ?>
<?php endif; ?><nav id=”access” role=”navigation”>
<h3 class=”assistive-text”><?php _e( ‘Main menu’, ’twentyeleven’ ); ?></h3>
<?php /* Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff. */ ?>
<div class=”skip-link”>“><?php _e( ‘Skip to primary content’, ’twentyeleven’ ); ?></div>
<div class=”skip-link”>“><?php _e( ‘Skip to secondary content’, ’twentyeleven’ ); ?></div>
<?php /* Our navigation menu. If one isn’t filled out, wp_nav_menu falls back to wp_page_menu. The menu assiged to the primary position is the one used. If none is assigned, the menu with the lowest ID is used. */ ?>
<?php wp_nav_menu( array( ’theme_location’ => ‘primary’ ) ); ?>
</nav><!– #access –>
</header><!– #branding –><div id=”main”>
Ik hoop dat iemand me verder kan helpen. Bedankt alvast.
Zoek naar:
<img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="" />
en verander
<?php header_image(); ?>
naar de url waar je headerafbeelding staat.Maikel,
Bedankt, dit is dus de oplossing. Alleen de foto is nu te groot maar ga nu de foto iets kleiner maken en dan komt het helemaal goed.
Bedankt.!
Toch nog een probleem, de headerfoto staat alleen op de homepage. Als ik door klik is de foto er niet.
Hoe kan ik dat oplossen?
Het is op deze site: http://www.wijspunt.nl
euh… kan het niet veel makkelijker door de afbeelding die je wilt gebruiken de juiste afmetingen te geven en dan de naam van een van de bestaande images binnen het template te geven. De afbeelding in de juiste map uploaden via een ftp programma….en het werkt….
( wp-content > themes> twentyeleven >images> header
ook even de thumbnail daarvan maken en in de map zetten.met fotobewerking is het logo ook vast in de headerafbeelding te plaatsen.
Heuu tja niet aangedacht is wel een optie die ik ga proberen, nu direct dus 🙂 Je hoort het als het lukt.
Maar tot nu toe krijg ik de foto’s niet 1000×288 Maar ga wel eens even proberen.
- Het onderwerp ‘twenty eleven problemen met Header’ is gesloten voor nieuwe reacties.