Nu gebruik ik de volgende code in de post.php
<a href="<?php the_permalink() ?>"><h1><?php the_title(); ?></h1></a> <?php edit_post_link('Edit', '<span class="editpost">', '</span>'); ?>
Nu staat de titel netjes tussen de H1 tags. Alleen nu krijg ik een validatie fout 🙁 Hoe deze op te lossen ?
The W3C error;
element “H1” undefined
Er was niets mis met de standaard WP post code.
Er zit alleen een (is home) code in.
Dit wil zeggen als je blog op de homepage staat dan krijgt je blog post een heading 2 (h2)
Omdat de WP titel in de header dan al een heading 1 heeft.
Heb je een static homepage dus dat je blog niet op de homepage te zien is. example.com/blog bijv. dan krijgt je blog post een heading 1.
Ja dat klopt, maar wat wil het toeval deze heb ik er juist tussen uit gehaald, aangezien ik ik geen tekst toon daar, maar afbeelding.
Wat ik eigenlijk wil is van de vijf artikelen die ik toon op de Frontpage. Dat de eerste een H1 krijgt en de overige vier een H2 (en dan alleen artikelnaam en niet de gehele code)
Zie nu H1 tags staan op plekken waar ze niet horen. Deel er snel uit kunnen halen. overige deel moet ik nog eens gaan bekijken wat te doen en hoe dit te doen.
onderstaande code. gaat het trouwens hier mis
<a href="<?php the_permalink() ; ?>"><h1><?php the_title(); ?></h1></a> <?php edit_post_link('Edit', '<span class="editpost">', '</span>'); ?>
<h1> <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h1> <?php edit_post_link('Edit', '<span class="editpost">', '</span>'); ?>
Miste een ; bij de permalink en H1 tags verplaatsen leverde al validatie fout minder op, echter nu word de permalink ook meegenomen in de h1.
Begrijp niet goed wat de h1 tags bij de onderstaande HTML output van toegevoegde waarde heeft ? Hoop dat iemand dit kan vertellen en kan aangeven waar deze gedefinieerd word binnen de PHP template files ?
<h1 style="text-align: center;"><span style="color: #888888; font-size: small;"><span style="font-size: 13px;"> </span></span></h1>
En waar kan ik de Code vinden voor de onderstaande HTML output ?
<h1 style="text-align: center;"><span style="color: #888888; font-size: small;"><span style="font-size: 13px;"> </span></span></h1>
</div>
</div>
<h1><span style="color: #ffffff;"> </span></h1></div><div id="post-2793" class="post-2793 post type-post status-publish format-standard hentry category-fotografie tag-17-55 tag-camera tag-cameranu tag-canon tag-ervaring tag-service">
<div class="entry_header">
<p class="entry-date">aug 11<br /><span class="date">13</span></p>
<div class="recover"></div>
</div>
<div class='customhtml'><h1 style="text-align: center;"><span style="color: #888888; font-size: x-small;">
</span></h1></div><div id="post-2924" class="post-2924 post type-post status-publish format-standard hentry category-apple tag-10-7-1 tag-apple tag-lion tag-os-x tag-update">
<div class="entry_header">
<p class="entry-date">aug 11<span class="date">17</span></p>
Al vast heel erg bedankt voor je hulp 😉
Ik denk dat dit uit de loop.php komt.
Maar dit is niet standaard WordPress.
Ik denk dat jij een thema aan het gebruiken bent dat Pietje of Jantje gemaakt heeft, want WordPress gebruikt geen in-line styles.
Met de code uit de topicstart is nix mis. De h1 op de homepage is niet bedoeld voor je bovenste artikel. Op de homepage hoort de blognaam in de h1 te staan. Op de plek van de h1 kun je best een afbeelding tonen, maar dan nog moet de tekstuele topictitel in de h1 staan. Als je met SEO bezig bent, weet je dat je beter geen tekst vervangt voor plaatjes.
De oplossing is de tekst in de h1 uit het zicht te plaatsen met CSS en de afbeelding met CSS als background van de h1 te zetten.
Een a-element kan geen h1 bevatten, daarom geeft de validator een fout. Zoals gezegd staat de oorspronkelijke code goed: een a binnen de h1.
