So gestalten Sie Ihre Community auf Ning

Obwohl der Inhalt zweifellos das wertvollste Gut Ihres Ning-Netzwerks ist, sollte auch das Design sehr ernst genommen werden. Egal wie relevant und ansprechend Ihre Inhalte sind, niemand würde sich besonders freuen, eine hässliche Website zu durchsuchen, oder? Die Wahrheit ist, dass 38 % der Menschen die Interaktion mit einer Website aufgeben, wenn sie sie unattraktiv finden . Als Netzwerkersteller möchten Sie natürlich nicht so viel Publikum verlieren. Im Gegenteil, Sie möchten, dass sich die Benutzer über jeden einzelnen Aspekt Ihrer Kreation freuen.

Ein optisch ansprechendes und benutzerfreundliches Netzwerkdesign hilft Ihnen, die Aufmerksamkeit der Menschen zu gewinnen und die bestmögliche Benutzererfahrung zu gewährleisten. Es geht nicht nur um ästhetische Schönheit. Solange Ihr Website-Design professionell und intuitiv ist, möchten mehr Benutzer damit interagieren, daher treten mehr Menschen Ihrem Netzwerk bei und desto mehr Verkehr lenkt Sie auf Ihre Website.

Außerdem kann ein einzigartiges und individualistisches Design Ihr Netzwerk von anderen abheben und Ihnen seine wahre Identität offenbaren. Schließlich sprechen wir über personalisierte soziale Netzwerke, für die Ning bekannt ist.

Aber wie gestaltet man eine Website, die sowohl cool aussieht als auch ein Vergnügen ist, durch sie zu navigieren? Hier sind einige nützliche Tipps für diejenigen, die gerade erst damit begonnen haben, die Ning-Plattform und ihre Funktionen zu erkunden.

Erste Schritte mit NING Design Studio

Eine der obersten Prioritäten von Ning war es schon immer, den Benutzern die maximale Kontrolle über das visuelle Erscheinungsbild ihrer Netzwerke zu geben. Aus diesem Grund wurde Design Studio gegründet.

NING Design Studio ist eine Reihe von Tools, mit denen das Design von sozialen Websites, die auf der Ning-Plattform erstellt wurden, angepasst werden können. Es bietet Benutzern eine Fülle von Anpassungsoptionen, die jedes Ning-Netzwerk einzigartig und schön machen sollen.

Das Design Studio kann ganz einfach durch Klicken auf das entsprechende Symbol im Admin-Dashboard gestartet werden, das als grüne Symbolleiste in der oberen linken Ecke jeder Netzwerkseite verfügbar ist.

Im Design Studio-Menü stehen mehrere Anpassungskategorien zur Verfügung:

• Themen : Wählen Sie eine allgemeine Designvorlage für Ihre Website aus;
• Hintergrund : Wählen und konfigurieren Sie das Bild, das im Hintergrund Ihrer Website angezeigt wird;
• Header : Entwerfen Sie einen Header, der zum Thema Ihres Netzwerks passt;
• Seite : Legen Sie das Gesamtbild Ihrer Netzwerkseiten fest;
• Benutzerdefiniertes CSS : Fügen Sie den benutzerdefinierten CSS-Code ein, um erweiterte Änderungen an Ihrem Website-Design vorzunehmen.

Jede Kategorie enthält mehrere unterschiedliche Anpassungsoptionen. Um eine wirklich professionell aussehende Website zu gestalten, nehmen Sie sich Zeit und gehen Sie schrittweise von einer Kategorie zur anderen über, indem Sie die Parameter jedes Elements Ihres Netzwerks gemäß Ihrer kreativen Vision einstellen. Sie können praktisch jeden Aspekt Ihres Website-Designs so konfigurieren, dass er Ihren ästhetischen Vorlieben entspricht.

