JCE - Codebeispiel in Joomla Beitrag einfügen

  • Wie füge ich ein formatiertes Codebeispiel in einen Joomla Beitrag ein?
  • Vorbereitung
    1. Erweiterung "JCE CodeSample" installieren und konfigurieren
    2. Erweiterung "PRISM Syntax Highlighter for Joomla" installieren und aktivieren
  • Codebeispiel mit JCE einfügen
    1. Joomla-Backend
    2. Beitrag öffnen/erstellen
    3. Schaltfläche "Codesample" anklicken
    4. [Language] > Sprache in Dropdown-Liste auswählen
    5. [Code] > Codebeispiel einfügen
    6. "Insert"
  • 297 Sprachen werden derzeit von Prism unterstützt. (HTML, CSS, JavaScript, Markup, XML, SVG, ...)
  • Wenn JCE der Standard-Editor ist, muss die Erweiterung "JCE CodeSample" installiert sein, damit die Schaltfläche zum Einfügen von Codebeispielen im JCE verfügbar ist.
  • Wenn TinyMCE der Standard-Editor ist, kann der erste Schritt übersprungen werden.
  • Die Joomla-Erweiterung "Wf Prism" von Widget Factory Limited ist nicht kompatibel mit Joomla 4 oder höher.
  • Die Erweiterung "Wf Prism" wird durch die Erweiterung "PRISM Syntax Highlighter for Joomla" ersetzt.
  • Joomla 5.0.2 JCE 2.9.58 JCE CodeSample 1.0.3 PRISM Syntax Highlighter for Joomla 1.2.0

Akeeba Backup - Backup-Ordner ändern/bearbeiten

  • Wie ändere ich den Backup-Ordner der Joomla-Erweiterung "Akeeba Backup"?
  1. Neuen Ordner und Unterordner mit FTP-Client erstellen
    z.B. "/public_html/_akeeba_backup/joomla5" (ausserhalb des Stammverzeichnisses der Website)
  2. Joomla-Backend > "Komponenten" > "Akeeba Backup" > "Control Panel"
  3. [Basic Operations] > "Configuration"
  4. [Basic Configuration] > [Output Directory] > "Browse" (auf Ordner-Icon klicken)
  5. Backup-Ordner auswählen
    z.B. "/public_html/_akeeba_backup/joomla5"
  6. "Go" > "Use"
  7. Backup-Ordner in [Output Directory] prüfen
    z.B. "[ROOTPARENT]/_akeeba_backup/joomla5"
  8. "Speichern & Schließen"

Akeeba Backup is ready to backup your site, but there are potential issues
Fehlermeldung: "Default output directory in use"

Akeeba Backup Standard-Backup-Verzeichnis: "administrator/components/com_akeebabackup/backup"

  • Joomla 5.0.2 Akeeba Backup Pro 9.8.4

PRISM Syntax Highlighter for Joomla installieren

  • Wie installiere ich die Joomla-Erweiterung "PRISM Syntax Highlighter for Joomla"?
  1. Erweiterung "PRISM Syntax Highlighter for Joomla" installieren
    1. "PRISM Syntax Highlighter for Joomla" herunterladen, z.B. "plg_content_prismsyntaxhighlighter-1.2.0.zip"
      https://github.com/ahotzler/plg_content_prismsyntaxhighlighter/releases
    2. Joomla-Backend > "System" > [Installieren] > "Erweiterungen" > "Paketdatei hochladen"
    3. Heruntergeladene ZIP-Datei auf das Feld [Dateien zum Hochladen hier hereinziehen und ablegen] ziehen und loslassen
  2. Erweiterung "PRISM Syntax Highlighter for Joomla" aktivieren
    1. Joomla-Backend > "System" > [Verwalten] > "Erweiterungen"
    2. "PRISM Syntax Highlighter für Joomla!" > "Erweiterung aktivieren" Erweiterung deaktiviert
  • Joomla 5.0.2 JCE 2.9.58 PRISM Syntax Highlighter for Joomla 1.2.0

JCE CodeSample installieren

  • Wie installiere ich die Joomla-Erweiterung "JCE CodeSample"?
  1. Erweiterung "JCE CodeSample" installieren
    1. "JCE CodeSample" herunterladen, z.B. "jce-editor-codesample-1.0.3.zip"
      https://github.com/widgetfactory/jce-editor-codesample/releases
    2. Joomla-Backend > "System" > [Installieren] > "Erweiterungen" > "Paketdatei hochladen"
    3. Heruntergeladene ZIP-Datei auf das Feld [Dateien zum Hochladen hier hereinziehen und ablegen] ziehen und loslassen
  2. Schaltfläche "JCE - CodeSample" in JCE-Editor anzeigen
    1. Joomla-Backend > "Komponenten" > "JCE Editor" > "Profile"
    2. Gewünschtes JCE-Profil anklicken, z.B. "Default"
    3. "Funktionen"
    4. Schaltfläche "JCE - CodeSample" von [Verfügbare Schaltflächen] nach [Aktuelles Editorlayout] ziehen
    5. "Speichern & Schließen"
  • Joomla 5.0.2 JCE 2.9.58 JCE CodeSample 1.0.3

Astroid - Benutzerdefiniertes CSS einbetten

  • Wie binde ich benutzerdefiniertes CSS mit dem Astroid-Framework ein?
  1. Joomla-Backen > "System" > [Templates] > "Site Template Stile"
  2. Gewünschter "Site Template Stile" (Astroid) auswählen
  3. "Details" > "Template-Optionen"
  4. [Benutzerdefinierter Code] > "Benutzerdefinierter Code" > [Benutzerdefiniertes CSS]
    CSS ohne <style> Tags einfügen
  5. CSS direkt in Textfeld eingeben
  6. "Speichern" > "Cache leeren" > "Schließen"
Mehrsprachige Website: Diese Schritte müssen für jedes Joomlaplates-Template durchgeführt werden.
  • Joomla 5.0.2 Fago 1.3.17 Astroid 3.0.8

Weitere Beiträge …

Seite 1 von 16

Suchindex