Das Putzlowitsch Test- und SEO-Blog

Bilder in der WordPress-Mediathek neu verknüpfen

Bilder und Artikel

Lädt man in WordPress Bilder direkt im Editor hoch, werden sie automatisch mit dem aktuell bearbeiteten Artikel bzw. der Seite verknüpft. Diese Bilder werden dann z.B. in der Worpdress-Galerie zu diesem Artikel angezeigt. Die Zuordnung eines Bildes zu einem Artikel ist normalerweise nicht änderbar. Auch wenn man ein Bild in einem oder mehreren anderen Artikeln verwendet bleibt die Eltern (Artikel) – Kind (Bild) – Beziehung bestehen.

Elternlose Bilder

Wird ein Bild in der Mediathek hochgeladen, ist es zunächst elternlos. In der Bilderliste steht dann in der Spalte „Verwendet in“ wie bei den Aprikosen nur „(Nirgendwo verwendet)“.

Wordpress-Mediathek: Funktionen für Bilder

Mit einem Klick auf „Verknüpfen“ kann man das Bild dann einem Artikel oder einer Seite zuweisen. Das Bild bekommt seine Eltern auch zugeteilt, wenn es erstmalig in einem Artikel oder einer Seite verwendet wird.

Bilder-Adoption

Manchmal kann es wünschenswert sein, ein Bild einem anderen Artikel zuzuordnen. Ein Weg ist, dieses direkt in der Datenbank zu erledigen. Dazu muß im Feld post_parent des Bildes die ID des gewünschten Artikels eintragen.

Einfacher ist es natürlich, wenn man die Zuweisung in der WordPress-Mediathek durchführen kann. Eine entsprechende Funtkion kann mit ein paar Zeilen PHP-Code nachgerüstet werden:

function plw123_add_attach( $actions, $post, $detached )
{
  if ( current_user_can( 'edit_post', $post->ID ) )
    $actions['attach'] = '<a href="#the-list" onclick="findPosts.open( \'media[]\',\''.$post->ID.'\' );return false;" class="hide-if-no-js">'.__( 'Attach' ).'</a>';
  return $actions;	
}
add_filter( 'media_row_actions', 'plw123_add_attach', 10, 3 );

Der PHP-Code kann z.B. in die Datei functions.php des Themes eingetragen werden.

Der Link „Verknüpfen“ wird dann für jedes Bild bei den Funktionen angezeigt, die beim Überfahren einer Mediathekzeile mit der Maus eingeblendet werden (Beispiel Kamera):

Wordpress-Mediathek: Funktion "Verknüpfen" bei jedem Bild

Die vorgestellte Lösung habe ich mit WordPress 3.2.x und 3.3.x getestet.

25 Kommentare »

Der Pinterest-Schutz ist schon eingebaut – bei meinen Seiten

Schutzbedürftig

Seit einiger Zeit gibt es für Webseitenbetreiber die Möglichkeit das Pinnen von Bildern bei Pinterest zu „verhindern“. Dazu steht in der Pinterest-Hilfe folgendes:

What if I don’t want images from my site to be pinned?
We have a small piece of code you can add to the head of any page on your site:

<meta name="pinterest" content="nopin" />

When a user tries to pin from your site, they will see this message:
„This site doesn’t allow pinning to Pinterest. Please contact the owner with any questions. Thanks for visiting!“

Über Sinn und Wirksamkeit eines Pinterest-Schutzes kann man geteilter Meinung sein. Ich sehe das auch nicht als Schutz an, sondern eher als eine einfache Zugangserschwerung für ahnungslose Nutzer. Verhindern kann man das Pinnen von Bildern damit nicht wirklich.

Kleinigkeiten

Eine weitere „Schutzmöglichkeit“ habe ich schon seit längerer Zeit unwissentlich in meinen Blogs eingebaut. Ich verwende normalerweise in meinen Blogartikeln relativ kleine Vorschaubilder, die dann auf das große Bild verlinken. Wenn ich nun einen Artikel bei Pinterest zum Pinnen eingebe, erhalte ich folgende Meldung:

Pinterest: No large images found

Aha, die Bilder sind für Pinterest also zu klein. Pinterest wertet auf der Seite nur sichtbar per img-Tag eingebunden Bilder aus, nicht aber Links auf Bilder. Meine Vorschaubilder haben auf der längeren Seite max. 160 Pixel (z.B. 160×120 oder 120×160), das ist demnach zu wenig. Wo bei Pinterest die Größen- oder besser Kleinengrenze liegt, weiß ich nicht.