Darüber hinaus ermöglicht Ihnen das Design Studio eine Vorschau aller vorgenommenen Änderungen, bevor sie tatsächlich auf Ihr Netzwerk angewendet werden. Dies macht den Anpassungsprozess sehr bequem und intuitiv.

Tatsächlich erfordert die Verwendung des Design Studios keine technischen Kenntnisse und Fähigkeiten, da jedes Designelement mit Hilfe einer benutzerfreundlichen Oberfläche leicht geändert werden kann. Um jedoch eine grundlegende Vorstellung von den Anpassungsoptionen zu erhalten, die Ihnen zur Verfügung stehen, lassen Sie uns diese genauer betrachten.

Thema

Ein Theme ist eine Vorlage, die das grundlegende Design Ihrer Website bestimmt. Durch Anwenden eines Themas auf Ihr Netzwerk wenden Sie eine voreingestellte Kombination von Designelementen an, einschließlich Kopfzeile, Hintergrundbild, Seitenlayout, Navigationsleiste, Schriftarten usw.

Ning bietet eine breite Auswahl an gebrauchsfertigen Themes, die sorgfältig für verschiedene Arten von Websites entwickelt wurden. Benötigen Sie eine Portfolio-Website? Wählen Sie das entsprechende Thema in der Bibliothek aus. Bist du bereit, eine Musik-Community zu gründen? Kein Problem, auch dafür hat Ning Vorlagen!

Sie finden die gesamte Palette der von Ning entwickelten Themen im Menü „Themen“ des Design Studio-Menüs.

Wählen Sie einfach diejenige aus, die am besten zu Ihrem Zweck passt, und klicken Sie auf die Schaltfläche „Veröffentlichen“. Bevor Sie ein Design anwenden, können Sie es in der Vorschau anzeigen.

Ning-Themes sehen sowohl auf einem Desktop als auch auf mobilen Geräten großartig aus, da sie sorgfältig für die beste Leistung auf allen vorhandenen Plattformen optimiert wurden.

Außerdem enthält die Registerkarte "Themen" zwei Unterregisterkarten:

• Verlauf : Ermöglicht Ihnen, alle Themen zu überprüfen, die Sie zuvor auf Ihre Netzwerk-Website angewendet haben;
• Verwalten : Hier können Sie Themen importieren und exportieren; das Design Studio unterstützt Designs im .txt-Format.

Während Sie die voreingestellten Themen unverändert verwenden können, ist es auch möglich, sie weiter anzupassen, um ein völlig einzigartiges Design zu erzielen.

Hintergrund

Beginnen Sie mit der Anpassung Ihres Designs, indem Sie ein Hintergrundbild festlegen. Es gibt zwei einfache Möglichkeiten, dies zu tun:

• Wählen Sie eines der von Ning angebotenen Standardbilder aus;
• Laden Sie Ihr eigenes Bild hoch und wenden Sie es als Hintergrund an.

Um ein eigenes Bild hochzuladen, wählen Sie die Registerkarte „Hintergrund“ und klicken Sie auf das Kamerasymbol.

Rechts neben der Bildauswahlliste finden Sie mehrere zusätzliche Optionen, um Ihr Hintergrundbild zu optimieren:

• Farbe : Legen Sie die Farbe Ihres Hintergrunds fest;
• Ausrichtung und Ausrichtung : Wählen Sie eine der neun Positionen für Ihr Hintergrundbild;
• Rendering : Definieren Sie, wie Ihr Hintergrundbild auf der Seite gerendert wird; Im Dropdown-Menü stehen fünf Optionen zur Verfügung: Kacheln, Horizontal kacheln, Vertikal kacheln, Strecken und Normal.
• Scrolling-Option : Sie können entweder das Scrollen aktivieren oder die Position Ihres Hintergrundbilds durch Aktivieren des entsprechenden Optionsfelds festlegen.

Wenn Sie mit Ihrem Hintergrundbild fertig sind, ist es an der Zeit, mit dem Header fortzufahren, einem der wichtigsten Elemente Ihres Website-Designs.

