Anfänger: Beitrag statt Blogname in Überschrift

prokik

Hallo,

ich bin ein absoluter Anfänger bezüglich CSS und Design. Ich würde dich um deinen Rat bitten.

Ich möchte bei meinem Blog ganz oben im Headerbereich folgende Änderung:

- statt Blogname den Namen des jeweiligen Beitrages (wie funktioniert das allerdings, wenn der User die Startseite direkt besucht?)

In welchen Dateien (header.php, ....) muss ich was und wie umstellen?

Wahrscheinlich ist das Ganze gar nicht so schwer. Zumindest, wenn man sich auskennt... :oops:

Danke für deinen Rat!

Lg
Prokik

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

marX

Du musst dazu bereits im Header einen Loop eröffnen. Die Conditional Tags helfen dir dabei. In deiner header.php gibt
<h1><?php bloginfo('name') ?></h1>
den Titel aus. Dies könntest du wie folgt ändern:

PHP

<?php if ( is_single() ) : ?>
  <h1>
    <?php if (have_posts()) { the_post(); } ?>
    <?php the_title() ?>
  </h1>
<?php else : ?>
  // Standardcode
<?php endif; ?>

So wird auf der Startseite immer der normale Blogtitel angezeigt, und auf einzelnen Artikeln immer der Artikeltitel.

Zusätzlich musst du in der single.php direkt nach get_header() noch folgenden Code einfügen:

PHP

rewind_posts();

(vor dem nächsten "?>").

Wenn du Probleme beim Einbau hast, dann poste bitte die beiden genannten Template-Dateien. ;-)

prokik

Zitat von marX

Wenn du Probleme beim Einbau hast, dann poste bitte die beiden genannten Template-Dateien. ;-)

Hallo marX,

du bist ein echter Profi. Danke für deine schnelle Hilfe. Ich werde dir die beiden Dateien posten, da da noch ein anderer Code dabeisteht. Sonst verbocke ich es noch... :-?

Danke
Prokik

prokik

Hallo marX,

hier die beiden Dateien:

hier die single php:

PHP

<?php get_header(); ?>
<?php adsense_deluxe_ads('header'); ?>
<?php if (function_exists('ls_getinfo')) : ?>
  <?php if (ls_getinfo('isref')) { ?>
   <div class="landingsites">
    <h2>Deine Suche nach: <?php ls_getinfo('terms'); ?></h2>
    <p>Du kommst von <?php ls_getinfo('referrer'); ?> und suchst nach <em><?php ls_getinfo('terms'); ?></em>.<br> Folgende Beitr&auml;ge k&ouml;nnten von Interesse f&uuml;r dich sein:</p>
    <ul>
    <?php STP_RelatedPosts() ?>
    </ul>
   </div>
  <?php } ?>
 <?php endif; ?>
  <div id="content">
 
  <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
 
    <div class="post" id="post-<?php the_ID(); ?>">
   <div class="post-date"><span class="post-month"><?php the_time('M') ?></span> <span class="post-day"><?php the_time('d') ?></span></div>
   <div class="post-title">
   <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>
  <span class="post-cat"><?php the_category(', ') ?></span> <?php if(function_exists('wp_print')) { print_link(); } ?> <?php if(function_exists('wp_email')) { email_link(); } ?> <span class="mini-add-comment"><a href="#respond">Meinung/Erfahrung schreiben</a></span> 
   </div>
   <div class="entry">
  <?php the_content('Weiterlesen &raquo;'); ?>
  <?php link_pages('<p><strong>Seiten:</strong> ', '</p>', 'number'); ?> 
 
<br><?php if(function_exists('wp_email')) { email_link(); } ?> <br><br><br>
 
  <?php edit_post_link('EDIT', '', ''); ?>
   </div>  
  <?php comments_template(); ?>
 
   <?php endwhile; else: ?>
  <p>Nichts gefunden.</p>
<?php endif; ?>
<?php if(function_exists('the_ratings')) { the_ratings(); } ?>   
 
 </div><!--/post --> 
  </div><!--/content -->