Umwege

Da ich nun seit ein paar Tagen selbst bei Pinterest angemdeldet bin und das eine oder andere Bild dort pinnen will, muß ich immer einen Umweg machen.

Ich gebe zunächst die URL des großen Bildes an und ändere nachträglich aber den Link. Ich will ja keine Hotlinks auf meine Bilder produzieren und außerdem soll ein Klick nicht zum Bild, sondern zu meiner Seite, zu meinem Artikel führen.

Das ist zwar etwas umständlich, aber etwas Besseres fällt mir im Moment dazu nicht ein. Vielleicht hat ja jemand eine Idee. :-)

Keine Kommentare »

Die gute, alte Blogrolle

Wordpress: Link bearbeiten

Lebt sie noch, oder ist sie schon verstorben, die gute, alte Blogrolle?

Die WordPress Linkliste

Ja, bei mir gibt es noch die Blogrolle und sie heißt sogar so. Eigentlich ist es eine von WordPress verwaltete, kategorisierbare Linkliste. Bei jeder neuen WordPress-Installation gibt es genau eine Link-Kategorie bereits vorinstalliert, eben die berühmte Blogroll. Sie ist auch schon mit ein paar Einträgen belegt, es sei denn, man machte eine leere WP-Installation.

In älteren Versionen von WordPress bis einschließlich 3.0.x hatten diese WordPress-Bookmarks noch eine nicht unwichtige technische Funktion. Wenn man bei den Kommentar-Einstellungen die Option

[x] Der Autor muss bereits einen genehmigten Kommentar geschrieben haben.

aktiviert hatte, wurden Trackbacks und Pingbacks von Blogs, die in der Linkliste stehen, automatisch freigeschaltet. Das fand ich sehr gut, mußte ich doch so nicht immer die vielen Pings und Trackbacks von befreundeten Blogs freischalten. Aber leider ist das irgendwie ab WP 3.1 unter den Tisch gefallen.

Deshalb habe ich diese praktische Funktion wieder zum Leben erweckt. Keine große Sache, alles in allem etwa 20 Zeilen PHP-Skript. Hier die Datei:

Download: 123 Comment Approve Blogroll (Version 0.10)

Die Verwendung ist in WordPress als Plugin, als MU-Plugin, in der my-hacks.php oder in der funcions.php des Themes möglich.

Webmasterfriday

Gut, das paßte jetzt vielleicht nicht 100%ig zum aktuellen Thema „Die Blogroll – wichtig oder weglassen?“ des Webmaster-Fridays. Aber egal, es hat mit der Blogrolle zu tun und ich nähere mich dem Thema halt aus einem technischen Blickwinkel.

Allein meiner Faulheit geschuldet, nicht immer alle Ping- und Trackbacks freischalten zu müssen, werde ich die Blogroll behalten und sogar erweitern. Die Funktionalität ist übrigens selbst dann gegeben, wenn ein Link auf

[x] Diesen Link als Privat markieren

steht, also unsichtbar ist. Man kann also einen Link auch nur intern als Trackback-Freischalter verwenden, ohne ihn öffentlich sichtbar zu machen. :-)

Webmasterfriday - WMF

Keine Kommentare »

Die WordPress-Gallery (Galerie) ohne Links, so gehts

Erklärungen überspringen – direkt zur Lösung :-)

Die WordPress-Bildergalerie

Seit WordPress Version 2.5 gibt es eine eingebaute Bilder-Galerie, die mit dem Shortcode [gallery] in einen Beitrag integriert werden kann.

Der ersten Version fehlten ein paar sinnvolle Optionen wie Include und Exclude und auch die Art des Links, mit dem ein Galerie-Bild unterlegt ist, konnte nicht beeinflußt werden. Das Bild verlinkte immer auf die Anhang-Seite.

Da ich aber lieber direkt auf die Bilddatei verlinke, habe ich das Plugin „123 Extended Gallery“ geschrieben, welches die WordPress-eigene Gallery-Funktion ersetzt und erweitert.

Mittlerweile kennt WordPress für die Galerie auch die Parameter exclude und include, um Bilder von der Anzeige auszuschließen oder beliebige Bilder hinzuzzfügen. Mit dem Parameter [gallery link=“file“] kann nun auch auf das Bild direkt verlinkt werden.

