#18 Jans Einfach | Schöne Confluence-Startseiten erstellen ohne Erweiterungen

Alle Jans Einfach Videos in der Playlist: seibert.biz/ja...
Für neue Themen voten: seibert.biz/ja...
---------------------------------------------------------------------------------------------------------------------------------
Hallo, hier ist wieder euer Jan mit einer neuen Ausgabe von Jans Einfach und schaut mal was ich euch heute mitgebracht habe: Schöne Confluence-Startseiten erstellen ohne Erweiterungen.
Dabei stelle ich euch meinen persönlichen Workflow vor. Hierzu nutze ich folgende Ressourcen:
1.Browser-Erweiterung: Color Picker
2. Coolors.co
3. Flaticon.com
4. Des Weiteren werdet ihr Funktionen wie Layouts, das Section, Column & Panel Makro kennenlernen sowie ein eigenes Benutzermakro scripten.
5. Banner-Bild:
Ich wünsche euch viel Spaß!
Benutzermakro (Code)
@noparams
style
.panel a img:hover {
opacity: 0.5;
}
/style
------------------------------------------------------------------------------------------------------------------------------------------------
📣 Aufgepasst: Jans Einfach ist umgezogen. 🚛 🏠 Alle neuen Videos findet ihr ab sofort bei ‪@appanvil‬. Dort werdet ihr jede Woche mit einer neuen Folge versorgt - und alles dreht sich um die Cloud. ☁️ Schaut auf jeden Fall vorbei, um Tipps und Tricks aus erster Hand zu bekommen, die euch im Handumdrehen zum Confluence- und Jira-Profi machen. Einen Überblick aller neuen Folgen findet ihr auf Jans Playlist: • Jans Einfach (S02) 🎬
Wir freuen uns auf euch! 🎉

[@syta657]

Fantastisch! Sehr gut gemacht, vielen Dank dafür, Jan. 👍

[@arturites]

Sehr sympatisch, sehr viel gelernt. Vielen dank dafür, hat alles wunderbar geklappt!!!

[@realbootybabe]

Geil, so etwas habe ich schon immer gesucht!!! :) Danke! Sehr cooles Video

[@sebastianbork5450]

Hallo @Jan, ich bin begeistert von Deinen Tutorials. Ich vermisse in den Kommentare noch den Code für den Image Hover. Gruß und Danke Sebastian

[@niekaah]

Richtig tolles Video! Habe gerade richtig viel davon genutzt! Danke! Eine kurze Frage habe ich jedoch noch: kann man auch die Kacheln so Anordnen, dass ich 6 nebeneinander erhalte? Das Spaltenlayout gibt ja nur 3 nebeneinander her.

[@sf9415]

Das wüsste ich auch gerne 😅

[@aspidoras]

super video, mich würde noch interessieren wie die schriftfarben der beiden unteren makros an das obere farbschema angepasst werden können.

[@jankuntscher1073]

Hallo Maik, danke für dein Feedback. Da es sich um Makros handelt, müsste man vermutlich die Farbe per CSS in den Bereichseinstellungen überschreiben. Wenn es allerdings nur auf einer Seite verändert werden soll, dann müsste man ein weiteres Benutzermakro schreiben und auf der Seite einbetten. Ich schaue mal, ob und wie das möglich ist und antworte hier wieder.

[@jankuntscher1073]