<?php get_sidebar(); ?>
 
<?php get_footer(); ?>

Alles anzeigen

und hier die header php:

PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php if (function_exists('seo_title_tag')) { seo_title_tag(); } else { bloginfo('name'); wp_title();} ?></title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="all" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/print.css" type="text/css" media="print" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_head(); ?>
</head>
<body>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-1106970-7");
pageTracker._trackPageview();
</script>
<div id="page">
  <div id="header">
    <div id="headerimg">
   <h1><a href="<?php echo get_settings('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
   <div class="description"><?php bloginfo('description'); ?></div>
 </div>
<ul id="nav">
   <li class="page_item"><a href="<?php echo get_settings('home'); ?>/" title="Home">Home</a></li>
   <?php wp_list_pages('sort_column=menu_order&depth=1&title_li=');?>
 </ul>
  </div>
  <!--/header -->

Alles anzeigen

Danke für deine Hilfe!

Lg
Prokik

marX

Ich habs mir nochmal überlegt. Vielleicht doch besser alles in die header.php. ;-) Änderungen sind farbig hervorgehoben:

PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php if (function_exists('seo_title_tag')) { seo_title_tag(); } else { bloginfo('name'); wp_title();} ?></title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="all" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/print.css" type="text/css" media="print" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_head(); ?>
</head>
<body>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-1106970-7");
pageTracker._trackPageview();
</script>
<div id="page">
  <div id="header">
    <div id="headerimg">
   [COLOR="Red"][del]<h1><a href="<?php echo get_settings('home'); ?>/"><?php bloginfo('name'); ?></a></h1>[/del][/COLOR]
[COLOR="Blue"]   <h1>
     <?php if ( is_single() ) : ?> 
        <?php if (have_posts()) { the_post(); } ?> 
        <?php the_title() ?> 
        <?php rewind_posts(); ?>
     <?php else : ?> 
        <a href="<?php echo get_settings('home'); ?>/"><?php bloginfo('name'); ?></a>
     <?php endif; ?>
    </h1>[/COLOR]
   <div class="description"><?php bloginfo('description'); ?></div>
 </div>
<ul id="nav">
   <li class="page_item"><a href="<?php echo get_settings('home'); ?>/" title="Home">Home</a></li>
   <?php wp_list_pages('sort_column=menu_order&depth=1&title_li=');?>
 </ul>
  </div>
  <!--/header -->

Alles anzeigen

So, schau mal ob das so funktioniert.

prokik

Wären diese Änderungen noch möglich?

Klappt!

Folgende Änderungen wären aber noch prima:

- Wenn man auf die neue H1 Überschrift (Beitragstitel) klickt sollte man direkt auf die Startseite kommen

- wie kann ich es anstellen, dass der Untertitel nicht überschrieben wird wie das hier passiert ist?

Du hast mir sehr geholfen, danke dir dafür! :-D

Lg
Prokik

marX

Zitat von prokik

Wenn man auf die neue H1 Überschrift (Beitragstitel) klickt sollte man direkt auf die Startseite kommen

Einfach den Link wieder einfügen:

PHP

<?php if ( is_single() ) : ?> 
        <?php if (have_posts()) { the_post(); } ?> 
        [COLOR="Red"]<a href="<?php echo get_settings('home'); ?>/">[/COLOR]<?php the_title() ?>[COLOR="#ff0000"]</a>[/COLOR] 
        <?php rewind_posts(); ?>

Zitat

wie kann ich es anstellen, dass der Untertitel nicht überschrieben wird wie das hier passiert ist?

Was soll stattdessen passieren? Kein Untertitel? Haupttitel nur einzeilig, Rest abschneiden? Header vergrößern? Kleinere Schrift im Haupttitel?

prokik

Mir ist noch was aufgefallen bei den statischen Seiten wie z.B. dieser:

- Die Seitenüberschrift ist in so einem hellblauen Ton auf einmal.

- Wäre es möglich, dass auch bei den statischen Seiten die H1 Überschrift die Seitentitelüberschrift ist? (also nicht der Blogname)

Das wäre spitze.... :-)

