Featured WoltLab Cloud Radiant 2.2.0

Die Schriftart Roboto hat nur die Stile Medium (500), Bold (700) und Black (900) für fettere Texte. Im Lieferumfang ist jedoch nur der Stil Medium (500) enthalten:

<link href="//fonts.googleapis.com/css?family=Roboto:300,400,400i,500,500i|Roboto+Condensed:300,400&display=swap" rel="stylesheet" />

Und so wird er verwendet font-weight: 500; für fettere Texte.

Sie können den obigen Code in der headInclude-Template ersetzen, um den Stil Bold (700) einzubinden:

<link href="//fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,400;1,500&display=swap" rel="stylesheet" />

Danach können Sie dann die font-weight: 700;-Deklaration verwenden.

So funktioniert es wieder. Vielen Dank!

Still from Google CDN.

Good to know. Thanks.

Sie müssen ein Bild hochladen, das die Mindestabmessungen erfüllt.

Für das Vorschaubild muss es mindestens 102 x 64 Pixel groß sein. Dann sollte das Vorschaubild (HD) doppelt so groß sein.

Das Favicon sollte 256x256 Pixel groß sein. Sie können Ihr bestehendes Logo als Favicon hochladen, solange es 256x256 Pixel groß ist, sonst kommt die Fehlermeldung.

Ja, die verwendeten Fonts werden noch aus Google geladen. Das liegt daran, dass wir in diesem Stil zwei Fonts verwenden, die von WoltLab noch nicht unterstützt werden.

Kann man die fonts nicht im Stil mitliefern?

Wir werden sie in den Stil aufnehmen, wenn WoltLab jemals mehrere Fonts unterstützt. Ab sofort kann ich Ihnen Schritte geben, wie Sie es lokal hosten können, wenn Sie möchten.

