Wie versteht man das Wordpress CSS?

machiavel

Ich bin leider sehr neu in CSS und kämpfe und kämpfe mit den einfachsten Problemen.

Z.B. weis ich nicht, wie ich die postmetadata beeinflusse / ändere. Gibt es irgendwo eine Seite die das "standard" CSS von WP für beginner ein wenig entschlüsselt?

Beste Grüße,
Machiavel

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

Monika

Zitat von machiavel

Ich bin leider sehr neu in CSS und kämpfe und kämpfe mit den einfachsten Problemen.
Z.B. weis ich nicht, wie ich die postmetadata beeinflusse / ändere. Gibt es irgendwo eine Seite die das "standard" CSS von WP für beginner ein wenig entschlüsselt?
Beste Grüße,
Machiavel

hi es gibt kein Standard CSS für WordPress

CSS ist die Abkürzung für Cascading Style Sheets und dies ist eine für einfach alle geltende Auszeichnungssprache,

suche im Internet nach CSS, CSS Tutorials,

hier kann man keine CSS Hilfe für absolute Anfänger geben, weil dies einfach den Rahmen des Forums sprengt

lg

machiavel

Gut, frage ich etwas konkreter:

Der Quellcode im Browser zeigt mir folgendes an

HTML

<p class="postmetadata">
 Kategorie <a href="http://berlinerwaende.de/wordpress/category/kunstler/" title="Alle Artikel in Künstler ansehen" rel="category tag">Künstler</a>,  
<a href="http://berlinerwaende.de/wordpress/category/schauspieler/" title="Alle Artikel in Schauspieler ansehen" rel="category tag">Schauspieler</a>,  
<a href="http://berlinerwaende.de/wordpress/category/tv/" title="Alle Artikel in TV ansehen" rel="category tag">TV</a>,  <a href="http://berlinerwaende.de/wordpress/category/theater/" title="Alle Artikel in Theater ansehen" rel="category tag">Theater</a> 
<strong>|</strong> <span>Comments Off</span> <strong>|</strong> 
<a href="http://berlinerwaende.de/wordpress/wp-admin/post.php?action=edit&post=63" title="Artikel bearbeiten">Bearbeiten</a> 
</p>

In der CSS Datei steht dieser Eintrag:

.postmetadata {
font-size:18px;
border:1px solid #00f;
vertical-align:bottom;
}

Und im PHP Code der Seite steht folgendes:

PHP

<p class="postmetadata">
<?php the_tags('Tags: ', ', ', '<br />'); ?> Kategorie <?php the_category(', ') ?> <strong>|</strong> <?php comments_popup_link('0 Kommentare »', '1 Kommentar »', '% Kommentare »'); ?> <?php edit_post_link('Bearbeiten','<strong>|</strong> ',''); ?> 
            </p>

und ausgegeben wird das, was ich anhand eines Bildes angehangen habe.

Ich möchte es echt nur schaffen, dass die ausgelesenen Daten nicht untereinander sondern nebeneinander stehen und ich bekomme is patu nicht auf die Reihe.

Vielen Dank für die Hilfe!

Alphawolf

Das ist dann kein CSS, sondern PHP, das in HTML gewandelt wird.

Also:

PHP

<?php the_tags('Tags: ', ', ', '<br />'); ?>

ändern in

PHP

<?php the_tags('Tags: ', ', ', ''); ?>

Das '<br />' bewirkte, dass nach jedem Tag (nein, nicht die Theatergruppe am Goethe-Gymnasium Schwerin) ein Zeilenumbruch kommt.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Wie versteht man das Wordpress CSS?

Jetzt mitmachen!