Anfängerfrage: wie formatiere ich Text und Bilder? Übers HTML-Fenster oder CSS?

  • Hallo!

    ich hab hier schon einiges an Tipps gefunden zum mod_rewrite, der .htacces und nützlichen Infos für die Plugins. Trotzdem ist mir noch immer nicht klar: wie formatiere ich Bilder und Texte in den Beiträgen?

    Wenn ich Beiträge schreibe, dann kann ich das ja direkt im Wordpress unter "Beitrag schreiben". Alternativ kann ich das auch in diesem kleinen Fenster, das sich nach einem Klick auf "html" öffnet.

    Da ich nicht so fit bin im html / css-schreiben (kanns zwar lesen, beim schreiben allerdings noch Anfänger), würde mich interessieren, wie die Profis hier das mit der Formatierung machen.

    Ist es sinnvoll, den Text+Bilder vorher im Dreamweaver zu formatieren/positionieren und das ganze dann ins HTML-Fenster von WP reinzukopieren?

    Oder gibts dafür Plugins (z. B. Bild rechts ausrichten mit Rahmen drumherum, Text links fließend etc.)? Gehts vielleicht auch über ein Beitrags-Stylesheet - wenn ja, wo finde ich das oder wo muss ich das einbauen, damit ich in den einzelnen Beiträgen darauf verweisen kann.

    Hoffe die Frage ist nicht zu dämlich für eine kurze Antwort. Irgendwie steh ich auf der Leitung, bin hier auch noch nicht fündig geworden dazu und kann mir nicht vorstellen, dass jeder Beitrag als HTML geschrieben werden muss, damit er gut aussieht.

    Grüsse,
    Stephan


    • Anzeige

    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

  • Da ich nicht so fit bin im html / css-schreiben (kanns zwar lesen, beim schreiben allerdings noch Anfänger), würde mich interessieren, wie die Profis hier das mit der Formatierung machen.


    Pur mit HTML. Den WYSIWYG-Editor habe ich deaktiviert.
    Produziert schließlich potientiell vermurksten oder aufgebauschten Code und ich habe gerne die volle Kontrolle.

    Zitat

    Ist es sinnvoll, den Text+Bilder vorher im Dreamweaver zu formatieren/positionieren und das ganze dann ins HTML-Fenster von WP reinzukopieren?


    Nur bedingt, Dreamweaver kann genauso mülligen Code machen, da er auch auf WYSIWYG basiert. Aber immerhin nicht so schlimm, als wenn man z.B. mit Word Texte schreibt und die dann per Copy&Paste einfügt.

    "Eine gut gestellte Frage ist schon halb beantwortet."

  • Danke für die schnelle Antwort!

    Den Artikel übers WYSIWYG-Deaktivieren hab ich eben gelesen - und werde das dann mal machen.

    Wie siehts aus, wenn ich die meisten meiner Beiträge ähnlich formatieren mag -- also eben Bild rechts, mit Rand, Text links fließend und unten noch zwei Links dazu. Kann ich dazu dann ein einheitliches Stylesheet schreiben und wo müsste ich das in WP reinlegen. Also gibts da ein Standardverzeichnis für sowas oder ist das unabhängig vom WP einfach übers HTML verlinkbar ... wie auf normalen Webseiten auch?

    Gruss,
    Stephan


  • Wenn du irgendwelche Styles festlegen willst, kannst du das einfach in die style.css (Ordner /wp-content/themes/theme_name/) von deinem Theme notieren.
    So könntest du eine Klasse für Bilder festlegen, die links vom Text floatet, einen Abstand lässt und einen schwarzen Rahmen hat.
    So z.B.

    HTML
    img.left {
        border:#000000 1px solid;
        float:left;
        margin:10px 10px 10px 0px;
    }


    Und dann kannst du das für das Bild jeweils durch class="left" aufrufen, also so z.B.

    HTML
    <img src="blalla.jpg" class="left">


    Analog geht das auch mit Absätzen (<p> ... </p>) und anderen Dingen.

    "Eine gut gestellte Frage ist schon halb beantwortet."

  • Dank Dir!

    Genau das wollte ich wissen. Also gibts kein zentrales Beitrags-Stylesheet, sondern die Styles sind immer Theme-abhängig. Das sollte ich hinbekommen und ins CSS einbauen können.

    Vielen Dank!
    Stephan


  • Du kannst trotzdem eine neue Style-Datei (extra für Beiträge) erstellen und in der header.php deines Themes den Verweis dazu, analog zur style.css, einbauen.

    "Eine gut gestellte Frage ist schon halb beantwortet."

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!