@Ramiru Wieso downloadest du die Font nicht direkt von Google Fonts (https://fonts.google.com/specimen/Lato "Download family") und lieferst sie im Stil mit und verlinkst sie lokal? Dann wird kein Request zu Google gemacht.

Ich werde das vielleicht in der nächsten Version berücksichtigen. Aber ich muss erst testen, ob es nur eine kleine Unannehmlichkeit gibt, wenn der Benutzer jemals zu einer anderen Fonts wechseln möchte.

Bitte verwenden Sie dieses CSS:

.wbbBoardList {
    .wbbBoard > .icon {
        background: red;
        color: yellow;
        
        &.markAsRead {
            background: pink;
            color: lime;
        }
    }
    
    .wbbExternalLink .wbbBoard > .icon {
        background: orange;
        color: blue;
    }
}

Die Icons sehen immernoch gleich aus ...

Der Code sollte in Erweiterte Einstellungen > Individuelles CSS und SCSS eingegeben werden.

Hier ist das Ergebnis danach: https://pasteboard.co/JBVqioP.png

Habe ich gemacht passiert aber leider nichts.

Könnten Sie bitte die URL Ihrer Website angeben, damit ich sie mir anschauen kann?

Wenn Sie WoltLab 5.3.0 haben, können Sie Radiant 2.0.1 oder ältere Versionen nicht darauf installieren. Sie können nur die kommende Version 2.1.0 installieren.

Wenn Sie derzeit WoltLab 5.2.x und Radiant 2.0.1 oder älter haben, müssen Sie zunächst den Wert für Höchstbreite auf Prozent setzen, damit Sie erfolgreich auf WoltLab 5.3.0 upgraden können. Wenn Sie die Höchstbreite nicht auf Prozent setzen, können Sie kein Upgrade auf WoltLab 5.3.0 durchführen.

Sobald die Änderung in Prozent erfolgt ist, funktioniert Radiant 2.0.1 mit WoltLab 5.3.0.

Ich erst die Breite auf Prozent gesetzt. Update funktionierte nicht!

Erst als ich den Radiant entfernte, lief update durch. Wo bekomme ich 2.1.0 ?

@RainerSF bitte mal alle Beiträge sorgfältig und langsam lesen, alle Antworten stehen bereits drin!

@Teclador

Anforderung Option A (Bevorzugt):

1. Gehen Sie zu ACP > Anpassung > Stile > Radiant > Globale Einstellungen.
2. Legen Sie die Höchstbreite auf Prozent (%) fest, d. h. geben Sie den Wert von 50-100 ein und wählen Sie Prozent (%) als Einheit in der Dropdown-Liste.
3. Klicken Sie auf die Schaltfläche SUBMIT, um die Änderungen zu speichern.

Genau das hat nicht funktioniert! Was diese Anleitung bei 2.0.1 zu suchen hat bleibt schleierhaft! Bei 2.1 wäre sie sinnvoll!

So verwirrt das nur, und man muss die Wartezeit mit einem gratis Stil überbrücken.

Genau das Theme ist halt noch nicht von Woltlab freigegeben Ramiru hat das auch extra geschrieben und er hat darauf leider auch keinen Einfluss.

P.S. ich hatte mich auch etwas geärgert, aber wir sind alle nur Menschen

Kann nicht mehr so lange dauern. Die Demo läuft schon unter 5.3.0 https://demo.forostyle.com/WoltLab/

Die Anleitung für 5.3 ist auch schon geposted, also warten wir wohl "nur" noch auf die Freigabe durch Woltlab

Er steht noch zur Überprüfung durch WoltLab aus. Sobald es veröffentlicht ist, müssen Sie vor dem Update auf WoltLab 5.3.0 eine der im SEHR WICHTIGER HINWEIS auf der Registerkarte Übersicht beschriebenen Anforderungen erfüllen.

Hallo,

da ich weiß, dass ihr gespannt wartet: ich habe das Update gerade freigegeben.

Könnten Sie bitte eine Live-URL angeben? Ich werde versuchen, sie zu überprüfen, da sie die gesamte Breite abdecken soll.

ist derzeit localhost

Unterstützte Versionen

WoltLab Suite5.2

WoltLab Suite 5.3

angeblich sollte es schon kompatibel sein, auch zwei Beiträge drunter schreibt er:

Dies ist für Version 5.2.x. Ich werde eine weitere Version für 5.3 veröffentlichen, wenn die endgültige WoltLab 5.3 freigegeben wird.

sonst hätte ich mir die version auch nicht gestern gekauft

In der Artikel Liste hab ich einen Darstellungsfehler entdeckt, nach dem Update auf 5.3.0

Ehhm bei mir crashed komplett alles, also das gesamte Template, habt ihr eine Idee woran das liegen kann?

Auf 5.3 läuft der Stil 100 % NICHT!

Jo hatte das Theme auch nochmals deinstalliert und wieder installiert, leider mit dem selben Ergebnis, also auf den Author warten

Ja, wie ich bereits weiter unten erwähnt habe, ist dies nur für Version 5.2.x. Ich werde nächste Woche eine neue Version veröffentlichen, die mit 5.3 kompatibel sein wird.

Ok danke, dann war nur die kategorisierung etwas verwirrend, aber danke für deine tolle Arbeit

Das Icon "geschlossen" wird nur angezeigt, wenn ACP > Configuration > Radiant > General > Show Messages List Status Icons auf Ja gesetzt ist.

Dies ist für Version 5.2.x. Ich werde eine weitere Version für 5.3 veröffentlichen, wenn die endgültige WoltLab 5.3 freigegeben wird.

Zuerst müssen Sie Ihre aktuelle Version sichern. Als nächstes müssen Sie das Upgrade auf 2.0.1 durchführen. Dann müssen Sie alle Änderungen, die Sie an den Templates vorgenommen haben, erneut anwenden.

Der Grund dafür ist, dass Templates bei Updates überschrieben werden.

Danke! Dann werde ich mir das mal in einer ruhigen Minute anschauen.

Scheinbar wurden meine modifizierten Templates, die nicht vom Radiant Stil stammen, nicht angefasst. Alle meine Templates sind weiterhin vorhanden und wurden nicht überschrieben.

Darf ich die Live-URL Ihrer Website erfahren? Ich glaube, es ist einfach ein falscher CSS-Klassenname, der dies verursacht.

https://ravenix.net

Ich habe im Moment keinen Zugang. Da steht "Error 1020 Access denied".

Achso habe eine Ländersperre drinnen ist jetzt deaktiviert

Suchen Sie in der Slider-Template, wahrscheinlich das pageHeaderSlidesDashboard, den Code:

<div id="headerSlides" class="headerSlides">

ersetzen Sie dann mit:

<div id="headerSlides" class="headerSlides headerSlidesLoading">

Könnten Sie bitte etwas genauer erklären, was Sie zu tun versuchen?

Wenn Sie nur den Autor in der Artikelliste ausblenden möchten, können Sie dies entweder mittels CSS (ausblenden) oder durch Bearbeiten der Template (den Autor entfernen) tun.

Das Design der CMS Boxen sollten im gleichen Design wie die von den Artikelboxen dargestellt werden.

Die kurze Antwort ist ja.

Aber wie Sie in der Demo: https://demo.forostyle.com/WoltLab/index.php?boxes-demo/ sehen können, gibt es viele Arten von CMS-Boxen aufgrund ihrer Platzierung (Seitenleiste, Hero, über dem Inhalt, usw.).

Wenn Sie bestimmen können, welche Box Sie zu so etwas wie den Artikeln machen möchten, dann können wir das entsprechende CSS so modifizieren, dass es die Artikelliste imitiert.

Sie können die Links des Hauptmenüs in der ACP ändern. Sie haben die Möglichkeit, auf interne oder externe Links zu verweisen.

Wenn ich das hauptmenü änder, ändert doch auch beim Navigation oben oder nicht?

Die Kopfnavigation und das Hauptmenü in der Fußzeile sind identisch, so dass sich alle Änderungen, die Sie in der Kopfnavigation vornehmen, auch auf die Fußzeile auswirken.

Wenn Sie das Hauptmenü in der Fußzeile ändern möchten, müssen Sie die pageFooter-Template modifizieren und den untenstehenden Code durch einen manuellen Menülink ersetzen:

<h2 class="footerBunchTitle">{@$__wcf->getBoxHandler()->getBoxByIdentifier('com.woltlab.wcf.MainMenu')->getTitle()}</h2>
{@$__wcf->getBoxHandler()->getBoxByIdentifier('com.woltlab.wcf.MainMenu')->render()}

Zum Beispiel:

<h2 class="footerBunchTitle">Custom Menu</h2>
<ol class="boxMenu">
    <li>
        <a href="https://woltlab.com" class="boxMenuLink" target="_blank"><span class="boxMenuLinkTitle">WoltLab</span></a>
    </li>
    <li>
        <a href="https://google.com" class="boxMenuLink" target="_blank"><span class="boxMenuLinkTitle">Google</span></a>
    </li>
    <li>
        <a href="https://microsoft.com" class="boxMenuLink" target="_blank"><span class="boxMenuLinkTitle">Microsoft</span></a>
    </li>
</ol>

Super

Wie kann ich auch im Slider diese Text + Button verändert & das der banner nicht der gleiche wie Header neben Navigation ist, wollte ein anderen banner im footer hinzufügen.

Finde es alles nicht, ist zwar mega cool aufgebaut, aber ist nicht zu leicht zu finden

Dann war es auf jedenfall, danke für den support!

Zuerst können Sie den gesamten Text im Slider ändern, indem Sie zu ACP > Anpassung > Texte verwalten > Filter: Kategorie: wcf.Radiant.headerSlides gehen und dann einen benutzerdefinierten Wert für jede Phrase angeben.

https://pasteboard.co/Id8FcPc.png

Als nächstes müssen Sie die entsprechende Template manuell bearbeiten, um das Hintergrundbild und seinen Inhalt zu ändern.

Für den Slider im Dashboard ist die Template, die Sie bearbeiten müssen, ACP > Anpassung > Templates > Radiant > pageHeaderSlidesDashboard

https://pasteboard.co/Id8GFTI.png

Hier ist eine Übersicht über den Slider: https://forostyle.com/styles/radiant/#langPhrases

Bitte werfen Sie einen Blick auf diesen Kommentar für eine Korrektur: https://pluginstore.woltlab.co…omment33570/response44353

Die kompatible Version für WoltLab 5.3 wird kostenlos sein.

Damit es immer erweitert wird, verwenden Sie bitte dieses CSS:

.codeBox.collapsed {
    max-height: 100% !important;
    
    > .toggleButton {
        display: none;
    }
}

Um eine schwarze Schriftfarbe zu erhalten, wählen Sie "None" unter "Syntax Highlighting", wenn Sie den Code einfügen.

Was Ihr anderes Problem bezüglich des nicht anklickbaren Register-Links betrifft, so kann ich diesen auf meiner lokalen Installation und in der Demo nicht reproduzieren.

Vielen Dank für den CSS Code, klappt bestens.

Die nicht funktionierende Anmelde-Button in der mobilen Version wohl generell nicht. Getestet in Safari, Firefox und Chrome.

Könnten Sie bitte einen Link zu Ihrer Website angeben, auf der das Login-Symbol nicht funktioniert?

Hab eine Ursache gefunden. Wenn man den Zugriff in den Benutzergruppen für nicht registrierte Benutzer sperrt sieht man zwar in der normalen Ansicht den Anmelden / Registrieren Button, jedoch in der mobilen Version ist der Button nicht anklickbar. Gebe ich einen Bereich für Gäste frei klappt es.

Bitte probieren Sie dieses CSS aus:

.gpxGpxContent > .section,
.gpxGpxLikesSummary {
    padding: 0;
}

Danke - Hat funktioniert

Hallo,

Könnten Sie mir bitte die videoList, imageList und entryList-Templates über Conversation schicken?

Oder, falls möglich, einen Admin-Zugang einer Testinstallation, in der diese Anwendungen installiert sind. Dies ist eine viel bessere Option, bei der ich gründlich testen kann, ob die Änderungen an den Vorlagen funktionieren.

Schicke ich dir heute Nacht wenn ich von der Arbeit nach Hause komme, danke schon mal.

Hallo,

Zuerst können Sie den gesamten Text im Slider ändern, indem Sie zu ACP > Anpassung > Texte verwalten > Filter: Kategorie: wcf.Radiant.headerSlides gehen und dann einen benutzerdefinierten Wert für jede Phrase angeben.

https://pasteboard.co/Id8FcPc.png

Als nächstes müssen Sie die entsprechende Template manuell bearbeiten, um das Hintergrundbild und seinen Inhalt zu ändern.

Für den Slider im Dashboard ist die Template, die Sie bearbeiten müssen, ACP > Anpassung > Templates > Radiant > pageHeaderSlidesDashboard

https://pasteboard.co/JgJd7E7.png

Grüße

Sie müssen den Stil als Paket installieren. Sie können ihn nicht durch Importieren des Stils installieren.

Bitte beachten Sie dieses Installationshandbuch: https://forostyle.com/styles/r…iant%20Style%20Manual.pdf

Könnten Sie bitte eine Live-URL Ihrer Website angeben?

Es wird getrennt gehalten, da nicht alle JS-Dateien auf allen Seiten benötigt werden. Einige davon werden nur auf bestimmten Seiten geladen.

So oder so, ich würde es nicht empfehlen, aber ich kann Ihnen zwei Optionen nennen.

Option A:

Verwenden Sie dieses CSS:

.sidebar #sidebarForm {
    display: none;
}

