WoltLab Cloud Font Awesome 5 für WoltLab Suite 1.0.1

Black Rider
Mar 7th 2020
284 Downloads
14 Comments

Ersetze die Font-Awesome-4-Icons in deiner WoltLab Suite mit der aktuellen Version von Font Awesome 5 und sei dennoch vollständig abwärtskompatibel zu den Icon-Namen von Font Awesome 4.

Dieses Plugin fügt die kostenlosen Icons von Font Awesome 5 hinzu, wodurch du eine größere Auswahl an Icons hast als mit Font Awesome 4. Außerdem wurde viel Zeit und Arbeit in diese neuen Icons für ein noch besseres Icon-Set gesteckt. Schau dir Font Awesome für mehr Details an.

Nach der Installation musst du nichts mehr tun. Font Awesome 5 ist einsatzbereit!

Images

Bildschirmfoto 2020-03-03 um 20.09.14-crunch.png
- 57.9 kB
- 3,840×2,272
- 531

Version 1.0.1
- May 13th 2020
- 1.38 MB
- 205 Downloads
– Fehlerhaftes CSS behoben, wenn die WoltLab Gallery installiert ist
Version 1.0.0
- May 6th 2020
- 1.38 MB
- 76 Downloads
– CSS durch SCSS ersetzt
– Laden der Schrift verbessert
– Anzeige mancher Icons korrigiert

Harald-RS Sep 21st 2020

Hallo Black Rider,

mir fehlen auch einige ICON's die vorher vorhanden waren.

Hier der Link zum Forum: tourneo-forum.de

Black Rider Sep 21st 2020 Author

Siehe meine Antwort hier:
https://pluginstore.woltlab.co…omment33591/response44364

Harald-RS Sep 22nd 2020

Danke für die Antwort.

Habe soweit mit CSS gelöst nur was ich schade finde ist das man die Icons doppelt eintragen muss,

Einmal mit dem -o:before und einmal ohne dem -o.

Damit Sie auch mit der Farbe für neue Beiträge angezeigt werden.

So sieht das bei mir im CSS aus:

CSS

.wbbBoardIcon3.fa-folder-open:before, .wbbBoardIcon3.fa-folder:before {
    content: "\f2f6" !important;
}
.wbbBoardIcon3.fa-folder-open-o:before, .wbbBoardIcon3.fa-folder-o:before {
    content: "\f2f6" !important;
}

.wbbBoardIcon5.fa-folder-open:before, .wbbBoardIcon5.fa-folder:before {
    content: "\f2f5" !important;
}
.wbbBoardIcon5.fa-folder-open-o:before, .wbbBoardIcon5.fa-folder-o:before {
    content: "\f2f5" !important;
}

.wbbBoardIcon42.fa-folder-open:before, .wbbBoardIcon42.fa-folder:before, .wbbBoardIcon46.fa-folder-open:before, .wbbBoardIcon46.fa-folder:before {
    content: "\f086" !important;
}
.wbbBoardIcon42.fa-folder-open-o:before, .wbbBoardIcon42.fa-folder-o:before, .wbbBoardIcon46.fa-folder-open-o:before, .wbbBoardIcon46.fa-folder-o:before {
    content: "\f086" !important;
}

.wbbBoardIcon43.fa-folder-open:before, .wbbBoardIcon43.fa-folder:before {
    content: "\f0d0" !important;
}
.wbbBoardIcon43.fa-folder-open-o:before, .wbbBoardIcon43.fa-folder-o:before {
    content: "\f0d0" !important;
}

.wbbBoardIcon34.fa-folder-open:before, .wbbBoardIcon34.fa-folder:before, .wbbBoardIcon39.fa-folder-open:before, .wbbBoardIcon39.fa-folder:before {
    content: "\f059" !important;
}
.wbbBoardIcon34.fa-folder-open-o:before, .wbbBoardIcon34.fa-folder-o:before, .wbbBoardIcon39.fa-folder-open-o:before, .wbbBoardIcon39.fa-folder-o:before {
    content: "\f059" !important;
}

