Snelle tip auteur commentaar Styling in WordPress

Een veel gebruikte functie in WordPress-blogs is de mogelijkheid om opmerkingen van de auteur van het bericht anders te stijlen dan die van anderen - zodat antwoorden beter uitkomen. Hier zullen we de standaard WordPress bewerken om een ​​aantal subtiele stijlen toe te voegen aan auteurscommentaren.

Stap 1 - Als Command

Open de comments.php bestand in de themamap van Default: \ wp-content \ themes \ default. Direct onder de lijn:

Er bestaat:

  • id = "comment-">
  • Bewerk dit om te zeggen:

  • Op de tweede regel hebben we een 'Als'-verklaring opgenomen, die in het Engels zegt:' Als het e-mailadres van de auteur van het bericht overeenkomt met dat van de auteur van het bericht (wat betekent dat het dezelfde persoon is), voeg dan de tekst 'author_comment' in.

    Merk ook op dat we een klasse op de eerste regel hebben geopend. Dit komt omdat het thema dit standaard automatisch doet voor de variabele '$ oddcomment'. We zullen dit nu oplossen.

    Stap 2 - De $ oddcomment bevestigen

    Als we onze code achterlaten zoals die is, zouden bij elke 'vreemde' opmerking de klassen in de war raken. Als u dit probleem wilt oplossen, zoekt u naar de bovenkant van het bestand (meestal regel 17):

    $ oddcomment = 'class = "alt"';

    Bewerk dit naar:

    $ oddcomment = 'alt';

    Kijk vervolgens verder op de pagina (meestal regel 48) naar:

    $ oddcomment = (leeg ($ oddcomment))? 'class = "alt"': ";

    Bewerken naar:

    $ oddcomment = (leeg ($ oddcomment))? 'alt': ";

    Van de afgelopen twee bewerkingen hebben we eenvoudig de. Verwijderd class = "" tekst om eventuele conflicten met vreemde opmerkingen te stoppen.

    Stap 3 - Style It!

    Open style.css in de themamap. Voeg onderaan de regels toe:

    ol.commentlist .author_comment border-bottom: 1px solid # 0066CC; border-top: 1px solid # 0066CC; 

    Hiermee worden de randkleuren op auteurscommentaren gewijzigd (merk op dat we de klasse author_comment bewerken) naar een lichtblauwe kleur. Je kunt dit desgewenst bewerken, maar we gaan gewoon voor een heel subtiele aanpak.

    Dat is het!