Hallo Leute. Habe eine (vielleicht für Euch leichte) Frage.
Ist es möglich, oben links neben dem Kopfzeilentext ein Logo einzufügen? Denn unter Einstellungen und Blocktitel ist ja nur ein Textfeld angegeben.
Vielen Dank für Eure Hilfe im Voraus!
Kopfzeile Logo
-
- 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 das ist möglich. Mit HTML, CSS und evtl. PHP sollte das (einfach) machbar sein.
-
Okay. Jetzt wäre es natürlich super, wenn mir das jemand mit den codes erklären könnte. Ich stelle das Problem mal folgend auf:
header.php
ZitatAlles anzeigen<?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><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></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 ( $header_image ) :
// Compatibility with versions of WordPress prior to 3.4.
if ( function_exists( 'get_custom_header' ) ) {
// We need to figure out what the minimum width should be for our featured image.
// This result would be the suggested width if the theme were to implement flexible widths.
$header_image_width = get_theme_support( 'custom-header', 'width' );
} else {
$header_image_width = HEADER_IMAGE_WIDTH;
}
?>
<a href="<?php echo esc_url( home_url( '/' ) ); ?>">
<?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 :
// Compatibility with versions of WordPress prior to 3.4.
if ( function_exists( 'get_custom_header' ) ) {
$header_image_width = get_custom_header()->width;
$header_image_height = get_custom_header()->height;
} else {
$header_image_width = HEADER_IMAGE_WIDTH;
$header_image_height = HEADER_IMAGE_HEIGHT;
}
?>
<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 ?>
</a>
<?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 ( $header_image ) : ?> with-image<?php endif; ?>">
<?php get_search_form(); ?>
</div>
<?php
else :
?>
<?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"><a class="assistive-text" href="#content" title="<?php esc_attr_e( 'Skip to primary content', 'twentyeleven' ); ?>"><?php _e( 'Skip to primary content', 'twentyeleven' ); ?></a></div>
<div class="skip-link"><a class="assistive-text" href="#secondary" title="<?php esc_attr_e( 'Skip to secondary content', 'twentyeleven' ); ?>"><?php _e( 'Skip to secondary content', 'twentyeleven' ); ?></a></div>
<?php /* Our navigation menu. If one isn't filled out, wp_nav_menu falls back to wp_page_menu. The menu assigned to the primary location is the one used. If one isn't assigned, the menu with the lowest ID is used. */ ?>
<?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
</nav><!-- #access -->
</header><!-- #branding --><div id="main">
Im folgenden Bild ist zu sehen, wo das Logo hin soll.
Vielen Dank, falls sich echt einer die Mühe macht :-)
-
Hinter
Code<header id="branding" role="banner">
z.B. sowasCode<div class="alignright"><img src="...." /></div>
evtl. muss noch in die style.css sowasCode.alignright{float:right;} -
So geht das nicht, das ist immer ne Kombination aus Template und CSS und zumindest bei mir auch immer etwas Trial & Error, sprich rantasten an die passende Position mit einigen Änderungen im CSS. Ist jetzt aber wohl kaum mehr als 10 Minuten Arbeit. Wenn du magst, richte mir nen temporären Benutzer ein und poste mir die Zugangsdaten per PN, dann mach ich dir das Logo schnell rein.
-
Ich denke mit meiner Lösung sollte er etwas weiter kommen. Dann noch margin oder padding und jut is
-
So leid es mir tut, das war schon die Anleitung für Nichtwissende.
Wenn Dir das immer noch nicht hilft musst Du Dich mit den Stichworten etwas schlau lesen. Wer eine Webseite selber machen will, sollte sich wenigstens etwas damit auskennen, oder jemanden kaufen, der sich damit auskennt.
-
öffne doch einfach mal über Theme-Editor die style.css, dann siehst Du doch wie die Einträge aussehen. Meiner wird ähnlich aussehen. Am Besten nach ganz unten in die CSS.
-
also habs schonmal hinbekommen und direkt das nächste problem. jetzt ist die ganze kopfzeile "größer geworden" und die schrift links wurde quasi "runter geschoben"...
-
Ohne Link zum Blog (s. Forenregeln) fangen gleich wieder alle an zu raten :-/
-
entweder in der css
Codehgroup {display: inline-block;}
oderCodehgroup {float:left;}
kannst Du Dir aussuchen ;-) -
Okay, ich habe es etwas unverständlich fotografiert. vor gmbh steht noch ein zusatz, das liegt links am rand an. nur ich möchte quasi das logo auf einer höhe mit der schrift bekommen.
wenn ich in der style css datei ihren code einfüge, verändert sich entweder das ganze bild (es wird horizontal größer) oder es verschiebt sich alles, ob ich es hinter page, branding oder anderen einfüge.
Ich versuche es mal graphisch zu zeigen, wie ich es haben möchte.
in etwa so:
-
Der Link zu deinem Blog geht nicht.
-
Dein Screenshot oben sieht aber ganz anders aus, ich sehe gar keinen Blogtitel.
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!