Header

Ein Header ist ein Block, der die einleitenden Informationen zu einer Website (Name, Logo usw.) und eine Navigationsleiste enthält. Ein Header bleibt auf jeder Seite einer Website sichtbar und befindet sich in der Regel ganz oben, kann aber je nach Gestaltungskonzept manchmal auch auf der rechten oder linken Seite einer Seite platziert werden.

Um mit der Gestaltung Ihres Website-Headers zu beginnen, klicken Sie auf die Registerkarte „Header“.

Innerhalb der Registerkarte finden Sie mehrere Unterregisterkarten, mit denen Sie verschiedene Parameter Ihrer Kopfzeile einstellen können:

• Stil :

Hier können Sie die Position und Ausrichtung der Kopfzeile einstellen. Die klassische Option ist eine Kopfzeile oben, die ein Hintergrundbild, einen Netzwerknamen, ein Logo und eine Navigationsleiste darunter enthält. Sie können jedoch andere verfügbare Varianten in Betracht ziehen, um Ihr Netzwerk hervorzuheben.

Darüber hinaus können Sie die Größe (Höhe und Breite) Ihrer Kopfzeile und deren Auffüllung ändern, indem Sie die erforderlichen Werte (in Pixel) in die entsprechenden Felder eingeben.

Tipp Die Standardhöhenbeschränkung für die meisten Designs beträgt 135 Pixel.

• Name/Logo :

Eine der wesentlichen Funktionen eines Headers besteht darin, einen Websitenamen (oder einen Firmen-/Markennamen) zu kommunizieren. Um das Bild zu vervollständigen, sollten Sie auch Ihr Logo zeigen. Mit NING Design Studio können Sie sowohl den Namen als auch das Logo ganz einfach anpassen.

Um einen Netzwerknamen festzulegen, gehen Sie zu „Allgemeine Einstellungen“ des „Social Site Manager“-Menüs, das über das Admin-Dashboard zugänglich ist, und geben Sie den Namen in das Textfeld „Site-Name“ ein.

Sie können dann zum Design Studio zurückkehren und den Stil, die Farbe und die Größe der Schriftart auswählen, die auf Ihren Websitenamen angewendet wird.

Wenn Sie mit der Anpassung Ihres Netzwerknamens fertig sind, können Sie Ihr Logo hochladen. Klicken Sie dazu einfach auf das Kamerasymbol und suchen Sie die gewünschte Bilddatei auf Ihrem Computer.

Sobald das Logo hochgeladen ist, können Sie seine Größe mit Hilfe des rechts befindlichen Schiebereglers regulieren. Sie können auch die Polstergröße und die Ausrichtung Ihres Logos ändern.

• Navigation

In diesem Menü können Sie Ihre Navigationsleiste anpassen. Sie können die Hintergrundfarbe und den Rahmentyp ändern, die Schriftarten für Registerkarten und Unterregisterkarten anpassen, Farben festlegen, den Hover-Effekt steuern, die Größe des Tabulatorabstands ändern und den Abstand zwischen den Registerkarten regulieren.

• Hintergrund

Um Ihren Header schön und einzigartig zu machen, legen Sie ein gut aussehendes Hintergrundbild dafür fest.

Im Menü „Hintergrund“ können Sie sowohl den Leinwandhintergrund als auch den Hintergrund in voller Breite anpassen. Dies eröffnet mehr Möglichkeiten zum Experimentieren mit dem Header-Design und lässt Sie die richtige Kombination von Farben und Bildern auswählen. Versuchen Sie, diejenigen zu finden, die dem von Ihnen ausgewählten Designthema sowie dem Thema Ihres Netzwerks entsprechen. Es steht Ihnen frei, so kreativ zu werden, wie Sie möchten!

Passende Bilder gefunden? Gut. Einfach per Klick auf das Kamerasymbol hochladen und Positionierung und Ausrichtung anpassen – ganz einfach!

