Dokumentation zum Design Pandora

Das Design „Pandora“ nutzt das Boxensystem auf clevere Weise, so dass du die Boxen vom Typ „Hero“ im Header verwenden kannst. Im Vorschau-Forum sind entsprechende Boxen dargestellt. Wie diese konfiguriert sind, sieht du nachfolgend.

Hero-Box für Gäste

Für Gäste gibt es einen motivierenden Text inklusive Buttons zum registrieren/anmelden.

Gehe in deinem Administrationsbereich zu Inhalte Boxen Box hinzufügen und wähle den Box-Typ „Template“ aus. Benenne nun die Box nach deinen Wünschen und wähle als Position den Eintrag „Hero“ aus. Entferne zudem mit einem Klick den Haken bei Box-Titel anzeigen.

Box-Einstellungen „Allgemeine Daten“

Wechsle nun zum Tab „Inhalte“ und gib bei Inhalt folgendes ein:

<h3>{if LANGUAGE_USE_INFORMAL_VARIANT}Mach{else}Machen Sie{/if} jetzt mit und {if LANGUAGE_USE_INFORMAL_VARIANT}sichere dir{else}sichern Sie sich{/if} einen Platz in unserer Community!</h3> <p>Diese Community ist mehr als nur ein Standard-Forum. Viel mehr ist sie ein Stützpfeiler zum Ausleben {if LANGUAGE_USE_INFORMAL_VARIANT}deiner{else}Ihrer{/if} Leidenschaft. Es wartet ein vielfältiges Angebot auf {if LANGUAGE_USE_INFORMAL_VARIANT}dich{else}Sie{/if}. Mit dabei: das wunderschöne Design „Pandora“ von <a href="https://kittmedia.com">KittMedia</a>.</p> <div class="heroBoxesButtons"> <div class="singleButton"><a href="{link controller='Register'}{/link}" class="button"><span class="icon icon16 fa-user-plus"></span> {lang}wcf.user.button.register{/lang}</a></div> <div class="singleButton"><a href="{link controller='Login'}{/link}" class="button"><span class="icon icon16 fa-sign-in"></span> {lang}wcf.user.button.login{/lang}</a></div> </div>
Code-Sprache: HTML, XML (xml)

Ignoriere dabei die Felder Box-Bild und Titel.

Wechsle nun zum Tab „Zugangsbeschränkung“ und wähle bei Inhalt ist für alle Benutzer sichtbar den Wert „Nein“. Nun wird ein neuer Bereich sichtbar, in dem du Zugangsbeschränkungen festlegen kannst. Gib in dem dortigen Feld „Gäste“ ein und wähle den entsprechenden Eintrag durch einen Klick im Drop-down-Menü aus. Speichere die Box nun durch einen Klick auf Absenden.

Box-Einstellung „Zugangsbeschränkung“

Hero-Box für registrierte Benutzer

Verfahre wie bei der Hero-Box für Gäste. Dabei gibt es zwei Ausnahmen. Gib zum einen folgenden Inhalt im Tab „Inhalte“ an:

<h3>Herzlich willkommen zurück, {$__wcf->user->username}!</h3> <p>{if LANGUAGE_USE_INFORMAL_VARIANT}Du trägst{else}Sie tragen{/if} zu unserer Community bei:</p> <div class="heroBoxesContentList"> {if MODULE_LIKE && $__wcf->user->likesReceived} <dl class="heroBoxesContentListContent"> <dd>{#$__wcf->user->likesReceived}</dd> <dt>{lang}wcf.like.likesReceived{/lang}</dt> </dl> {/if} {if $__wcf->user->activityPoints} <dl class="heroBoxesContentListContent"> <dd>{#$__wcf->user->activityPoints}</dd> <dt><span>{lang}wcf.user.activityPoint{/lang}</span></dt> </dl> {/if} {if MODULE_TROPHY && $__wcf->session->getPermission('user.profile.trophy.canSeeTrophies') && $__wcf->user->trophyPoints} <dl class="heroBoxesContentListContent"> <dd>{#$__wcf->user->trophyPoints}</dd> <dt><span>{lang}wcf.user.trophy.trophyPoints{/lang}</span></dt> </dl> {/if} {if $__wcf->user->wbbPosts} <dl class="heroBoxesContentListContent"> <dd>{#$__wcf->user->wbbPosts}</dd> <dt>{lang}wbb.post.posts{/lang}</dt> </dl> {/if} {if $__wcf->user->blogEntries} <dl class="heroBoxesContentListContent"> <dd>{#$__wcf->user->blogEntries}</dd> <dt>{lang}blog.entry.entries{/lang}</dt> </dl> {/if} {if $__wcf->user->galleryImages} <dl class="heroBoxesContentListContent"> <dd>{#$__wcf->user->galleryImages}</dd> <dt>{lang}gallery.image.images{/lang}</dt> </dl> {/if} {if ('GALLERY_VIDEO_UPLOAD'|defined && GALLERY_VIDEO_UPLOAD || 'GALLERY_VIDEO_LINKS'|defined && GALLERY_VIDEO_LINKS) && 'GALLERY_MESSAGE_SIDEBAR_ENABLE_USER_VIDEOS'|defined && GALLERY_MESSAGE_SIDEBAR_ENABLE_USER_VIDEOS && $__wcf->user->galleryVideos} <dl class="heroBoxesContentListContent"> <dd>{#$__wcf->user->galleryVideos}</dd> <dt>{lang}gallery.video.videos{/lang}</dt> </dl> {/if} {if $__wcf->user->filebaseFiles} <dl class="heroBoxesContentListContent"> <dd>{#$__wcf->user->filebaseFiles}</dd> <dt>{lang}filebase.file.files{/lang}</dt> </dl> {/if} {if $__wcf->user->calendarEvents && $__wcf->session->getPermission('user.calendar.canReadEvent')} <dl class="heroBoxesContentListContent"> <dd>{#$__wcf->user->calendarEvents}</dd> <dt>{lang}calendar.event.events{/lang}</dt> </dl> {/if} </div> <p>Weiter so! Mit dabei: das wunderschöne Design „Pandora“ von <a href="https://kittmedia.com">KittMedia</a>.</p>
Code-Sprache: HTML, XML (xml)

Und gib bei den Zugangsbeschränkungen „Registrierte Benutzer“ an und wähle diese entsprechend aus.