Option B:

Löschen Sie den untenstehenden Code in den folgenden Templates:

• articleList
• categoryArticleList
• unreadArticleList
• watchedArticleList

{capture assign='sidebarRight'}
    {if !$labelGroups|empty}
        <form id="sidebarForm" method="post" action="{link application='wcf' controller=$controllerName object=$controllerObject}{/link}">
            <section class="box">
                <h2 class="boxTitle">{lang}wcf.label.label{/lang}</h2>
                
                <div class="boxContent">
                    <dl>
                        {foreach from=$labelGroups item=labelGroup}
                            {if $labelGroup|count}
                                <dt><label>{$labelGroup->getTitle()}</label></dt>
                                <dd>
                                    <ul class="labelList jsOnly">
                                        <li class="dropdown labelChooser" id="labelGroup{@$labelGroup->groupID}" data-group-id="{@$labelGroup->groupID}">
                                            <div class="dropdownToggle" data-toggle="labelGroup{@$labelGroup->groupID}"><span class="badge label">{lang}wcf.label.none{/lang}</span></div>
                                            <div class="dropdownMenu">
                                                <ul class="scrollableDropdownMenu">
                                                    {foreach from=$labelGroup item=label}
                                                        <li data-label-id="{@$label->labelID}"><span><span class="badge label{if $label->getClassNames()} {@$label->getClassNames()}{/if}">{$label->getTitle()}</span></span></li>
                                                    {/foreach}
                                                </ul>
                                            </div>
                                        </li>
                                    </ul>
                                    <noscript>
                                        {foreach from=$labelGroups item=labelGroup}
                                            <select name="labelIDs[{@$labelGroup->groupID}]">
                                                <option value="0">{lang}wcf.label.none{/lang}</option>
                                                <option value="-1">{lang}wcf.label.withoutSelection{/lang}</option>
                                                {foreach from=$labelGroup item=label}
                                                    <option value="{@$label->labelID}"{if $labelIDs[$labelGroup->groupID]|isset && $labelIDs[$labelGroup->groupID] == $label->labelID} selected{/if}>{$label->getTitle()}</option>
                                                {/foreach}
                                            </select>
                                        {/foreach}
                                    </noscript>
                                </dd>
                            {/if}
                        {/foreach}
                    </dl>
                    <div class="formSubmit">
                        <input type="submit" value="{lang}wcf.global.button.submit{/lang}" accesskey="s">
                    </div>
                </div>
            </section>
        </form>
        
        <script data-relocate="true">
            $(function() {
                WCF.Language.addObject({
                    'wcf.label.none': '{lang}wcf.label.none{/lang}',
                    'wcf.label.withoutSelection': '{lang}wcf.label.withoutSelection{/lang}'
                });
                
                new WCF.Label.Chooser({ {implode from=$labelIDs key=groupID item=labelID}{@$groupID}: {@$labelID}{/implode} }, '#sidebarForm', undefined, true);
            });
        </script>
    {/if}
{/capture}