prokik

Zitat von marX

Was soll stattdessen passieren? Kein Untertitel? Haupttitel nur einzeilig, Rest abschneiden? Header vergrößern? Kleinere Schrift im Haupttitel?

Gute und berechtigte Frage :-?

In dem Fall wäre es am Schönsten, wenn der Untertitel verschwinden würde, wenn das möglich ist. Oder was sagst du aus deiner Erfahrung? :confused:

Lg
Prokik

marX

Zitat von prokik

Gute und berechtigte Frage :-?

:-)

Zitat

In dem Fall wäre es am Schönsten, wenn der Untertitel verschwinden würde, wenn das möglich ist.

Ich würde den Untertitel auf Unterseiten generell ausblenden, eine Überprüfung der Länge ist kaum machbar:

HTML

<div id="header">
    <div id="headerimg">
     <?php if ( is_single() ) : ?> 
        <?php if (have_posts()) { the_post(); } ?> 
        <h1>
           <a href="<?php echo get_settings('home'); ?>/">
             <?php the_title() ?>
           </a>
         </h1>
        <?php rewind_posts(); ?>
     <?php else : ?> 
        <h1>
           <a href="<?php echo get_settings('home'); ?>/">
              <?php bloginfo('name'); ?>
           </a>
        </h1>
        <div class="description"><?php bloginfo('description'); ?></div>
    <?php endif; ?>
   </div>

Alles anzeigen

Unterschiede erkannt?

prokik

Zitat von marX

Unterschiede erkannt?

Ja. Klappt nun. Danke dir!

Könntest du mir noch helfen wegen meinen Wünschen bezüglich der statischen Seiten:

[size=8]Mir ist noch was aufgefallen bei den statischen Seiten wie z.B. [/SIZE][size=8]dieser[/SIZE][size=8]:[/SIZE]

[size=8]- Die Seitenüberschrift ist in so einem hellblauen Ton auf einmal.[/SIZE]

[size=8]- Wäre es möglich, dass auch bei den statischen Seiten die H1 Überschrift die Seitentitelüberschrift ist? (also nicht der Blogname)[/SIZE]

[size=8]Das wäre spitze.... :smile:[/SIZE]

Vielen, vielen Dank :oops:

Prokik

marX

Zitat von prokik

Die Seitenüberschrift ist in so einem hellblauen Ton auf einmal.

Ändere in der page.php die Titelausgabe - dort wird derzeit <h1> verwendet (wie beim Headertitel). Ändere das zu <h2> (wie in der single.php).

Zitat

Wäre es möglich, dass auch bei den statischen Seiten die H1 Überschrift die Seitentitelüberschrift ist? (also nicht der Blogname)

Klar:

PHP

<?php if ( is_single() [COLOR="Red"]|| is_page()[/COLOR] ) : ?>

prokik

Zitat von marX

PHP

<?php if ( is_single() [COLOR=red]|| is_page()[/COLOR] ) : ?>

Danke für die Hilfe. Wo genau in der page.php muss ich diese Zeile einfügen?

Lg
Prokik

marX

Nee, selbe Stelle in der header.php. Einfach das rot markierte zur if-Bedingung hinzufügen (is_single() steht ja schon da). ;)

prokik

H1 Überschriften Beiträge und Seiten

Hallo Marx,

ich habe zum ersten Mal das Theme gewechselt. Das Design gefällt mir wirklich gut. Aber leider ist das mit den H1 wieder nicht drinnen. Kannst du mir nochmals helfen?

Ich hätte gerne den Beitrags bzw. Seiten Titel als H1 Überschrift im Beitrag bzw. auf der Seite.

Hier wäre die Datei header.php, die ich wahrscheinlich wieder ändern muss, aber wie?

PHP