Was aber immer noch fehlt ist die Möglichkeit, überhaupt keine Links zu verwenden. Das scheint für den einen oder anderen aber durchaus eine erwünschte Option zu sein.

Mein Plugin hat gewissermaßen ausgedient, denn WordPress kann nun praktisch alles selber, was meine „Extended Gallery“ bisher umgesetzt hat, außer eben keine Links zu verwenden.

Deshalb stelle ich im Folgenden eine eigenständige Lösung dafür vor, die z.B. in die Datei functions.php des Themes intergriert werden kann.

In den Tiefen der WordPress Action- und Filter-Hooks

Erweiterungen und Änderungen für WordPress sollten immer über die definierte Plugin-Schnittstelle erfolgen, direktes Manipulieren der WP-Dateien ist unsauber, fehleranfällig und daher zu vermeiden.

In der Gallery

Die Implementierung der Shortcode-Funktion gallery_shortcode in der Datei media.php hat am Anfang einen Filter-Einstiegspunkt (Hook), mehr aber nicht:

// Allow plugins/themes to override the default gallery template.
$output = apply_filters('post_gallery', '', $attr);
if ( $output != '' )
  return $output;

An der Stelle kann man die gesamte Funktion ersetzen, indem man den selbst erzeugten Gallery-HTML-Code zurück gibt. Genau an der Stelle setzt auch mein altes Gallery-Plugin an, aber ich will ja jetzt nur die Links entfernen.

Die Bilder mit den Links werden weiter unten erzeugt:

foreach ( $attachments as $id => $attachment ) {
  $link = ... ? wp_get_attachment_link($id, $size, false, false) ...

Die Funktion wp_get_attachment_link bietet auch einen Filter-Hook, aber ein dort eingehängtes Filter soll ja nur innerhalb der Galerie-Erzeugung aktiv sein.

Nun kann man zwar mit einer Filterfunktion für ‚post_gallery‘ am Anfang eine passende Funktion bei wp_get_attachment_link einklinken, bekommt sie aber am Ende nicht mehr weg. Dann wirkt sie aber auf alle noch folgenden Attachment-Links auch außerhalb der Galerie, was natürlich nicht erwünscht ist.

Wenn man die Anzahl der Bilder kennen würde, könnte man diese in einer globalen Variable vermerken und im eigenen Attachment-Link-Filter runterzählen. Wenn der letzte Link bearbeitet ist, kann man die Filterfunktion wieder ausklinken.

Die anzuzeigenden Bilder werden in der WP-Gallery mit den WordPress-Funktionen get_posts bzw. get_children ermittelt. Diese Funktionen bieten leider keine Filter- oder Action-Hooks. Sie erzeugen ein neues WP_Query-Objekt und holen sich das Ergebnis mit der Objekt-Funktion query ab.

Im WP_Query-Objekt

In der Funktion query gibt es erfreulicherweise mehrere Action- und Filterhooks. Am besten geeignet erscheint der Filteraufruf für ‚the_posts‘ fast am Ende, da hier alle Daten vorliegen und damit die Anzahl der gefundenen Bilder bekannt ist. Leider wird dieser Hook nur bedingt aufgerufen:

if ( !$q['suppress_filters'] )
  $this->posts = apply_filters_ref_array('the_posts', array( $this->posts, &$this ) );

Man ahnt es schon, genau die Variable suppress_filters wird von get_posts und damit auch get_children gesetzt, um die Ausführugn der meisten Filter zu unterdrücken. Das ist auch wichtig und richtig, denn diese Filter sind oft nur in der WordPress-Loop sinnvoll einsetzbar und würden bei der Abfrage einer kompletten Liste der Bilder möglicherweise unerwünschte Ergebnisse liefern.

Und nun? Der Rettungsanker ist der Action-Hook ganz am Anfang der Funktion query:

do_action_ref_array('pre_get_posts', array(&$this));

Meine erste Idee war es nun, die Variable suppress_filters einfach zu löschen, so daß die Filter aufgerufen werden. Das führt aber wie schon gesagt möglicherweise zu unerwarteten Ergbnissen, weil die Filter für die WordPress-Loop gedacht sind. Keine Gute Idee!

Mein nächster Ansatz war nun, daß ich mir zunächst in der Action-Funktion für pre_get_posts das WP_Query-Objekt global speichere um später wieder darauf zugreifen zu können.

Wenn es eine Funktion nach der eigentlichen Abfrage der Datenbank gibt, die ihrerseits einen Filter- oder Action-Hook enthält, könnte ich diese „mißbrauchen“, um über das gespeicherte Objekt schließlich die Anzahl der Bilder zu ermitteln.

Seit WordPress 2.7 gibt es die Sticky-Posts, also Beiträge, die ganz oben auf der Artikelseite fest getackert werden können. Um diese Sticky-Posts vor allen anderen in die Liste einzufügen, wird in der Funktion query die Option ’sticky_posts‘ abgefragt:

$sticky_posts = get_option('sticky_posts');

Die Funktion get_option enthält netterweise ganz am Anfang den Filterhook für ‚pre_option_‘ . $option. Damit kann ich nun meine Abfrage der Anzahl über das zuvor gespeicherte WP_Query-Objekt „triggern“, die Anzahl der Bilder global speichern und letztendlich das eigentliche Filter für wp_get_attachment_link installieren.

Die Filter- und Action-Kette zusammengefaßt

Ist doch eigentlich alles ganz einfach, oder? :-)
Hier nochmal eine kurze, grafische Zusammenfassung aller Schritte:
Gallery-No-Link PAP
Erstellt mit yEd

