Alte Webseite in WoltLab Cloud übernehmen (Startseite / Blog / Community / Wiki / Shop)

Moin moin,

ich bin seit ein paar Wochen WoltLab Cloud Kunde und mittlerweile ist mein Forum, mittels Subdomain, auch online: Forum.EQpassion.de

Meine gesamte Webseite ist aktuell effektiv ein Hybrid aus (1&1) Ionos Baukasten und WoltLab Cloud. Was unter der Subdomain läuft, wird über Woltlab betrieben und gehostet, der Rest geht über Ionos. Nun würde ich gerne die restliche Ionos-Seite auch zunehmend zur WoltLab Cloud umziehen. Einerseits des optisch einheitlichen Systems wegen, anderseits natürlich auch der Kosten wegen.

Es gibt es fünf Dinge, welche ich gerne (optisch) möglichst 1:1 umziehen würde:

1. Startseite
2. Blog
3. "Community"
4. Wiki
5. Shop

(.. naja und irgendwie auch die "Kaufberatung", wobei man das vielleicht auch ins Wiki packen und direkt verlinken könnte.)

Im Hinterkopf habe ich immer, dass ich alles weiterhin optisch so schlicht halten möchte, wie es das aktuell auf EQpassion.de ist. Entsprechend mein Stand zu den einzelnen Themen aktuell:

• Startseite könnte das Dashboard sein, aber das finde ich persönlich recht unübersichtlich. Mir erschließt sich dessen Sinn leider noch nicht richtig. Klar, eine Übersicht über alles aktuelle, aber irgendwie erschlägt das einen. Kann ich das irgendwie (heftig) individualisieren und somit entschärfen?
• Blog könnte ja einfach mittels dem integrierten Blog übernommen werden. Bzw das ich da eben den alten Blog einpflege. Kann ich da auch Beiträge erstellen und dann in die Vergangenheit zurück datieren? Damit wäre auch das abgehakt.
• "Community" löst sich vermutlich in mehrerer Hinsicht auf, bzw besser gesagt wird sie zu "Mitglieder", was ja in der Software schon integriert ist. Aber bekomme ich da auch meine (Google-)Community-Karte irgendwie rein?
• Für das Wiki habe ich gesehen, gibt es das VieCode Wiki. Das scheint 1:1 ein Wiki zu sein. Grundsätzlich heißt mein Wiki ja auch Wiki, aber ich habe aktuell eigentlich nicht vor andere darin rumschreiben zu lassen. Bin da noch etwas unsicher, wie ich das meinem Wiki anpasse, sodass es weiterhin so schön gestaltet bleibt. Habt Ihr mir da einen Tipp?
• Für den Shop gibt es ja das wunderbare VieCode Shop Plugin, das scheint eigentlich echt gut zu sein. Und soweit ich es sehe, ist das auch fähig Rechnungen zu schreiben, welche den Kunden angepasst sind (Deutschland/Europaweit/Weltweit/..). Oder? Damit wäre der Shop schonmal abgehakt.

Allgemein übergreifend ein Thema:

• Meine gesamte Webseite ist zweisprachig. Ich muss also alles in deutsch und in englisch erstellen und dann miteinander verknüpfen können. (WoltLab erkennt ja was für eine Sprache der Nutzer im Browser eingestellt hat, das hilft schonmal sehr)
• SocialMedia ist natürlich sehr wichtig für meine Seite. Vor allem Facebook. Entsprechend möchte ich bei jeder Seite in der Linkvorschau ein eigenes Bild hinterlegen können und einen eigenen Text. Gerne darf WoltLab das auch im Hintergrund machen. Dann würde ich nur wissen wollen, nach welchen Kriterien es das macht, sodass ich das im Hinterkopf habe.
• Wenn nun wer die Suche oben rechts im Eck verwendet, findet er dann nur Dinge im Forum oder würde die dann auch Dinge aus Wiki, Blog, etc.. auflisten?

Habt ihr mir da Tipps oder Anregungen, was ich mir mal genauer ansehen sollte, mit dem ich so manches realisieren kann?

Außerdem freue ich mich natürlich auch über allgemeine Anregungen zu meiner Seite. Sollte Euch da was auffallen oder etwas nicht intuitiv sein, gerne kritisieren. Ich selbst sehe ja vermutlich den Wal vorlauter Bäumen nicht mehr. Selbst pingelige Kritik ist in meinen Augen 1.000x hilfreicher als ein nett gemeintes "Super!".

