Links: Symbole automatisiert anzeigen

In vielen Fällen ist es hilfreich, Links automatisch mit kleinen Symbolen zu ergänzen.

So z. B. PDF-Dateien mit einem Adobe-Logo, Word-Dateien mit einem WinWord-Logo oder auch externe Links zu Wikipedia mit einem Wikipedia-Logo.

Hier ein Beispiel:

Links 01.png

Es gibt eine Extension, die das ganz automatisch macht: „Extended Links“ ml_links

Anleitung

1. Extension aus dem Repository installieren

2. Im Template-Setup die Einstellungen vornehmen.

Dies kann man am besten, in dem man die bei der Extension mitgelieferte TS-Datei im eigenen Setup einbindet:

## LINK-DESIGN
## ----------------------------------------------------------------
## mitgelieferte Config-Datei aus EXT:ml_links/Configuration/TypoScript/setup.txt einbinden
 
<INCLUDE_TYPOSCRIPT: source="FILE: EXT:ml_links/Configuration/TypoScript/setup.txt">

Aternativ kann man die Extension auch direkt im Setup konfigurieren, z. B. so:

## LINK-DESIGN
## ----------------------------------------------------------------
plugin.tx_mllinks_pi1 {
 
    # definition for external links (special handling)
    externalDomain {
 
        1 {
            domain = http://en.wikipedia.org
            10.image = fileadmin/images/domains/wikipedia.png
            10.image.link = 0
            20.linkTag = 1
        }
 
        2 {
            domain = http://de.wikipedia.org
            10.image = fileadmin/images/domains/wikipedia.png
            10.image.link = 0
            20.linkTag = 1
        }
    }
 
    # definition for external links (default)
    external {
        10.image = EXT:ml_links/Resources/Icons/globe.gif
        10.image.link = 0
        20.linkTag = 1
    }
 
 
    # definition for mailto links here “mail@media-lights.de”
    mailto {
        10.image = EXT:ml_links/Resources/Icons/mailto.gif
        10.image.link = 0
        20.linkTag = 1
    }
 
    # definition for filelinks with filetype “pdf”
    pdf {
        10.image = EXT:ml_links/Resources/Public/Icons/filetypes/pdf.png
        10.image.link = 0
        20.linkTag = 1
        30.filesize = 1
    }
 
    doc {
        10.image = EXT:ml_links/Resources/Public/Icons/filetypes/doc.png
        10.image.link = 0
        20.linkTag = 1
        30.filesize = 1
        40.filename = 0
    }  
 
    docx {
        10.image = EXT:ml_links/Resources/Public/Icons/filetypes/docx.png
        10.image.link = 0
        20.linkTag = 1
        30.filesize = 1
        40.filename = 0
    }  
 
}
## LINK-DESIGN END

Es liegen der Extension übrigens noch viele andere Symbole bei, die man natürlich auch einbinden kann.

Quelle

1 Stern2 Sterne3 Sterne4 Sterne5 Sterne

Loading…
Avatar von manuel

AUTOR

manuel