Nachtrag 13.02.2012: Es geht auch viel einfacher, wie man hier sehen kann: Gallery with No Image Links-Plugin :-)

Die Zip-Datei gallery_no_link.zip runter laden und auf dem heimischen Rechner entpacken.

Download: 123 Gallery No Link

In der enthaltenen Datei plw123_gallery_no_link.php kann eine Option konfiguriert werden.

define( 'PLW123GOL_NO_LINK', false );

Mögliche Werte:
false: die Links werden durch den Link-Parameter ’none‘ im gallery-shorcode unterdrückt:

[gallery link="none"]

true: die Links werden immer in allen Galerien unterdrückt

Das Modul 123 Gallery No Link kann auf drei unterschiedlichen Arten in WordPress installiert werden.

1. in der functions.php des Themes

Dazu ist die Datei plw123_gallery_no_link.php in das WordPress-Theme-Verzeichnis des aktiven Themes zu kopieren und in der functions.php am Ende folgendes einzufügen:

@include( 'plw123_gallery_no_link.php'

2. als Plugin

Dazu ist die Datei plw123_gallery_no_link.php in das WordPress-Plugin-Verzeichnis (/wp-content/plugins/) zu kopieren und im Backend bei den Plugins zu aktivieren.

3. als MU-Plugin (ab WordPress 2.8)

Dazu ist die Datei plw123_gallery_no_link.php in das MU-Plugin-Verzeichnis (/wp-content/mu-plugins/) zu kopieren. Falls dieses Verzeichnis nicht existiert, muß es neu angelegt werden. Eine Aktivierung des Plugins ist nicht erforderlich, PHP-Dateien in diesem speziellen Verzeichnis werden immer geladen.

Keine Kommentare »

WordPress Update von 3.2.1 auf 3.3

Wordpress 3.3

Kein großer Versionssprung

Mein letztes WordPress-Update liegt noch nicht sooo lange zurück (Sommer 2011). Nun habe ich heute bereits die neue Version 3.3 per automatischem Update hier bei Schnurpsel eingespielt.

Das Update lief auch problemlos durch, allerdings ist im HTML-Editor mein IntLink-Button verschwunden, im visuellen-Editor ist er aber noch vorhanden. Da muß ich erstmal sehen, woran das liegt. So dramatisch ist das Fehlen des Buttons aber auch nicht.

Neue Funktionen und Verbesserungen

Wordpress 3.3 - Media-UploadMit den neuen Funktionen und Möglichkeiten werde ich mich erst in den nächsten Tagen beschäftigen. Aber so auf den ersten Blick sieht alles schon ganz gut aus.

Als erstes ist mir der neue Upload-Bereich im Editor aufgefallen. Es gibt jetzt nur noch ein Symbol für alle Dateitypen und das eigentliche Upload-Fenster sieht nun etwas anders aus.

Man kann jetzt Dateien auch per Drag&Drop hoch laden. Das hat auch bei den zwei Bildern hier im Artikel prima funktioniert. :-)

Keine Kommentare »