Bastle gerade am Bereich Blog rum. Soweit ich es sehe, gibt's da die Möglichkeit, dass auch andere einen Blog starten könnten.

Aber beißt sich das nicht mit dem Forum? Sollen die ihre Beiträge nicht ins Forum packen und dort diskutieren? Oder wo ist da die Linie?

Kann ich irgendwo abschalten, dass dritte bei mir Bloggen können? Hätte gerne, dass Leute direkt bei meinem Blog landen, wenn sie auf "Blog" drücken. Möchte nicht, das sie erst aussuchen müssen, dass sie meinen Blog sehen wollen. Geht das?

Sehe ich es richtig, dass ich Blog-Posts nicht nach Sprache sortieren kann oder einen deutschen und einen englischen Text hinterlegen?

Den Shop und das Wiki kann ich nun abhaken, beides wurde mit dem jeweiligen Plugin von VieCode realisiert und ist nun so gut wie zuvor, bzw in den meisten Dingen sogar besser. Bin auch absolut vom Support rund um diese Produkte begeistert. Da bleibt keine Frage ungeklärt und auf Bugs (in Verbindung mit der noch recht neuen WoltLab Cloud) wurde nicht nur schnell reagiert, sondern auch schnell behoben und mir eine preVersion zum entsprechenden Update aufgespielt.

Besser kann es nicht sein.

Als nächstes Steht der Blog an, welchen ich in Artikel immigrieren werde.

Ich passe mal meine aktuelle todo-Liste an:

Quote from MineCooky

Es gibt es fünf Dinge, welche ich gerne (optisch) möglichst 1:1 umziehen würde:
Startseite
Blog
"Community"
Wiki
Shop

Jetzt würde ich gerne meine Startseite nachbauen. Zumindest mal inhaltlich.Hier seht ihr, wie sie noch bei IONOS aussieht, direkt aus dem Baukasten.

Wie bekomme ich die in der WoltLab Cloud nachgebaut? Hatte im ACP eine neue Seite erstellt und dann einfach mittels Boxen alles geholt. Aber so einfach ist es wohl nicht.

Im Prinzip will ich ne Startseite, welche auch wieder einerseits ein paar Beiträge so durch scrollt, mit großem Bild und anderseits die neusten 5 Stück auflistet. Ganz unten dann vielleicht noch mein Zitat, wobei das auch weg bleiben kann, wenn es zu aufwändig wäre.

Quote from LucasBox

Einen Slider mit zufälligen Artikeln bekommst du hier:

Gekauft.

Aber so ganz verstanden habe ich es noch nicht. Meinen aktuellen Prototyp findest Du hier. Wie bringe ich der Box bei, das sie einfach die neusten 5 Artikel durch rollieren soll? Möchte das nicht jedes mal händlisch neu machen müssen.

Was ist eigentlich der Unterschied zwischen einem Slideshow Element und einer angelegten Slideshow? (Siehe Anleitung) Ganz hab ich's noch ncht raus, hab jetzt einfach beides mal nach Intuition angelegt.

Quote from LucasBox

Und die neusten 5 Beiträge bekommst du ja mit einer normalen Box.

Wie?

Das wäre dann die Liste unter der Slider-Box?

Quote from LucasBox

Ich glaube nach der Anleitung habe ich es mal hinbekommen.

Die Funktion aus seinem Screenshot habe ich auch schon gefunden. Dann sieht es wie es jetzt hier aussieht. Aber dann habe ich nur eine Liste, keine Slideshow mehr. (Siehe jetzt hier) Das soll ja eigentlich durchsliden, wie auf der alten Seite.

Ahh, spitze. Danke dir.

Vermutlich kann ich nicht machen, dass das Teaserbild verwendet wird, statt dem Hintergrundbild, oder?

Edit:

Nutze für die Hintergrundbilder ja logischerweise eher lange schmale Bilder. Die passenderen breiten Bilder nutze ich für die Teaser (Link-Vorschaubild). Aber eben diese passenderen Bilder werden hier leider nicht verwendet.

Ich fürchte Templates übersteigen meinen Horizont. Zumindest kann ich mit dem Begriff nichts anfangen.

Wie finde ich denn heraus, welches template ich verändern möchte? Ich kann es leider nur auf folgende einkreisen:

__slideshowWysiwygToolbar

