Logo toevoegen in kop site
-
Ik werk met thema twenty ten en wil graag mijn logo aan de koptekst toevoegen. Hoe krijg ik dat voor elkaar?
Groet, Mark
-
Je kunt je eigen header uploaden met Twenty Ten, dus gewoon een header maken inclusief logo en uploaden die boel 🙂
Beste Remkus, dank voor je reactie. ff checken of we het over hetzelfde hebben. Als je naar mijn site gaat http://www.mym.nl dan wil ik mijn logo in de witte balk boven de foto links naast de kop ‘MYM Marketing & Communicatie’ hebben. Als we het over hetzelfde hebben: hoe maak ik dan die header en hoe fiets ik die in WP?
in header.php moet je zijn, deze kun je vinden in het mapje “themes” onder wp-content.
Op line 62 vind je het stukje van de site title, ik zou het zo doen:
<span> <a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a> </span> <img src="<?php bloginfo('name'); ?>/images/logo.jpg" alt="">
Beste Julian, dank voor je reactie. Ik ben niet zo HTML onderlegd, kan je svp nog even aangeven waar in de html tekst ik iets moet aanpassen? En waar moet het logo fysiek staan zodat de verwijzing goed werkt?
kun je de code van de header.php hier ook posten, dan pas ik het even voor je aan + een korte uitleg
Beste Julian, bijgaand de header.php. Hopelijk kan je hiermee uit de voeten. Alvast bedankt in ieder geval!
<?php
/**
* The Header for our theme.
*
* Displays all of the <head> section and everything up till <div id=”main”>
*
* @package WordPress
* @subpackage Twenty_Ten
* @since Twenty Ten 1.0
*/
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset=”<?php bloginfo( ‘charset’ ); ?>” />
<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’, ’twentyten’ ), 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’ ); ?>” />
<?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=”wrapper” class=”hfeed”>
<div id=”header”>
<div id=”masthead”>
<div id=”branding” role=”banner”>
<?php $heading_tag = ( is_home() || is_front_page() ) ? ‘h1’ : ‘div’; ?>
<<?php echo $heading_tag; ?> id=”site-title”>
<span>
” title=”<?php echo esc_attr( get_bloginfo( ‘name’, ‘display’ ) ); ?>” rel=”home”><?php bloginfo( ‘name’ ); ?>
</span>
</<?php echo $heading_tag; ?>>
<div id=”site-description”><?php bloginfo( ‘description’ ); ?></div><?php
// 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 ), ‘post-thumbnail’ ) ) &&
$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; ?>
</div><!– #branding –><div id=”access” role=”navigation”>
<?php /* Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff */ ?>
<div class=”skip-link screen-reader-text”>“><?php _e( ‘Skip to content’, ’twentyten’ ); ?></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( ‘container_class’ => ‘menu-header’, ’theme_location’ => ‘primary’ ) ); ?>
</div><!– #access –>
</div><!– #masthead –>
</div><!– #header –><div id=”main”>
Heb je ook een logo voor me? Zorg ik ervoor dat het helemaal goed komt!
Dus:- Je wilt het logo rechts naast jouw bedrijfsnaam?
- Tekst van de bedrijfsnaam moet even groot blijven?
Beste Julian, idd logo rechts naast bedrijfsnaam. Tekst bedrijfsnaam mag best wat kleiner: als logo er rechts naast komt en tekst blijft even groot, dan denk ik dat bedrijfsnaam in tekst links schuift. Heb je een emial adres voor me, waar ik het logo naar kan sturen of een andere suggestie hoe ik die bij je krijg?
julianisliefATzonnet.nl
THX!
- Het onderwerp ‘Logo toevoegen in kop site’ is gesloten voor nieuwe reacties.