Option zum Markieren externer Links im Template

In diesem Artikel wird erklärt wie man einem Joomla Template die Auswahlmöglichkeit gibt externe Links automatisch zu markieren.

 CSS-Code zum Markieren der Links

Der folgende CSS-Code markiert sämtliche externe Links. Für die weiterführende Option den CSS-Code als Auswahlmöglichkeit im Joomla Template an zu bieten, wird der CSS-Code als markexternallinks.css im Unterverzeichnis css des Templates gespeichert.

/*------------------------------------------------
---CSS : Externe Links markieren------------------
------------------------------------------------*/
a:not( [href*='tales-of-trails.de'] ):not( [href*='vielfrass-engineering.de'] ):not( [href^='#'] ):not( [href^='/'] ):after {
  color:black;
  font-weight: bold;
  content: "  -> (externer Link)";
}

Um die Auswahlmöglichkeit im Template an zu bieten, wird der templateDetails.xml folgender Code hinzugefügt.

<field name="markexternallinks" class="" type="list" default="0"<
     label="Mark external links"
     description="Adds (externer Link) to external links">
     <option value="0">No</option>
     <option value="1">Yes</option>
</field>

Um bei gewählter Option (Yes) die markexternallinks.css zu laden wird der index.php folgender Code hinzugefügt.

if ($this->params->get('markexternallinks')=="1")
{
  $doc->addStyleSheetVersion($this->baseurl . '/templates/' . $this->template . '/css/markexternallinks.css');
}

Quelle & Beispiel : https://lefkomedia.com/adding-external-link-indicator-with-css/