Sie können Ihre Bilder auch so bearbeiten, dass sie der Größe der Kopfzeile entsprechen, Filter und Effekte anwenden usw. Verwenden Sie dazu ein Online-Bildbearbeitungstool, z . B. BeFunky oder Pixlr .

• Kontoleiste

Hier können Sie die Farbe der Kontoleiste einstellen, die oben auf jeder Netzwerkseite angezeigt wird. Sie können die Hintergrundfarbe, Textfarbe und den Hover-Effekt steuern. Außerdem gibt es eine Option, um die Kontoleiste oben im Browserfenster zu fixieren.

Buchseite

Die Registerkarte „Seite“ des Design Studio-Menüs hilft Ihnen dabei, das Gesamterscheinungsbild Ihrer Netzwerkseiten anzupassen. Es enthält mehrere Unterregisterkarten:

• Allgemein : Legen Sie die Farbe des Seitenhintergrunds fest, wählen Sie die Schriftarten aus, die auf den Seiten erscheinen, regulieren Sie den Absatzabstand, ändern Sie die Seitenabstandsgröße und Seitenbreite. Wenn Sie möchten, dass Ihre Website im Vollbildmodus ausgeführt wird, wählen Sie im Dropdown-Menü „Seitenbreite“ „100%“ aus.
• Modul : Steuern Sie die Parameter der Module. Module sind Inhaltsblöcke, die auf allen Seiten Ihres Netzwerks erscheinen. Sie können ihre Hintergrundfarbe, Schriftarten, Kachel- und Inhaltsauffüllung, Kachelausrichtung usw. ändern.
• Links : Passen Sie das Erscheinungsbild der auf der Website angezeigten Links an, einschließlich Seitennavigationsschaltflächen und Beitragstiteln.
• Schaltflächen : Optimieren Sie das Design von Schaltflächen, die verschiedene Aktionen auf der Website ausführen.
• Effekte : Machen Sie die Ecken von Seiten und Inhaltsmodulen scharf oder abgerundet und legen Sie die Form von Profilfotos fest.

Benutzerdefinierte CSS

Wenn Ihnen die integrierten Anpassungsoptionen nicht ausreichen und Sie mit dem Programmieren noch nicht vertraut sind, erkunden Sie die Registerkarte "Benutzerdefiniertes CSS". Es ermöglicht Ihnen, einen benutzerdefinierten CSS-Code einzufügen und dadurch erweiterte Änderungen an Ihrem Website-Design vorzunehmen.

Es gibt zwei Bereiche, in denen der CSS-Code eingegeben werden kann:

• Globales CSS : bezieht sich auf universelle Anpassungen;
• Theme CSS : bezieht sich auf themenspezifische Anpassungen.

Technisch versierte Benutzer werden die Custom CSS-Funktion besonders nützlich finden, um noch beeindruckendere Ergebnisse in Bezug auf die visuelle Präsentation zu erzielen.

Gestalten Sie Ihre perfekte Website

Die Gestaltung einer visuell beeindruckenden Website ist eine Frage von Inspiration, Kreativität und vielseitigen Anpassungswerkzeugen. NING Design Studio stellt Ihnen diese Tools zur Verfügung und ermutigt Sie, eine einzigartige und attraktive Website zu entwickeln, die sowohl gut aussieht als auch bequem zu navigieren ist.

Hoffentlich hilft Ihnen dieser kurze Überblick über die Kernfunktionen von Design Studio dabei, eine soziale Website zu erstellen, die Ihr Publikum wirklich beeindrucken wird. Experimentieren Sie in der Zwischenzeit weiter! Probieren Sie verschiedene Dinge und deren Kombinationen aus, um das Design zu erhalten, über das Sie glücklich und stolz sein werden.

Brenda Peterson

Brenda ist technische Spezialistin bei Ning

Alle Beiträge anzeigen