WP Post Styling und CSS

  • Hi Leute,

    leider führen die normalen Formatvorlagen nicht zum gewünschten Ergebnis, da ich einen weißen Content-Bereich habe und z.B. gern etwas zartes Grau den Post hinterlegen würde und ggf. eine dünne Rahmenlinie, bei Luxusanwandlung auch noch mit Schatten. Weiß auf Weiß ergibt keine gute und vor allem differenzierte Darstellung!

    Mit dem o.g. PlugIn könnte ich je Beitrag in ein vorgesehenses Eingabefeld CSS-Code eintragen, der natürlich auf die hinterlegten Styles-Befehle einen Bezug herstellen muss, d.h. die richtigen IDs oder Classes ansprechen oder so.

    Kann mir jemand weiterhelfen ... und mir den Code verraten, der diese Minimalanforderung für die Standard-Vorlage modifiziert?

    Vielen Dank für Eure Hilfe und

    ciao for now,
    Mel

    • 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

  • Guten Abend,

    nochmal ergänzend will ich 2 Screenshots der Posts auf der HOME zeigen, wodurch dieser gestalterisch "unfeine" Standard deutlich wird.

    Außerdem enden die "Teaser" der Beiträge unterschiedlich lang, was ebenso fehl-designed wirkt!

    Kann mir jemand helfen, denn ich habe keine Ahnung, welche Codes ich ich in Relation zu den Standards setzen soll!?

    Danke, falls sich jemand freundlicherweise angesprochen fühlt,

    und schönen Abend,
    Mel

  • Wenn du einen Link zu deiner Website bereitstellst, ist es wesentlich wahrscheinlicher, dass sich jemand deines Problems annimmt. ;)

    BTW: Willst du nur bestimmte Posts mit dem o.g. Style versehen oder alle? Im letztgenannten Fall könntest du nämlich auf das Plugin verzichten und stattdessen den Style global ändern.

    Freelance Webdeveloper. Wordpress User.

  • Hallo Tapulator,

    danke für Deine Nachfrage.

    Na ja, die WebSite ist noch keine, jedoch chaotisch-lässig bereits mit normaler Domain erreichbar:
    http://bildzeuge.de

    Eigentlich könnte ich auch die vorhandenen Formatvorlagen abändern, wenn ich wüsste wie,
    denn z.B. "Galerie" und "Kurzmitteilung" sind mit der Füllfarbe nicht verwendbar, was natürlich bei Abänderung wohl sinnvolle Vorlage wäre.

    Wenn man einen Standard in weiß mit dünnem grauen Rahmen und einen z.B. in diesem Anmelde-Button-Grau (#535353) mit weißem dünnen Rand hätte, dann wäre es gelöst. Etwas margin und Padding, fertig!

    Über das WP Post Styling PlugIn kann ich natürlich auch Vorlagen anlegen, die ich unten dann wiederkehrend zur Wahl bekäme.
    Ich wäre froh, wenn mir in einem der möglichen beiden Wege WordPress-Nachhilfe gegeben werden könnte!

    Vielen Dank vorab und

    ciao for now,
    Mel

  • Wenn man einen Standard in weiß mit dünnem grauen Rahmen und einen z.B. in diesem Anmelde-Button-Grau (#535353) mit weißem dünnen Rand hätte, dann wäre es gelöst. Etwas margin und Padding, fertig!


    Okay, du willst also zwischen 2 Post-Styles wählen können. Dann macht ein Plugin wie WP Post Styling Sinn.

    Die erforderlichen CSS-Selektoren zusammenzutragen, ist schon etwas mühsam. Falls dir niemand diese Arbeit abnimmt, empfehle ich dir, einen Blick in die Entwicklertools der gebräuchlichen Browser zu werfen. Damit kriegst du durch etwas Herumgeklicke heraus, welche Selektoren für den CSS-Override erforderlich sind.

    Freelance Webdeveloper. Wordpress User.

  • Gut, dann versuche ich das mal mit dem Firefox, wo ich mir diesen Web Developer draufgesetzt habe.

    In welcher CSS wird das drinstecken? Gibt es da einen Standard für diese Themes oder macht das jeder wie er will?

    Ciao for now,
    Mel

  • In welcher CSS wird das drinstecken? Gibt es da einen Standard für diese Themes oder macht das jeder wie er will?


    Nee, es gibt keinen Standard dafür, wo die CSS-Files abgelegt werden. Ist aber auch kein Problem: Im Inspektor der Firefox-Entwicklertools findest du diese Information easy (siehe orange markierte Bereiche im Screenshot).

Jetzt mitmachen!

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