Share
Viele angehende Blogger sind in die Untätigkeit eingeschüchtert, weil sie der Ansicht sind, dass das Erstellen und Betreiben eines Blogs zu technisch anspruchsvoll ist. Wenn Sie sich zu dieser Gruppe zählen, ist dieser Beitrag für Sie.
In Wirklichkeit, Die Tatsache, dass Sie dies gerade lesen, befähigt Sie mit Sicherheit, eine Website zu erstellen. Sie benötigen etwas mehr als ein grundlegendes Niveau an Computerkenntnissen, um zu lernen, was für die Erstellung und Pflege Ihres eigenen Blogs erforderlich ist. Vorbei sind die Zeiten, in denen Sie sich mit Code wie HTML und CSS die Hände schmutzig machen mussten, um eine eigene Ecke im Web zu erstellen - obwohl solche Fähigkeiten in vielen Anwendungen sicherlich noch nützlich sind, sind sie nicht länger eine Notwendigkeit.
Wenn es darum geht, ein Blog zu erstellen, Alles, was Sie brauchen, ist eine gute Idee und ein paar Stunden Ihrer Zeit (oder noch weniger) um loszulegen. Mit einer riesigen Auswahl an individuell anpassbaren Design-Frameworks können Sie zudem in relativ kurzer Zeit eine professionell aussehende Website erstellen. Die nächsten drei Beiträge in dieser Serie zum Erstellen eines erfolgreichen Autoritätsblogs konzentrieren sich auf das Nötigste beim Erstellen Ihres eigenen Blogs. Dieser Beitrag konzentriert sich insbesondere darauf, wie Sie ein einzigartiges Design für Ihre Website erstellen. Lass uns anfangen!
Vor etwa fünfzehn Jahren habe ich Websites erstellt, indem ich sie manuell in Microsoft Notepad codierte und jede HTML-Seite per FTP hochlade. Es war nicht leicht. Aber schnell vorwärts bis 2013 und Das Erstellen einer eigenen Website kann nicht komplizierter sein als die Verwendung eines Textverarbeitungsprogramms.
Für Ihre Website verwenden wir das weltweit beliebteste Content Management System: WordPress. Genauer gesagt, wir werden selbst gehostetes WordPress verwenden.
Aber bevor wir weitergehen, können wir uns mit den elementaren Fragen befassen. Was ist ein Content Management System (oder CMS)? Wikipedia definiert es wie folgt:
Ein Computerprogramm, das das Veröffentlichen, Bearbeiten und Ändern von Inhalten sowie die Verwaltung über eine zentrale Schnittstelle ermöglicht.
Einfach ausgedrückt, Es ist das Entwerfen von Websites, was Microsoft Word zum Erstellen von Dokumenten bedeutet. Es erstellt ein Framework, von dem aus Sie eine Website mit einem Klick starten können. Darüber hinaus können Sie das Design und die Funktionalität Ihrer Website mit Leichtigkeit drastisch ändern und verbessern. Kurz gesagt, es ist großartig und ist (meiner bescheidenen Meinung nach) bei weitem die beste Option für unsere Zwecke.
Warum aber selbst gehostetes WordPress anstelle von WordPress.com verwenden? Nun, es liegt nicht im Rahmen dieses Artikels, auf dieses Thema näher einzugehen, vor allem, wenn bereits so viele Artikel zu diesem Thema geschrieben wurden. Hier ist mein Favorit zum Thema, wenn Sie sich weiterbilden möchten. Einer der wichtigsten Vorteile von Self-Hosting ist, dass Sie Ihr WordPress-Setup umfassend anpassen können. Nimm es von mir -- selbst gehostetes WordPress ist die richtige Option für die Erstellung eines Autoritätsblogs.
Wenn Sie Anweisungen zum Kauf eines Domainnamens, zum Hosting und zum Einrichten von WordPress benötigen, schauen Sie sich dieses Video an, in dem ich Ihnen in wenigen Minuten zeige, wie es geht. Es ist ein Stück Kuchen.
Wenn Sie WordPress installieren, wird es mit ein paar kostenlosen Standardthemen wie Twenty Twelve geliefert. Während du können Beginnen Sie gleich mit dem Bloggen mit einem dieser Themen, Die Installation eines Premium-Themas kann den Unterschied ausmachen, indem Sie den Besuchern Ihrer Website ein einzigartiges und ansprechenderes Erlebnis bieten. Die Bank muss auch nicht kaputt gehen - das Thema, das ich Ihnen empfehlen werde, kostet nur 60 US-Dollar und bietet beeindruckendes Design und Flexibilität.
Ich spreche vom Canvas-Framework, das meiner Meinung nach das beste Premium-Theme-Framework ist, das für WordPress verfügbar ist. Ich zahle auch nicht nur Lippenbekenntnisse - ich verwende Canvas für Autoritätsblogs, die ich besitze; vor allem die Arbeit hinter sich lassen:
Sie können Canvas direkt bei Themeforest erwerben. Es wird mit kompletten Installationsanweisungen geliefert - nicht, dass Sie wahrscheinlich viel Hilfe benötigen. Der Installationsvorgang ist sehr unkompliziert. In diesem Lernprogramm möchte ich mich darauf konzentrieren, wie Sie Canvas formen und formen, um ein einzigartig aussehendes Design für Ihren eigenen Behördenblog zu erstellen.
Um Ihnen eine Vorstellung von der Vielfalt des Designs zu geben, das Sie mit Canvas erstellen können, finden Sie hier zwei Versionen derselben Basis-Website:
Die exakt gleiche Website, unterschiedliche Einstellungen in Canvas. Sie können dieses Design verwenden, um fast alles zu erstellen.
Dieses Lernprogramm ist in fünf Abschnitte unterteilt, von denen jeder zeigt, wie Sie das Canvas-Rahmenwerk relativ leicht ändern können. Jeder Abschnitt ist eigenständig und verlässt sich nicht auf die anderen. Sie können sich also an die Anpassung Ihrer Autorisierungs-Site auf beliebige Weise anpassen.
Im Rahmen des Canvas-Design-Frameworks gibt es eine riesige Menge an Anpassungsmöglichkeiten. In diesem Tutorial konzentrieren wir uns jedoch auf eine relativ kleine Liste von wirkungsvollen Aktionen, mit denen Sie ein wirklich einzigartiges Design erstellen können.
Eine der auffälligsten Änderungen, die Sie an Ihrer Site vornehmen können, betrifft das Layout. In diesem Abschnitt ändern wir die Breite Ihrer Site sowie die allgemeine Struktur.
Navigiere zu Canvas> Designoptionen> Gestaltung und Layout aus Ihrer WordPress-Seitenleiste. Verwenden Sie den Schieberegler, um die Breite Ihrer Website (einschließlich der Seitenleisten) zu ändern..
Beachten Sie, dass die empfohlene maximale Breite 1.600 Pixel beträgt. Wenn Sie darüber hinausgehen, wird Ihre Website wahrscheinlich über die Breite der Bildschirme vieler Besucher hinausgehen. Dies wird nicht empfohlen.
Als Faustregel gilt, dass ~ 600px für Ihre Inhaltsspalte und weitere ~ 300px für beliebige Spalten zulässig sind. Selbst wenn Ihre Site über zwei Spalten verfügt, gibt es keinen Grund, dass die Breite Ihrer Site über ~ 1.200px hinausgeht.
Wählen Sie auf demselben Bildschirm das Hauptlayout Ihrer Site aus.
Sie haben insgesamt sechs Möglichkeiten. Die erste ist ein nullspaltiges Layout (ähnlich dem Signal vs. Noise-Blog), und der Rest ist eine Auswahl verschiedener Seitenleistenoptionen.
Das bekannteste Blog-Layout besteht aus einer einzelnen Hauptspaltenanzeige mit einer Sidebar-Spalte, normalerweise mit der Sidebar-Position rechts vom Hauptinhalt. Wie Sie dem obigen Screenshot entnehmen können, ist dieses Layout standardmäßig ausgewählt. Wenn Sie mit etwas Einzigartigerem arbeiten möchten, wählen Sie ein anderes Spaltenlayout oder werden noch mutiger und ein Nullspaltenlayout.
Wählen Sie auf demselben Bildschirm die Fußzeilen-Widgetbereiche Ihrer Site aus.
Fußzeilen-Widgets werden unter Ihrem Inhalt angezeigt und über die gesamte Breite Ihrer Website (einschließlich Spalten) erweitert. Hierbei handelt es sich um "Widget-Bereiche", dh Sie können vorgefertigte "Widgets" (z. B. ein Suchfeld, aktuelle Beiträge, beliebte Beiträge usw.) per Drag & Drop in sie ziehen.
Sie können auf Ihrer Website bis zu vier oder auch gar keine Fußzeilen-Widgets verwenden.
Wenn Sie Ihr eigenes Logo und eine benutzerdefinierte Hintergrundfarbe oder ein eigenes Bild verwenden, können Sie ein Thema sofort zu Ihrem eigenen machen. Glücklicherweise ist dies mit dem Canvas-Thema einfach.
Wenn Sie grafisch herausgefordert sind (wie ich), gibt es viele Möglichkeiten in Bezug auf Logo-Designs, die zu jedem Budget passen. Freelance Logo-Designer finden sich an zwei Stellen, an denen das FreelanceSwitch Job Board und der neue Standort Microlancer von Envato zu finden sind.
Navigiere zu Canvas> Designoptionen> Schnellstart aus Ihrer WordPress-Seitenleiste. Klicke auf das Hochladen Taste unter der Kundenspezifisches Logo um ein Logo hochzuladen.
Navigiere zu Canvas> Designoptionen> Allgemeines Styling aus Ihrer WordPress-Seitenleiste. Wählen Sie mit der Farbauswahl eine Hintergrundfarbe aus.
Ihre Site nicht brauchen eine Hintergrundfarbe zu haben, obwohl es eine einfache Möglichkeit ist, Ihre Website von anderen zu unterscheiden.
Klicken Sie im selben Bildschirm auf Hochladen Taste unter der Hintergrundbild Abschnitt, um ein Hintergrundbild hochzuladen. Dann benutzen Sie die Hintergrundbild wiederholen, Hintergrundbildposition und Hintergrundbefestigung Optionen, um sicherzustellen, dass Ihr Hintergrundbild korrekt dargestellt wird.
Dies ist neben der Typografie der Bereich, in dem Sie die größte Wirkung erzielen können. Mit den umfangreichen Anpassungsoptionen von Canvas können Sie das Erscheinungsbild Ihrer Website vollständig ändern - von der Navigationsleiste über die Widgets für die Seitenleiste und die Fußzeile.
In den folgenden Schritten finden Sie verschiedene Optionen zur Typografie. Sie können zu diesem Zeitpunkt gerne mit ihnen experimentieren, sie werden jedoch im vierten und letzten Schritt dieses Tutorials behandelt.
Navigiere zu Canvas> Designoptionen> Primäre Navigation aus Ihrer WordPress-Seitenleiste. Ihnen werden eine Reihe von Optionen angezeigt, einschließlich (aber nicht beschränkt auf):
Obwohl die schiere Anzahl von Optionen überwältigend erscheinen mag, ist jede für sich selbsterklärend.
Beginnen Sie mit dem Ändern der Farben. Verwenden Sie die Farbauswahl, um a zu definieren Hintergrundfarbe, Hover Textfarbe, Hover-Hintergrundfarbe, Aktuelle Textfarbe und Hintergrundfarbe des aktuellen Elements. Beachten Sie, dass die Farben, die Sie auswählen, sich gegenseitig ergänzen müssen. Es ist wenig sinnvoll, sowohl die Hintergrundfarbe als auch die Schwebetextfarbe blau zu machen (da der Text nach dem Mausklick verschwindet)..
Bearbeiten Sie dann die Navigationsgrenzen. Definieren Sie Rahmenbreiten und -farben für die Teiler, Dropdown-Menürahmen, Rand oben, Rahmen unten und Rand links / rechts. Wenn Sie möchten, dass Ihre Navigationsleiste abgerundete Ecken hat, wählen Sie einen Pixelwert in Navigation abgerundete Ecken Dropdown-Feld.
Navigiere zu Canvas> Designoptionen> Widgets aus Ihrer WordPress-Seitenleiste. Sie werden mit einer Reihe von Optionen angezeigt, die denen in der Hauptnavigation Bildschirm, einschließlich (aber nicht beschränkt auf):
Es gibt nur eine Hauptfarbe, die geändert werden muss Widget-Hintergrundfarbe. Sie können das Erscheinungsbild der Widgets Ihrer Website drastisch ändern, indem Sie die Widget-Grenze, Widget-Auffüllung und Widget Titel Unterer Rand. Zum Schluss empfehle ich Ihnen das Einstellen Widget abgerundete Ecken auf den gleichen Wert, den Sie eingestellt haben Navigation abgerundete Ecken im vorherigen Schritt, um die Kontinuität des Designs zu demonstrieren.
Navigiere zu Canvas> Designoptionen> Fußzeile aus Ihrer WordPress-Seitenleiste. Es werden Ihnen fast identische Optionen angezeigt, verglichen mit denen, die Sie in der Widgets Bildschirm, einschließlich (aber nicht beschränkt auf):
Ich empfehle Ihnen, diese Optionen auf eine Weise festzulegen, die mit den Widget-Einstellungen übereinstimmt. Stellen Sie das ein Fußzeile Hintergrund zusammen mit Fußzeile Border Top, Fußzeile Rahmen unten, Fußzeilenrand links / rechts und Fußzeile Abgerundete Ecken.
In diesem Lernprogramm bezieht sich Typografie auf die Schriftart, Farbe und Gestaltung aller Texte auf Ihrer Website - von der Primärnavigation bis zum Post-Meta. Aufgrund der Struktur der Canvas-Anpassungsoptionen sind die typografischen Einstellungen auf verschiedene Bildschirme verteilt. In jedem der folgenden Schritte erfahren Sie, wie Sie die Typografie für die einzelnen Bereiche Ihrer Website ändern können.
Navigiere zu Canvas> Designoptionen> Primäre Navigation aus Ihrer WordPress-Seitenleiste und wählen Sie eine Navigationsschriftstil.
Navigiere zu Canvas> Theme-Optionen> Beiträge / Seiten aus Ihrer WordPress-Seitenleiste. Ihnen werden eine Reihe von Optionen angezeigt, einschließlich (aber nicht beschränkt auf):
Die wichtigsten zu ändernden Einstellungen sind Schriftartstil für Titel / Seite und Textstil für Post / Seite-Text. Dies hat den dramatischsten Effekt in Bezug auf die Erstellung eines einzigartigen Seitendesigns.
Navigiere zu Canvas> Designoptionen> Allgemeines Styling aus Ihrer WordPress-Seitenleiste. Verwenden Sie die Farbwähler, um das zu definieren Verknüpfungsfarbe und Link Hover-Farbe.
Navigiere zu Canvas> Designoptionen> Widgets aus Ihrer WordPress-Seitenleiste.
Ändere das Widget-Titel und Widget-Text.
Navigiere zu Canvas> Designoptionen> Fußzeile aus Ihrer WordPress-Seitenleiste und ändern Schriftstil der Fußzeile.
Inzwischen sollten Sie eine wirklich einzigartig aussehende Website haben, aber Ihr Weg zum Erstellen eines erfolgreichen Autoritätsblogs ist noch lange nicht zu Ende.
In den nächsten beiden Beiträgen dieser Serie werde ich darauf eingehen, was Sie tun können, um Ihre Website für Besucher interessanter und dynamischer zu gestalten - sowohl hinsichtlich ihrer Funktionalität als auch ihrer Struktur. Danach werden wir uns auf das Wesentliche konzentrieren, indem wir uns auf die Erstellung und Förderung großartiger Inhalte konzentrieren.
Wenn Sie Fragen oder Anmerkungen haben, zögern Sie bitte nicht, sich über den Kommentarabschnitt unten in Verbindung zu setzen. Viel Glück!
Accentsconagua