.wbbBoardIcon11.fa-folder-open:before, .wbbBoardIcon11.fa-folder:before {
    content: "\f338" !important;
}
.wbbBoardIcon11.fa-folder-open-o:before, .wbbBoardIcon11.fa-folder-o:before {
    content: "\f338" !important;
}

.wbbBoardIcon12.fa-folder-open:before, .wbbBoardIcon12.fa-folder:before {
    content: "\f111" !important;
}
.wbbBoardIcon12.fa-folder-open-o:before, .wbbBoardIcon12.fa-folder-o:before {
    content: "\f111" !important;
}

.wbbBoardIcon37.fa-folder-open:before, .wbbBoardIcon37.fa-folder:before {
    content: "\f1fd" !important;
}
.wbbBoardIcon37.fa-folder-open-o:before, .wbbBoardIcon37.fa-folder-o:before {
    content: "\f1fd" !important;
}

.wbbBoardIcon38.fa-folder-open:before, .wbbBoardIcon38.fa-folder:before {
    content: "\f236" !important;
}
.wbbBoardIcon38.fa-folder-open-o:before, .wbbBoardIcon38.fa-folder-o:before {
    content: "\f236" !important;
}

.wbbBoardIcon7.fa-folder-open:before, .wbbBoardIcon7.fa-folder:before {
    content: "\f06e" !important;
}
.wbbBoardIcon7.fa-folder-open-o:before, .wbbBoardIcon7.fa-folder-o:before {
    content: "\f06e" !important;
}

.wbbBoardIcon33.fa-folder-open:before, .wbbBoardIcon33.fa-folder:before {
    content: "\f0a1" !important;
}
.wbbBoardIcon33.fa-folder-open-o:before, .wbbBoardIcon33.fa-folder-o:before {
    content: "\f0a1" !important;
}

.wbbBoardIcon17.fa-folder-open:before, .wbbBoardIcon17.fa-folder:before {
    content: "\f2db" !important;
}
.wbbBoardIcon17.fa-folder-open-o:before, .wbbBoardIcon17.fa-folder-o:before {
    content: "\f2db" !important;
}

.wbbBoardIcon21.fa-folder-open:before, .wbbBoardIcon21.fa-folder:before {
    content: "\f026" !important;
}
.wbbBoardIcon21.fa-folder-open-o:before, .wbbBoardIcon21.fa-folder-o:before {
    content: "\f026" !important;
}

.wbbBoardIcon22.fa-folder-open:before, .wbbBoardIcon22.fa-folder:before {
    content: "\f071" !important;
}
.wbbBoardIcon22.fa-folder-open-o:before, .wbbBoardIcon22.fa-folder-o:before {
    content: "\f071" !important;
}

.wbbBoardIcon23.fa-folder-open:before, .wbbBoardIcon23.fa-folder:before {
    content: "\f0eb" !important;
}
.wbbBoardIcon23.fa-folder-open-o:before, .wbbBoardIcon23.fa-folder-o:before {
    content: "\f0eb" !important;
}

.wbbBoardIcon24.fa-folder-open:before, .wbbBoardIcon24.fa-folder:before {
    content: "\f7d9" !important;
}
.wbbBoardIcon24.fa-folder-open-o:before, .wbbBoardIcon24.fa-folder-o:before {
    content: "\f7d9" !important;
}

.wbbBoardIcon40.fa-folder-open:before, .wbbBoardIcon40.fa-folder:before {
    content: "\f02d" !important;
}
.wbbBoardIcon40.fa-folder-open-o:before, .wbbBoardIcon40.fa-folder-o:before {
    content: "\f02d" !important;
}

Display More

Christopher Walz May 28th 2020

Kann es sein, dass fa-folder-open-o fehlt?
Siehe https://cwalz.de/forum/

Grüße
- Black Rider May 28th 2020 Author
  
  Es sieht mir eher so aus, als ob du das nochmal an einer Stelle überschreibst:
  
  CSS
  
  .wbbBoardList .icon32.fa-folder-open-o::before, .wbbBoardList .icon32.fa-folder-open::before { content: "\f0e6"; font-size: 25px; }
  
  1
