OptiImage (Pluginidee)

    Guten Tag

    Vor einiger Zeit habe ich nach einer Möglichkeit gefragt, wie gepostete Bilder im Blog einen ausgewählten Rahmen erhalten. Dank marX habe ich dieses Möglichkeit erlangt. (siehe hier)

    Nun, da ich auch z.B. eine Bewertungsgrafik besitze und öfter mal ein Smiley benutze, erscheint logischerweise auch ein Rahmen um diese. (Anmerkung: Auch den Mini-MP3 Player welchen ich per Plugin in meinem Blog installiert habe besitzt Bilddateien die im Post umrahmt werden)

    Meine Idee ist es nun, dass man ein Plugin hierfür schreibt. Dabei sollte man z.B. wie beim WP-Youtube Plugin einen Code im zu erstellen Post einfügen (um Bild, z.B. so ). Dieses bewirkt dann, das ein ausgewählter Rahmen (zusätzliches Menü sollte enstehen und dort sollte man einige Funktionen zu diesem Plugin auswählen können).

    Da ich leider nicht genügend Kenntnisse in diesem Bereich besitze, wollte ich zunächst einmal anfragen, ob es einige Interessenten gibt und sich dadurch vielleicht eine fähige Person findet, welche dieses Plugin erstellt.


    Um Rückmeldung wäre ich euch sehr verbunden.


    MfG
    Beg, Steal or Borrow

    • Gerade eben
    • 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

    Dazu brauchst Du kein Plugin, das geht einfach mit CSS. Je nachdem wie viele verschiedene Arten Bilder Du hast, definierst Du den Rahmen entweder für alle und machst eine Klasse, für die der Rahmen nicht angezeigt wird (die dann eben den anderen Bildern zuweisen, bzw. Smileys haben vielleicht auch schon eine Klasse, die man im Stylesheet ansprechen kann). Oder eben andersherum: Eine CSS-Klasse für den Rahmen machen und allen Bildern, die umrahmt werden sollen, zuweisen. Ggf. auch nach Seitenbereichen trennen (z.B. nur Bilder in der Sidebar umrahmen oder so).

    In meinem Stylesheet sieht das z.B. so aus (damit blende ich den Rahmen für einige Bildarten wieder aus, im Zweifelsfall vergeben ich die Style-Klasse noborder an das Bild):

    img.noborder, p img.wp-smiley, img.feedicon {
    border: 0px solid #000000;
    }


    Und irre ich mich, oder gehört das nicht in dieses Unterforum?! (siehe hier)

    Zitat von Ammaletu


    In meinem Stylesheet sieht das z.B. so aus (damit blende ich den Rahmen für einige Bildarten wieder aus, im Zweifelsfall vergeben ich die Style-Klasse noborder an das Bild):

    img.noborder, p img.wp-smiley, img.feedicon {
    border: 0px solid #000000;
    }



    Nun, ich bin leider nicht so CSS versiert. Ich besitze Grafiken zur Bewertung von Alben. Diese Grafiken sind auf meinem Webspace und ich lade Sie per BB-Code vom WP-Editor in den gewünschten Beitrag. Da ich in meinem Blog extern eingefügte Bilder mit dem oben erwähnten Rahmen posten möchte, sieht es in meinem Stylesheet foldendermassen aus:

    PHP
    .entry img {
margin: 5px;
padding: 5px; 
border: 1px solid #D8CCCC;
}



    Wie schliesse ich nun meine Bewertungsgrafik aus? Hier der Link zu meiner Seite:
    Spadoinkle!


    Mfg
    Beg, Steal or Borrow

    Du hast es selber hingekriegt, oder? Sieht jedenfalls alles richtig aus auf Deiner Seite. "feedicon" und "noborder" sind im übrigen von mir selbst vergebene CSS-Klassen. Wenn Du sie nicht verwendest, brauchst Du sie auch nicht im Stylesheet anzugeben. *g* Schadet aber auch nicht.

    Die Bewertungsgrafik hat im Moment auch keinen Rahmen, soweit ich das sehe. Bei Bedarf könntest Du sie z.B. mit ".entry .post-ratings img" im Stylesheet ansprechen.

    Wo kommt die Grafik denn her? Fügst Du sie manuell in den Beitrag ein? Dann einfach dem Bild die Klasse "noborder" zuweisen ( class="noborder" im Quelltext ergänzen). Wenn sie von einem Plugin generiert wird, musst Du mal schauen, ob das Plugin da eine Klasse dranhängen kann. Im Moment tut es das nämlich nicht, d.h. das Bewertungsbild lässt sich im Stylesheet nicht von anderen Bildern unterscheiden.

    Zitat von Ammaletu

    Wo kommt die Grafik denn her? Fügst Du sie manuell in den Beitrag ein? Dann einfach dem Bild die Klasse "noborder" zuweisen ( class="noborder" im Quelltext ergänzen). Wenn sie von einem Plugin generiert wird, musst Du mal schauen, ob das Plugin da eine Klasse dranhängen kann. Im Moment tut es das nämlich nicht, d.h. das Bewertungsbild lässt sich im Stylesheet nicht von anderen Bildern unterscheiden.



    Ja, ich füge sie manuell ein. Könntest du das für mich ein bisschen Laien-konformer ausdrücken, wie ich die Klasse "noborder" der Bewertungsgrafik hinzufüge?

    Wäre wirklich zu gütig.

    Wenn Du den Image-Code einfügst (bzw. nach dem Senden des Uploads an den Editor, in der Code-Ansicht): einfach vor der schließenden Klammer des Image-Tags einfügen:
    class="noborder"

    Beispiel:
    <img src="http://www.spadoinkle.ch/6punkte.gif" class="noborder" />Die Definition hast Du ja schon im Stylesheet. Für alle bestehenden Postings müsstest Du das leider manuell ändern.

    Falls Du es richtig zukunftssicher haben willst, könntest Du aus "noborder" auch "noborder ratinggif" machen. Mit der zweiten Klasse "ratinggif" (nur als bBeispiel) könntest Du dann in Zukunft auch gezielt die Bewertungsbilder ansprechen (z.B. ausblenden, rechts statt links anzeigen etc.).

    Mehr Infos zu CSS-Klassen: SELFHTML: Stylesheets / CSS-Formate definieren / Zentrale Formate definieren



    Ok, ich werde das mal versuchen. Vielen Dank.

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden