Automatische Copyright-Hinweise für Bilder erzeugen

Fotolia und andere Dienste verlangen, die Copyright-Hinweise der verwendeten Bilder zu veröffentlichen und zu verlinken. Nicht immer ist das an der Stelle der Bilder möglich (Layout), daher werden gerne Listen erstellt. Ab einer gewissen Menge von Stock-Bildern verliert man schnell die Übersicht über die Bilder, daher erzeugen wir hier eine automatische Übersicht.

Vorarbeiten

  • ggf. Verzeichnis für die Ablage der Bilder
  • passende Miniaturansicht "Icon" ("Extras -> Miniaturansichten")
  • 2 neue Metadatenfelder ("Extras -> Metadatenfelder"):
    • Textfeld "Copyright" ("Importiere von exif/Copyright")
    • Textfeld "CopyrightURL" ("Importiere von iptc/source")

Nun muss man dafür sorgen, dass bei allen Bildern diese beiden Metadatenfeldern ausgefüllt sind. Das kann man vor dem Import machen, wenn man die Exif/IPTC-Felder ausfüllt, oder nachträglich in webEdition im Reiter "Hochladen".

Beim Anlegen der Seite kann man im Editmode ein Unterverzeichnis auswählen, in dem gesucht wird. Lässt man das Feld  leer, werden alle Unterverzeichnisse einbezogen, was bei großen Sites zu Performance-Problemen führen kann. (Eine Beschränkung der ausgespielten Dateien fehlt aus Gründen der Übersichtlichkeit im Beispiel unten, kann aber leicht mit dem listview-Attribut rows und den WE-Tags <we:ifBack>/<we:back>/<we:ifNext>/<we:next> nachgerüstet werden.


<we:ifEditmode>

    <aside>
        Diese Datei liest alle Layout-Bilder mit Copyright-Hinweisen aus und erstellt eine Liste mit Thumbnails
    </aside>

    Verzeichnis der Bilder mit Copyright:<br>
    <we:href name="workspaceID" type="int" file="false" directory="true" />
</we:ifEditmode>

<we:ifNotEditmode>

    <we:href name="workspaceID" to="global" nameto="workspaceID"  />
    <?php
    $path_id = path_to_id($GLOBALS['workspaceID']);
    ?>

    <we:listview type="document" contenttypes="image/*" searchable="false" order="we_filename" workspaceID="$path_id">

        <we:ifFound>
            <h3>Verwendete Bilder</h3>

            <ul>
        </we:ifFound>

        <we:repeat>

            <we:ifFieldNotEmpty match="Copyright">

                <li>

                    <we:field type="img" name="icon" thumbnail="Icon" />

                    <b><we:field name="Title" type="text" alt="WE_PATH"/></b>

                    <we:ifFieldNotEmpty match="CopyrightURL">
                        <a target="_blank" href="<we:field name="CopyrightURL" type="text" />">
                    </we:ifFieldNotEmpty>

                    <we:field name="Copyright" type="text" alt="Title"/>

                    <we:ifFieldNotEmpty match="CopyrightURL">
                        </a>
                    </we:ifFieldNotEmpty>

                </li>

            </we:ifFieldNotEmpty>

        </we:repeat>

        <we:ifFound>
            </ul>
        </we:ifFound>

    </we:listview>

</we:ifNotEditmode>