Kaphalor May 26th 2020
Super, endlich ... darauf habe ich nur gewartet!
Habe allerdings 2 Fragen:
Wird es ggf. die Möglichkeit geben die Pro-Variante zu aktivieren?
Kann es sein, dass in der Auswahl der Forenicons noch einige Icons fehlen?
Genauer gesagt fehlt mir z.B. das Xbox Icon, welches in Version 5.0.0 in der Free Version hinzugefügt wurde
https://fontawesome.com/icons?d=gallery&q=xb&m=free
- Black Rider May 27th 2020 Author
  
  Aktuell wird die manuelle Auswahl der Icons bei Foren, Trophäen und ähnliches im Administrationsbereich noch nicht unterstützt. Bevor das nicht läuft, mache ich mir auch noch keine Gedanken darum, die Pro-Version der Icons nutzbar zu machen. Generell ist das geplant, allerdings kann ich gegenwärtig nicht sagen, ob oder wann das der Fall sein wird.
  2
- pimpi Oct 12th 2020
  
  Selbiges hier - so eigentlich nicht nutzbar. Schade, gibt's schon neues zu den fehlenden Icons?
- Black Rider Oct 12th 2020 Author
  
  Nein, leider nicht. Aktuell sehe ich leider keine Möglichkeit, das entsprechend umzubauen, da mir hier die erforderlichen Möglichkeiten innerhalb des Cores fehlen.
KaptainRio May 13th 2020

Freute mich erst über dieses Plugin. Aber scheinbar verträgt es sich nicht mit dem Menü Icons Plugin von SoftCreatr. Die werden nach Installation von FA5 leider nicht mehr angezeigt.
3
- xBlackEye Jun 1st 2020
  
  Hab einmal "nachgefragt" bei SoftCreatr, ob das Plugin überarbeitet wird.
  
  Quote from Email - Kontaktformular
  
  Davon abgesehen, dass das Kontakt-Formular für derartige Dinge nicht gedacht ist, werden wir keine Anstalten machen, das Plugin in irgendeiner Weise zu unterstützen.
  
  Die 'Menü Icons' sind bei mir rausgeflogen, genauso wie die Erweiterung '[Entwickler] Font Awesome-Werkzeuge' von SoftCreatr. Die haben nur die alten FA Icons.
  1
- KaptainRio Jun 2nd 2020
  
  Na das ist ja ne nette Antwort von SoftCreatR. Werde die Menü-Icons dann auch rausschmeißen. denke ich. Danke für deine Mühe !
Sumale.my May 11th 2020

WOW! Super, obwohl gesagt wurde, es wäre nicht möglich.

Bei mir werden aber zwei Icons im Frontend nicht angezeigt "user-circle-o" und "comments-o". Im ACP werden diese angezeigt.
https://streamable.com/psqc07

Muss ich noch etwas aktualisieren?

Edit: Das Icon "archive" habe ich ebenfalls für ein Archiv ausgewählt. Im ACP wird es angezeigt, aber im Frontend zeigt er mir das Standard-Icon "Folder" an.

Cache Browser und im ACP gelöscht. Sowie anzeigen aktualisiert.

LG
- Black Rider May 11th 2020 Author
  
  Siehe https://support.kittmedia.com/…t/?postID=35072#post35072
  1

WoltLab Cloud Font Awesome 5 für WoltLab Suite 1.0.1

Images

Version 1.0.1

Version 1.0.0

Harald-RS Sep 21st 2020

Black Rider Sep 21st 2020 Author

Harald-RS Sep 22nd 2020

Christopher Walz May 28th 2020

Black Rider May 28th 2020 Author

Kaphalor May 26th 2020

Black Rider May 27th 2020 Author

pimpi Oct 12th 2020

Black Rider Oct 12th 2020 Author

KaptainRio May 13th 2020

xBlackEye Jun 1st 2020

KaptainRio Jun 2nd 2020

Sumale.my May 11th 2020

Black Rider May 11th 2020 Author

Crystal Temptation – Design (WoltLab Suite)

Freedom of Life – Design (WoltLab Suite)

Dreamily – Design for WoltLab Suite

Hypidiomorphic – Design for WoltLab Suite

The Depth of Blue – Design for WoltLab Suite

Share