Es funktioniert wie folgt: ------------------------------------------------------------------------------------------------------ 1. Bereichsweise Bereichseinstellungen -> Gestaltung -> Formatvorlage Dort folgendes einfügen und nach belieben die color-Werte ändern: .recently-updated .update-items a, .recently-updated .update-items a:link, .recently-updated .update-items .update-item-content a, .recently-updated .update-items .update-item-content a:link { color: #F16846; } .heatmap li a, .heatmap a:link { color: #0D7389; } ------------------------------------------------------------------------------------------------------ 2. Seitenweise Neues Benutzermakro in der Administration erstellen (siehe Video). Dort folgendes einfügen und nach belieben die color-Werte ändern: ## @noparams .recently-updated .update-items a, .recently-updated .update-items a:link, .recently-updated .update-items .update-item-content a, .recently-updated .update-items .update-item-content a:link { color: #F16846; } .heatmap li a, .heatmap a:link { color: #0D7389; } Nicht vergessen: Das Makro muss dann noch in die Seite eingefügt werden.

[@aspidoras]

@@jankuntscher1073 Herzlichen Dank

[@sophiekr1599]

Hallo Jan, vielen Dank für das tolle Video und die Schritt für Schritt Erklärung. Ich habe noch eine Frage bezüglich des Einbetten von Links (egal ob extern oder innerhalb des eigenen Confluence): Kann man irgendwo eine Einstellung vornehmen, dass beim Anklicken eines Links die neue Seite in einem neuen Tab/Fenster öffnet? Aktuell ist es bei unserer Confluence Seite so, dass die neue Seite im aktuellen Tab läd. Gerade bei der Verlinkung von Externen Seiten finde ich persönlich das aber ein bisschen nervig. Vielleicht gibt es da eine Möglichkeit! Lieben Dank schonmal.

[@mseibert]

Dafür gibt es Apps. Schau mal hier: marketplace.atlassian.com/search?query=external%20links

[@seibertgroup]

Und als kurzer Workaround/Trick für einen selbst, mit Command/Klick wird auch aus Confluence heraus ein neues Fenster geöffnet.

[@patu7428]

Wenn ich die Tabelle mit den Profilbildern erstelle, ergeben sich bei mir viel höhere Abstände um das Foto drumherum und ich kann diese auch nicht mehr verkleinern. So wird meine Ganze Tabelle viel größer und diese kann in 34% gar nicht angezeigt werden. Es wird automatisch so ein Schiebebalken erstellt, damit die ganze Tabelle zu sehen ist. Wenn ich versuche die einzelne Tabellenbreite bei jedem Foto zu verkleinern, wird das Foto nicht mehr ganz angezeigt und auch hier drunter entsteht eine Schiebebalken. Dabei möchte ich ja nur, dass die Tabellenlinien direkt am Profilbild, wie bei dir enden. Aber bei mir werden ca. 2mm Platz um das ganze Foto erstellt :/ Und somit wird meine ganze Tabelle riesig. Auch bei den Überschriften (Bei dir die Rollen) Macht er drüber und drunter so viel Platz. Gibt es da eine Lösung? Ich möchte das die Tabelle aufs minmalste verkleinert wird und die Linien direkt da enden wo auch der Text oder das Foto enden. Ich möchte gerne die ganze Column mit den 34% optisch verkleinern. Sie wird bei mir 3 mal so groß wie im Video angezeigt. Auch wenn ich die Prozente runterschraube, sehe ich viel weniger von der Tabelle, da ein Schiebebalken eingefügt wird. Aber die Tabelle ist immer noch riesig :/

[@whiterose4907]

Hi - nur eine Frage, gern auch mit Info zu einem weiteren Video zu beantworten: wie schaffe ich es denn, das Panels nebeneinander angezeigt werden (Kacheln)? Wenn ich Panels eingebe, formieren die sich nur untereinander. Danke von einem "bloody newbie" zum System. Tolles Video übrigens!

[@seibertgroup]

Hi @White Rose..., das muss mit dem Seitenlayout in Confluence gemacht werden. Wie hier beschrieben: infos.seibert-media.net/x/_dAJAg. In jeden Seitenbereich kann dann das Aura Panel eingesetzt werden. Oder noch genauer mit dem Bereichs- und Spalten-Makro (infos.seibert-media.net/x/Z4UZAw). Wenn es noch Fragen gibt, gern in unserem Antwortenportal antworten.seibert-media.net/

[@jtshibo]

Hi Jan, kann es sein dass der neue Editor viele der Möglichkeiten die du hier aufführst entfernt hat?

[@mseibert]

Ja, ich befürchte, dass Ihr Confluence Cloud im Einsatz habt. In einigen Bereichen ist der neue Editor dort stärker. Leider ist er in vielen Bereichen noch schwächer. Viele Funktionen, die Jan hier zeigt, gehen in der Confluence Cloud einfach (noch) nicht.

[@Maulschellezack]

irgendwie sind diese panels bei mir viel schmaler in der höhe und ich habe auch keine 'verknüpfung' wenn ich drauf klicke. welche panel hat hast du denn bei makros ausgewählt? wollte dein desig gerne nachbauen ;) würde mich sehr über eine antwort freuen

[@mseibert]

Ich habe das intern mal weiter gegeben. Allerdings kann ich nicht versprechen, dass (kurzfristig) eine Antwort kommt.

[@Maulschellezack]

@@mseibert lieben Dank

[@jankuntscher1073]

Hi, im Video nutze ich Confluence Server 6.15.2 und das Marko heißt "Panel". Die Verknüpfung erhälst du nicht durch das Panel selbst, sondern durch das Bild, welches ich in das Panel eingefügt habe und auf Content verlinkt. Mit dem zusätzlichen selbstgeschriebenden Makro, erhalten dann diese Bilder noch einen Mouse over Effekt.

[@Maulschellezack]

Vielen Dank :)

[@produktkoma8746]

@@jankuntscher1073 Muss man bei dem Mouse over Effekt - Makro noch was spezielles beachten? Ich habe das 1zu1 meinem Confl.Admin geschickt. Makro ist angelegt und in die Seite implementiert funktioniert aber nicht :/ VG