__slideshowSearchDialog

__slideshowNavigationPageControl

__slideshowNavigationDirectional

__slideshowItemFile

__slideshowItemArticle

__slideshowItem

__slideshowBoxxerContentPreviewListBoxSlideshowProcessor

__slideshowBoxxerContentPreview

slideshow

.. das weis ich aber auch nur, weil ich die Templates nach Erstellungsdatum sortieren kann und weis wann ich das Plugin für die Slide-Show installiert hatte.

In dem hatte ich auch schon rumgestochert. Das sah mir aber nicht richtig aus. Wobei ich hier vermutlich auch deutlich über meiner Kompetenz-Grenze hinaus bin.

<div class="slideshowItem imageMode{$item->imageMode|ucfirst}" data-item-id="{$item->itemID}">
    {if !$item->image->isEmpty()}<div class="background"><img src="{$item->image->getLink()}" loading="lazy" alt="{$item->image->getTitle()}" /></div>{/if}
    {if !$item->url|empty}<a class="itemLink" href="{$item->url}"></a>{/if}
    {hascontent}
    <div class="boxWrapper {$item->boxPosition}{*
    *} content{$item->boxContentAlignment|ucfirst}{*
    *} {$item->boxStyle}{*
    *} boxWidth{$item->boxWidth|ucfirst}{*
    *} boxHeight{$item->boxHeight|ucfirst}{*
    *} {$item->boxPositionalCssClasses}"{*
    *} style="--box-margin: {$item->boxMargin}">
        <div{if !$slideshow->isInLayoutBoundary} class="layoutBoundary"{/if}>
            <div class="box boxBorderless">
                <div class="boxContent">
                    {content}
                        {foreach from=$item->article->getLabels() item=label}
                            <span class="badge label {$label->getClassNames()}">{$label->getTitle()}</span>
                        {/foreach}
                        <h2>
                            {if ARTICLE_ENABLE_VISIT_TRACKING && $item->article->isNew()}<span class="badge label newMessageBadge">{lang}wcf.message.new{/lang}</span>{/if}
                            {$item->getTitle()}
                        </h2>
                        {@$item->article->getFormattedTeaser()}
                        <ul class="inlineList articleMetaData">
                            <li itemprop="author" itemscope itemtype="http://schema.org/Person">
                                <span class="icon icon16 fa-user"></span>
                                <span itemprop="name">{$item->article->username}</span>
                            </li>

                            <li>
                                <span class="icon icon16 fa-clock-o"></span>
                                {@$item->article->time|time}
                            </li>

                            {if $item->article->getDiscussionProvider()->getDiscussionCountPhrase()}
                                <li itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter">
                                    <span class="icon icon16 fa-comments"></span>
                                    <span>{$item->article->getDiscussionProvider()->getDiscussionCount()}</span>
                                    <meta itemprop="interactionType" content="http://schema.org/CommentAction">
                                    <meta itemprop="userInteractionCount" content="{$item->article->getDiscussionProvider()->getDiscussionCount()}">
                                </li>
                            {/if}

                            <li>
                                <span class="icon icon16 fa-eye"></span>
                                <span>{#$item->article->views}</span>
                            </li>

                            {if $item->article->isDeleted}<li><span class="badge label red">{lang}wcf.message.status.deleted{/lang}</span></li>{/if}

                            {event name='articleMetaData'}
                        </ul>
                    {/content}
                </div>
            </div>
        </div>
    </div>
    {/hascontent}
</div>

In seinem Forum schrieb er das auf meine Fragen:

Quote from Warly

Hey,

um die Darstellung ähnlich dem Vorbild hinzubekommen, müsstest du:

• Die Slideshow-Box auf die Position "Über Inhaltsbereich" verschieben
• Den "Navigationsstil" auf "Keine" stellen
• "Pfeile zur Navigation anzeigen" auf "Ja"
• "Höhe" für "top:650px"
• Den "Stil" Bei "Elemente - Box" auf Transparent
• Die "Position" bei "Elemente - Box" auf "Mittig links"

Das Teaser-Bild wird aber bereits verwendet, es hat aber von Haus aus einen Fallback auf das Artikel-Bild

Für die Liste darunter könntest du das CSS anpassen, z.B.:

Code

.contentItemMultiColumn { flex-basis: 100% }

.. leider bekomme ich das aber nicht hin. Bzw ist die Anleitung nicht Idioten-Sicher.