<?php
// This file is part of the Carrington Blog Theme for WordPress
// http://carringtontheme.com
//
// Copyright (c) 2008-2009 Crowd Favorite, Ltd. All rights reserved.
// http://crowdfavorite.com
//
// Released under the GPL license
// http://www.opensource.org/licenses/gpl-license.php
//
// **********************************************************************
// This program is distributed in the hope that it will be useful, but
// WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. 
// **********************************************************************
if (__FILE__ == $_SERVER['SCRIPT_FILENAME']) { die(); }
if (CFCT_DEBUG) { cfct_banner(__FILE__); }
$blog_desc = get_bloginfo('description');
(is_home() && !empty($blog_desc)) ? $title_description = ' - '.$blog_desc : $title_description = '';
$use_background_img = cfct_get_option('cfct_css_background_images');
$use_background_img == 'no' ? $css_ext = '?type=noimg' : $css_ext = '';
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes() ?>>
<head profile="http://gmpg.org/xfn/11">
 <meta http-equiv="content-type" content="<?php bloginfo('html_type') ?>; charset=<?php bloginfo('charset') ?>" />
 <title><?php if (function_exists('seo_title_tag')) { seo_title_tag(); } else { bloginfo('name'); wp_title();} ?></title>
 
 <link rel="alternate" type="application/rss+xml" href="<?php bloginfo('rss2_url') ?>" title="<?php printf( __( '%s latest posts', 'carrington' ), wp_specialchars( get_bloginfo('name'), 1 ) ) ?>" />
 <link rel="alternate" type="application/rss+xml" href="<?php bloginfo('comments_rss2_url') ?>" title="<?php printf( __( '%s latest comments', 'carrington' ), wp_specialchars( get_bloginfo('name'), 1 ) ) ?>" />
 <link rel="pingback" href="<?php bloginfo('pingback_url') ?>" />
 <?php wp_get_archives('type=monthly&format=link'); ?>
 
 <link rel="stylesheet" type="text/css" media="screen" href="<?php bloginfo('template_url') ?>/css/css.php<?php echo $css_ext; ?>" />
 <!--[if lte IE 7]>
  <link rel="stylesheet" href="<?php bloginfo('template_directory') ?>/css/ie.css" type="text/css" media="screen" />
 <![endif]-->
 
 <!--[if lte IE 6]>
  <link rel="stylesheet" href="<?php bloginfo('template_directory') ?>/css/ie6.css" type="text/css" media="screen" />
  <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/DD_belatedPNG.js"></script>
  <script type="text/javascript">
   DD_belatedPNG.fix('img, <?php if ($use_background_img == 'yes') { echo '#header, #footer, #header .wrapper, #footer .wrapper, #TB_title, '; } ?>#developer-link a');
  </script>
 <![endif]-->
 
 <?php wp_head(); ?>
</head>
<body>
 <div id="page">
  <div id="top"><a class="accessibility" href="#content"><?php _e( 'Skip to content', 'carrington-blog' ); ?></a></div>
  <hr class="lofi" />
  <div id="header" class="section">
   <div class="wrapper">
    <strong id="blog-title"><a href="<?php bloginfo('url') ?>/" rel="home"><?php bloginfo('name') ?></a></strong>
    <p id="blog-description"><?php bloginfo('description'); ?></p>
    <div id="navigation">
     <ul class="nav clearfix">
      <?php wp_list_pages('title_li='); ?>
      <li class="secondary"><?php wp_loginout(); ?></li>
      <?php wp_register('<li class="secondary">', '</li>'); ?> 
     </ul>
    </div><!-- #navigation -->
   </div><!-- .wrapper -->
  </div><!-- #header -->
  <div id="sub-header" class="section">
   <div class="wrapper">
    <?php cfct_form('search'); ?>
    <div id="all-categories">
     <strong id="all-categories-title"><?php _e('Categories:', 'carrington-blog'); ?></strong>
     <ul class="nav clearfix">
      <?php wp_list_categories('title_li='); ?>
     </ul>
    </div><!-- #list-categories -->
   </div><!-- .wrapper -->
  </div><!--#sub-header-->
  <hr class="lofi" />
  <div id="main" class="section">
   <div class="wrapper">

Alles anzeigen

Bitte wieder um deine tolle Unterstützung!

Lg
Prokik

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Anfänger: Beitrag statt Blogname in Überschrift

Jetzt mitmachen!