Setzen von Links um das Setzen von CSS-Klassen erweitern

    Hallo,

    jemand eine Idee wie ich folgendes umsetzen kann (Plugin-Vorschläge ebenfalls erwünscht). Beim Verfassen von Beiträgen soll das Setzen von Links um folgende Funktion erweitert werden:

    1. Der Autor markiert sein zu verlinkendes Wort und klickt auf die kleine Büroklammer zum setzen von einem Link.
    2. In dem sich öffnenden Menü findet der Autor einen Bereich namens "Linktyp". Dort kann er sein Häckchen bei einem vom Admin definierten Linktyp setzen.


    Beispiel um meine Idee zur verdeutlichen:

    • Ich habe drei Typen definiert: "Amazon", "Wikipedia", "Ebay". Ich habe einen Link zu Amazon, setze das Häckchen bei Amazon und der Link wird um die CSS-Klasse "amazon-link" ergänzt (verlinkter Text wird dann zum Beispiel in rot dargestellt).
    • Ich habe einen Link zu Wikipedia, setze das Häckchen bei Wikipedia und der Link wird um die CSS-Klasse "wikipedia-link" ergänzt (verlinkter Text wird dann zum Beispiel in blau dargestellt).


    Ich denke meine Idee ist klar, wobei ich mir nicht sicher bin ob ich's gut genug beschrieben habe. Wenn nicht, dann bitte fragen. Mir helfen auch Anregungen für erste Schritte um mich dann selbst reinzufuchsen. Bin über jeden Vorschlag dankbar. LG

    • 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

    Hallo
    Ich kann dir da nicht direkt helfen, aber ich hätte da etwas Lektüre für dich:
    http://codex.wordpress.org/TinyMCE
    http://codex.wordpress.org/TinyMCE_Custom_Buttons
    http://codex.wordpress.org/TinyMCE_Custom_Styles
    http://tino.cc/2014/04/25/tin…s-3-9-anpassen/
    http://www.wpexplorer.com/wordpress-tinymce-tweaks/

    Ich würde nicht den bestehenden Linkbutton anpassen, sondern diesen ausblenden und mittels einen kleinen PlugIns einen eigenen Link-Button hinzufügen. Das ist einfacher und Updatesicherer.

    LG, pixselig

    Danke für die Links, da werde ich mich rein lesen. Das Thema "Update-Sicherheit" ist sicherlich ein wichtiger Aspekt, an den ich bisher nicht gedacht habe. Angenommen man schreibt dafür ein Plugin, was ich sehr spannend finden würde mich in das Thema einzuarbeiten, wie hoch schätzt du den zeitlich Aufwand. Ich weiß schon, das ist natürlich stark abhängig von meinen Kompetenzen, daher zur besseren Einschätzung ausgehend von einem Freelancer-PHP-Programmierer mit Erfahrungen in der Wordpress-Plugin-Entwicklung. Würde das dann nämlich in Auftrag geben und möchte nicht "abgezockt" werden :p

    Möchtest du nur die CSS-Klasse abhängig vom href-Attribut vergeben? Dann reicht es nämlich schon, entsprechende CSS-Selektoren anzulegen.

    Freelance Webdeveloper. Wordpress User.

    Stimme Tapulator zu, wenn es nur ums Aussehen geht würde ich das auch mit einen CSS-Attribute-Selektor machen. Der könnte dann wie folgt aussehen:

    PHP
    <style>
a[href*="amazon.com"] { color: red }
</style>
    Zitat von Carlimero

    erlaubt mir bitte noch diese Frage: Ist der von euch genannte Selektor W3C-Standard?


    Na gut. Ja, dieser Selektor ist W3C-Standard.

    Zitat von Carlimero

    Lassen sich die Attribut-Selektoren kombinieren, quasi a la IF "href=domain.de" AND "rel=nofollow" THEN "Mach den Link rot"?


    Jepp, das wäre für dein Beispiel dieser Selektor:

    Code
    a[href*="domain.de"][rel="nofollow"]

    Freelance Webdeveloper. Wordpress User.

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden