Confluence Cloud Dokumentation

Erweiterte Anpassungen für den PDF-Export



Auf dieser Seite findest du Informationen zu den erweiterten PDF-Exportanpassungen. Diese ergänzen die regulären Anpassungen, die unter Anpassen der Exporte in PDF beschrieben sind.


Die folgenden Informationen sind für fortgeschrittene Benutzer. Sei dir bewusst, dass die unten beschriebenen fortgeschrittenen Anpassungen Kenntnisse über bestimmte Teile von Confluence sowie über CSS und HTML erfordern. Die Anpassungen werden von Atlassian nicht unterstützt, daher können dir unsere Supportmitarbeiter bei diesen Änderungen nicht helfen. 


Kopf- und Fußzeilen

Hinzufügen von Kopf- und Fußzeilen zum Export einzelner Seiten

Beim Export einzelner Seiten können keine HTML-Kopf- und -Fußzeilen über die PDF-Export-Seite hinzugefügt werden, aber du kannst CSS-Regeln im Feld PDF-Formatvorlage (zu finden unter Bereichseinstellungen > PDF-Export in dem Tab Design) verwenden, um Kopf- und/oder Fußzeilen für den Export einer einzelnen Seite zu erstellen.

Für benutzerdefinierte Kopfzeilen definierst du eine der folgenden Regeln in deiner @page Regel: @top-left, @top-center und @top-right. Mit diesen Regeln kannst du den Inhalt der linken Seite, der Mitte und der rechten Seite des Kopfbereichs deiner Seite festlegen.

Für benutzerdefinierte Fußzeilen definierst du die Regeln @bottom-left, @bottom-center und @bottom-right in deiner @page Regel.

Die folgenden Regeln fügen zum Beispiel einen Dokumententitel in der Mitte der Kopfzeile und eine Seitenzahl in der Mitte der Fußzeile ein:      


CSS - PDF-Stylesheet


@page
{
    @top-center
    {
        content: "Der Titel des Dokuments kommt hierher"; /* Dieser Inhalt wird in der Kopfzeile erscheinen */
        font-family: ConfluenceInstalledFont, Helvetica, Arial, sans-serif;
        font-size: 8pt;
    }
    @bottom-center
    {
        content: "Page" counter(page); /* Dieser Inhalt wird in der Fußzeile erscheinen */
        font-family: ConfluenceInstalledFont, Helvetica, Arial, sans-serif;
        font-size: 8pt;
    }
    /* Alle anderen seitenbezogenen Regeln */
}

Anmerkungen:

  • Die Eigenschaften font-family und font-size stellen sicher, dass der Text in der Kopf- und Fußzeile in der gleichen Standardschriftart dargestellt wird, die auch für den Textkörper verwendet wird, basierend auf den standardmäßigen CSS-Regeln.
  • Es ist nicht möglich, mit dieser Methode Bilder (die als Anhänge in deiner Confluence Instanz gespeichert sind) in die Kopf- und Fußzeilen von Exporten einzelner Seiten einzufügen.


Bilder in Kopf- und Fußzeilen einfügen

Um ein Bild in die Kopf- oder Fußzeile einzufügen, fügst du HTML Code in die Felder Kopf- oder Fußzeile des PDF-Exports ein.  

Im folgenden Beispiel wird ein HTML img Element mit src Attribut verwendet, um ein Bild links neben der Kopfzeile einzufügen. Das src Attribut verweist auf ein Bild, das an eine Confluence Seite angehängt ist. Das Bildelement wird normalerweise in einem Container des Elements div platziert. 


HTML - PDF Export: Kopfzeile


     <div style="margin-top: 10.0mm;">
        <img src="https://confluence.atlassian.com/download/attachments/12346/header-image.png" />
     </div>

Im obigen Beispiel enthält die Kopfzeile ein Bild namens 'header-image.png'. Die "12346" im src Attribut ist die ID-Nummer der Seite, an die das Bild angehängt ist.

Befolge diese Anweisungen, um ein Bild auf deiner Seite einzufügen:

  1. Hänge das Bild an eine Confluence Seite an.
  2. Sieh dir die Liste der Anhänge auf dieser Seite an, klicke dann mit der rechten Maustaste auf das Bild und kopiere seine Adresse.
  3. Füge den Link in das entsprechende Attribut src="" in deinem PDF-Stylesheet ein, wie oben gezeigt.
  4. Bearbeite die Bild-URL so, dass sie relativ ist, indem du den ersten Teil der URL vor /download/.... entfernst.


Anmerkungen:

  • In diesem Beispiel wird eine Inline-CSS-Eigenschaft margin-top im style Attribut verwendet, um das Bild 10 mm vom oberen Rand der Seite zu entfernen. Das ist praktisch, wenn dein Titelbild so groß ist, dass es den oberen Rand der Seite berührt oder über ihn hinausragt.
  • Ebenso kannst du für Fußzeilen die Eigenschaft margin-bottom:XXmm verwenden, um ein Bild um XX mm vom unteren Rand der Seite zu entfernen.
  • Sehr große Bilder können in den Hauptteil einer Seite hineinragen oder die Position von Text oder anderen Elementen in einer Kopf- oder Fußzeile verändern. In solchen Situationen empfiehlt es sich, das Bild zu verkleinern und es dann wieder an deine Confluence Seite anzuhängen. Wenn du die Bildgröße beibehalten und stattdessen den Inhalt nach unten verschieben möchtest, kannst du dies tun, indem du die margin-top Eigenschaften in der @page CSS Regel konfigurierst.
  • Standardmäßig wird ein Kopf- oder Fußzeilenbild an der linken Seite der Seite ausgerichtet. Du kannst dieses Bild aber auch in der Mitte oder rechts auf der Seite ausrichten, indem du die Eigenschaften text-align:center oder text-align:right zu deinem style Attribut hinzufügst. Um das Titelbild zum Beispiel an der rechten Seite der Seite auszurichten, würde dein style Attribut etwa so aussehen: style="margin-top:10mm; text-align:right".



Hinzufügen einer dynamischen Überschrift auf der Titelseite

Wenn du eine beliebige Menge von Seiten aus Confluence exportierst, möchtest du vielleicht, dass der Titelseite (oder dem Titel) automatisch ein entsprechender Titel hinzugefügt wird. Dies kann (auf etwas ungewöhnliche Weise) geschehen, indem du das oberste Element des Standardinhaltsverzeichnisses als Titel verwendest. Diese Methode setzt voraus, dass die exportierten Seiten als Unterseiten der übergeordneten Seite strukturiert sind. Mit anderen Worten: Die zu exportierenden Seiten sollten aus einer Seite (auf der obersten Ebene) und allen ihren Unterseiten bestehen. Das hat zur Folge, dass sich der Titel auf der Titelseite ändert, je nachdem, welche Seite als oberste Ebene für den Export verwendet wird.

Die folgende CSS-Datei verschiebt das TOC Element der obersten Ebene und formatiert es so, dass es als Titel auf der Titelseite verwendet wird.


.fsTitlePage { position:relative; left:0px; } /* Deaktiviere die Standard-Abschnittsnummerierung für dieses TOC Element */ .toclvl0:before { content: " "; counter-reset: chapter 0; } /* Die Standardnummerierung der Seite für dieses TOC Element ausblenden */ .toclvl0 .tocnum { display: none; } /* Dieses TOC Element verschieben und gestalten */ .toclvl0 { position:absolute; top:250px; font-size: 42px; font-weight: bold; margin: 72px 0 4px 0; text-align:center; }





Zurück zum Hauptmenü   Nächstes Thema  







Confluence

Diese Seite wurde zuletzt am 06.03.2023 geändert.