Danke, dass Sie diesen Fehler gemeldet haben. Um ihn zu beheben, öffnen Sie ACP > Anpassung > Templates > Radiant > pageHeaderSlidesDashboard und suchen Sie:

{lang}wcf.menu.item.com.woltlab.wbb.UnresolvedThreadList{/lang}

und ersetzen Sie ihn dann durch:

{lang}wbb.board.filterByStatus.undone{/lang}

Danke hat funktioniert

Ja, so werden die Artikel aussehen, wenn dieser Stil verwendet wird.

1) Bitte fügen Sie dies in Erweiterte Einstellungen > Individuelles CSS und SCSS hinzu:

@include screen-sm-down {
    #messageQuickReply .messageAuthorContainer {
        margin: 0 5px 0 40px;
    }    
}

2) Bitte sehen Sie sich diesen Kommentar für die Lösung an: https://pluginstore.woltlab.co…omment33570/response44353

1) Das passt jetzt an der Stelle, nur ist es auch bei den anderen Einträgen nun auch verschoben. Weil so hatte ich es selbst auch schon abgeändert bekommen

2) Den Fix hab ich schon drin, ich meine aber was anderes. Wenn Sie hier mal draufklicken: https://ls-modcompany.com/foru…d/?postID=90435#post90435

dann sehen Sie was ich mein. Die Seite müsste ein Stück weiter oben geladen werden. Von dem Beitrag ist der obere Teil vom Header verdeckt.

Besten Dank schonmal!

Entschuldigen Sie, dass ich die Code-Fixes, die ich veröffentlicht habe, nicht gründlich getestet habe.

1) Ich habe meine obige Antwort für den korrekten Code bearbeitet.

2) Ich habe auch den korrekten Code bei https://pluginstore.woltlab.co…omment33570/response44353 editiert.

Beides funktioniert nun wie es soll. Herzlichen Dank für den tollen Support!