H1 und H2 tag tauschen... wie genau?

chris1

Hallo Marcus und Maxe,
wüsste nicht, wie ich das ohne Euch geschafft hätte. Nochmal vielen Dank.

Hab noch zwei Kleinigkeiten:
1. Wenn ich jetzt H5 und H6 hinzufügen will, kann ich die einfach irgendwie mit ähnlicher Syntax wie H2 einfach unter H2 setzen?

2. Auf meiner Startseite sind drei Spalten. Die Post-Spalte ist im Gegensatz zu den beiden Sidebars um ca. 1-2 Pixel nach unten verschoben.
Wie bekomme ich die alle auf dieselbe Höhe?

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

Zitat von chris1

1. Wenn ich jetzt H5 und H6 hinzufügen will, kann ich die einfach irgendwie mit ähnlicher Syntax wie H2 einfach unter H2 setzen?

Ja natürlich. Sieht dann im Prinzip genauso aus. Nur eben h5 statt h2.

Zitat

2. Auf meiner Startseite sind drei Spalten. Die Post-Spalte ist im Gegensatz zu den beiden Sidebars um ca. 1-2 Pixel nach unten verschoben.
Wie bekomme ich die alle auf dieselbe Höhe?

Code

/* style.css (line 217) */
#left-col {
float:left;
margin-top:[COLOR="Red"]10px[/COLOR];
width:545px;
}

chris1

Hallo Marcus,
vielen vielen Dank. Jetzt funktioniert es.

bgeissler

Wenn du jetzt alles eingerichtet hast, die Nummerierung h1 bis h6 hat einen Hintergrund und sollte so eingehalten werden:

Code

<h1>Überschrift 1. Ordnung</h1> 
<h2>Überschrift 2. Ordnung</h2> 
<h3>Überschrift 3. Ordnung</h3> 
<h4>Überschrift 4. Ordnung</h4> 
<h5>Überschrift 5. Ordnung</h5> 
<h6>Überschrift 6. Ordnung</h6>

SELFHTML: HTML/XHTML / Elemente zur Textstrukturierung / Überschriften

Das hilft unter anderem auch für etwas mehr Barrierefreiheit im Netz.

chris1

Hallo BGeissler,
vielen Dank für den Hinweis und den Link. Ich werde versuchen es sukzessive zu realisieren.

chris1

Hallo,
erstmal vielen Dank für die Hilfe bisher.

Aufgrund der letzten Antwort von BGeissler gehe ich noch einmal ins Detail.

Er hat mich darauf hingewiesen, dass wenn H3 über H1 steht. Das ist suboptimal.

Also... was muss ich tun damit die Formatierung für den Blogtitel (C-SALSA.COM) so bleibt und ich trotzdem die H3 Formatierung entfernen kann.

1. Ich entferne H3... klar ... und ersetze es durch etwas anderes... was genau?
2. Dann muss ich wahrscheinlich irgendwas in der style.css hinzufügen... was und wo genau?

Also momentan sieht der Code-Abschnitt in der header.php so aus:

PHP

<div id="header">
      <h3><a href="<?php echo get_settings('home'); ?>"><?php bloginfo('name'); ?></a></h3>
      <div class="description"><?php bloginfo('description'); ?></div>
      <?php include (TEMPLATEPATH . '/searchform.php'); ?>
    </div><!-- /header -->

chris1

muss das hier nochmal hochschieben... komme nicht weiter.

bgeissler

Neuer Abschnitt in der style.css

Zitat

#titel a{
position: absolute;
top: 40px;
left: 25px;
color: #c0c0c0;
font: normal 30px/100% "Trebuchet MS", Arial, sans-serif;
text-decoration:none;
}

Alles anzeigen

im Code ersetzt du h3 durch:

Zitat

<div id="header">
[COLOR=Red]<div id="titel">[/COLOR]<a href="<?php echo get_settings('home'); ?>"><?php bloginfo('name'); ?></a>[COLOR=Red]</div>[/COLOR]

chris1

Hallo,
Vielen Dank für die Hilfe.
Das hab ich schon so wie hier dargestellt in der style.css.

Soll ich da noch überall wo h3 steht h3 löschen und fertig?

Code

#header {
	height: 120px;
}
h3 {
	position: absolute;
	top: 40px;
	left: 25px;
/*Schriftfarbe Seitentitel*/
	color: #c0c0c0;
	margin: 0px;
	padding: 0px;
	font: normal 30px/100% "Trebuchet MS", Arial, sans-serif;
}
h3 a, h3 a:visited {
	color: #c0c0c0;
	text-decoration: none;
}
h3 a:hover {
	color: #ff8080;
	text-decoration: none;
}

Alles anzeigen

bgeissler

Kopiere das neue so wie ich oben beschrieben habe.
Dann kannst du mit h3 machen was du willst, du benutzt ja h3 nicht.
Ich würde aber lediglich das aus h3 löschen:

Zitat

position: absolute;
top: 40px;
left: 25px;

Vielleicht willst du ja h3 mal als untergeordnete Überschrift verwenden, dann musst du die Angaben nur anpassen.

chris1

Hallo BGeissler,

vielen Dank für Deine Hilfe. Habs genau so gemacht und es funktioniert jetzt.

Bichareh

Hallo,

ich hab auch ein Problem mit dem Thema. Und zwar habe ich auf der Startseite den Blogtitel mit <h1> ausgezeichnet. In der Einzelbeitrags-Ansicht will ich aber den Titel des Blogs mit <h4> auszeichnen und den <h1> nur für den Beitragstitel verwedenden.

Wie schaffe ich es denn den Header-Tag für die Beitragsansicht zu verändern unabhängig von der header-Auszeichnung auf der Startseite?

Klingt kompliziert meine Frage, hoffentlich versteht jemand was ich meine xD

maxe

dann müsstest du mit conditional-Tags arbeiten: Conditional Tags WordPress Codex

PHP

<?php if (is_single()) { ?>
<h4>...</h4>
<?php } else { ?>
<h1>...</h1>
<?php } ?>

geht natürlich auch anders rum mit if is_front_page().

Willkommen! Melden Sie sich an oder registrieren Sie sich.

H1 und H2 tag tauschen... wie genau?

Jetzt mitmachen!