Das Erstellen und sogar geringfügige Ändern von WordPress-Themes kann sehr mühsam sein. Sie könnten ein Buch kaufen oder stundenlang Video-Tutorials ansehen, bis Sie ein WordPress-Experte sind. Aber wäre es nicht schön, wenn Sie all dies überspringen und Ihr eigenes Thema heute erstellen könnten?
Heute werfen wir einen Blick auf ein beeindruckend innovatives Produkt, mit dem Sie die einfache Drag-and-Drop-Oberfläche und grundlegende Formulare verwenden können, um eine WordPress-Site vollständig anzupassen. Das Produkt heißt Platform Pro und Sie müssen es einfach sehen?
Lernen Sie Platform Pro kennen
Platform Pro ist im Grunde nur ein WordPress-Theme, unterscheidet sich aber wahrscheinlich von jedem WordPress-Theme, das Sie zuvor verwendet haben. Anstatt nur ein paar verschiedene Farboptionen oder Layouts zur Verfügung zu stellen, setzt Platform Sie auf den Fahrersitz. Egal, ob Sie Webentwickler sind und gerne von Hand programmieren möchten oder jemandem, der nicht einmal weiß, wofür CSS steht, Sie werden feststellen, dass Platform Ihnen viel zu bieten hat.
Neulich bin ich völlig zufällig über das Thema gestolpert und habe die guten Leute von PageLines gebeten, mir eine Testseite zu erstellen. Es stellt sich heraus, dass bereits eine öffentliche Testseite eingerichtet wurde, die jeder kostenlos testen kann. Nachdem Sie den Überblick darüber erhalten haben, wie alles hier funktioniert, probieren Sie das Link selbst aus, um das Thema selbst auszuprobieren.
Fertig machen
Unten ist ungefähr die Seite, mit der wir heute beginnen werden (ich habe ein bisschen getrimmt, damit sie nicht zu groß ist). Wie Sie sehen, ist es hervorragend für eine leere Tafel. Die Typografie und das Layout sind zwar ziemlich nett, aber generisch genug, dass es uns nichts ausmacht, alles zu untersuchen und zu ändern.
Auch dies ist nahe an dem, was Sie bisher mit Null Arbeit direkt aus der Box bekommen:
In der Abbildung oben sehen Sie einen Kopf- und Navigationsbereich, einige Vorschaubilder, eine Seitenleiste, eine Fußzeile usw. Jede dieser Optionen verfügt über eine Reihe von Anpassungsmöglichkeiten. Wenn Sie also an dieser Stelle nichts mögen, sollten Sie dies nicht tun Sorge, du kannst es ändern!
Das Einstellungsfeld
Im typischen WordPress-Administrationsbereich finden Sie ein Modul für Platform Pro. Hier werden Sie die meisten, aber nicht alle Änderungen an Ihrem WordPress-Design vornehmen. Es gibt eine Menge Sachen hier, so dass Sie sich vielleicht ein bisschen überfordert fühlen, aber ehrlich gesagt, ist fast jede Einstellung, die Sie finden, unkompliziert und leicht verständlich.
Wir haben definitiv keine Zeit, um durch jede Einstellung hier zu gehen, aber wir werden die Reifen so weit treten, dass Sie ein gutes Gefühl dafür bekommen, was möglich ist.
Layout ändern
Als Designer möchte ich als Erstes wissen, wie ich mit dem Layout spielen kann. Durch Klicken auf die Registerkarte Layout-Editor des Einstellungsfensters werden eine Reihe von Optionen angezeigt, aus denen Sie wählen können.
Ihre erste Wahl ist die Wahl zwischen einem von sechs Grundlayouts. Jede dieser Optionen ist eine Mischung aus einem Inhaltsbereich und entweder einer, einer oder zwei Seitenleistenoptionen.
Hassen Sie diese Seitenleiste in der ursprünglichen Website-Vorschau oben? Lösen Sie es, indem Sie das Symbol nur mit einem Hauptinhaltsabschnitt auswählen. Wenden Sie dann Ihre Einstellungen an und werfen Sie einen Blick auf Ihre Seite, um die Änderungen zu sehen.
Kann nicht genug Sidebars und Widgets bekommen? Wählen Sie eine Option mit zwei Seitenleisten, und Sie sehen das Layout im Bild unten.
Weitergehen
Wenn Sie noch mehr Kontrolle über das Layout haben möchten, scrollen Sie nach unten, um das unten abgebildete Fenster zu finden. Hier können Sie die Trennlinien ziehen und die Breite der Gesamtseite und jeder Spalte mithilfe der Felder bestimmen.
Nehmen wir an, ich denke, meine Seitenleiste ist viel zu breit. Alles, was ich tun muss, um es zu beheben, ist, den kleinen Teiler nach rechts zu schieben, bis meine Abmessungen 700px für die Hauptsäule und 260px für die Seitenleiste betragen.
Nachdem ich diese Layouteinstellungen gespeichert habe und meine Seite angesehen habe, folgt hier das Ergebnis:
Typografie ändern
Plattform gibt Ihnen viel Freiheit über den Text auf Ihrer Seite. Navigieren Sie zur Registerkarte Typografie. Dort finden Sie Optionen zum Ändern der Schriftarten für die primäre Schriftart, die sekundäre Schriftart, Kopfzeilen und sogar Eingabebereiche.
Eine Sache, die mich wirklich überrascht hat, ist die große Auswahl an Schriftarten, die Sie mit diesem Thema auswählen können. Pagelines hat mehrere Standard-Webfonts und sogar einen guten Teil der Google Font Library hinzugefügt, um Ihre kreative Freiheit wirklich zu begrenzen (es gibt auch benutzerdefinierte Cufon-Optionen).
Wenn Sie einem bestimmten Bereich eine Schriftart zuweisen, können Sie aus einer Reihe von Standardstiloptionen auswählen, für die Sie normalerweise eine Reihe von CSS schreiben müssen, um sie zu bearbeiten. Wenn Sie Ihr eigenes CSS einbinden möchten, klicken Sie einfach auf "Erweitert". Taste.
Am Ende entschied ich mich für ein modernes Gefühl, also wählte ich ein paar nette serifenlose Schriftarten für die Seite: Lato für die Kopfzeilen und Droid Sans für den Körper.
Hintergrund und Farben
Auf der Registerkarte "Entwurfssteuerung" finden Sie noch mehr Anpassungsoptionen. Oben auf dieser Registerkarte finden Sie weitere interessante Layoutoptionen, die die Anwendung eines Hintergrundbilds beeinflussen. Sie können beispielsweise ein Hintergrundbild über die gesamte Website ziehen lassen oder einfach eine "Leinwand" beeinflussen. Bereich außerhalb des Inhalts. Ich entschied mich für Letzteres, um die Dinge sauber zu halten. Sie werden sehen, wie dies als nächstes funktioniert.
Um ein Hintergrundbild hinzuzufügen, scrollen Sie einfach zu dem unten angezeigten Abschnitt und laden Sie eine JPG hoch. Sie haben volle Freiheit darüber, wie das Bild angewendet wird. Sie können es mit Hilfe von Prozentangaben anordnen oder an einer bestimmten Stelle positionieren.
Ich habe eine dezente dunkelgraue Textur hochgeladen, um der Seite einen neuen Kontrast zu verleihen. Dies hätte wiederum den gesamten Hintergrund überschwemmen können, aber ich habe mich dazu entschieden, den Inhalt flankieren zu lassen.
Farben ändern
Auf derselben Registerkarte wie die obigen Einstellungen können Sie die Farbeinstellungen für jedes Element Ihrer Website anzeigen und ändern. Dies ist so einfach wie das Element in einer Liste zu finden und die Farbwerte zu ändern.
Das Ändern der primären Hintergrundfarbe wirkt sich beispielsweise auf das Fußzeilenelement aus.Wählen Sie einfach eine Farbe in Photoshop aus, kopieren Sie die Werte und klicken Sie auf "Speichern", um die Änderungen zu sehen.
Abschnitte hinzufügen
Bis zu diesem Punkt haben wir wirklich nur kleinere Änderungen an der Site vorgenommen. Es ist immer noch ziemlich nah an dem, was wir angefangen haben, und nicht so aufregend. Ändern wir dies, indem wir einige neue Abschnitte hinzufügen.
Auf der Registerkarte "Vorlageneinrichtung" finden Sie ein Steuerelement, mit dem Sie neue Abschnitte per Drag & Drop auf Ihre Site ziehen können. Die linke Seite enthält die derzeit aktiven Abschnitte und die rechten Seiten, die hinzugefügt werden können.
Lassen Sie uns unser Setup ändern, indem Sie ein fantastisches Feature hinzufügen. Schieberegler oben auf der Seite. Ziehen Sie dazu einfach die? Seitenlinienfunktionen? Box unter der? Navigation? Box in der Kopfzeile.
Mit dieser schnellen Ergänzung sieht unsere Website plötzlich viel besser aus als zu Beginn. Jetzt haben wir einen fantastischen Bildschieber oben mit mehreren vollständig anpassbaren Stellen für Bilder, Text und sogar Videos. Alles ohne eine einzige Codezeile!
Es gibt mehrere coole Standardabschnitte, mit denen Sie spielen, die den unglaublichen Faktor Ihrer Website wirklich steigern. Unten habe ich ein Flickr-Bildkarussell am unteren Rand der Seite eingeworfen. In anderen Abschnitten können Sie Funktionsfelder, Banner, Links, Navigationspfade und vieles mehr hinzufügen.
Beenden
Mit etwas mehr Optimierungsaufwand wird unser ursprünglicher langweiliger Blog zu einer schlanken und modernen Website mit vielen erweiterten Funktionen. Das Ergebnis unten würde wahrscheinlich etwa dreißig Minuten Arbeit erfordern, sobald Sie sich an die Funktionsweise des Systems gewöhnt haben, und eher zehn bis fünfzehn Minuten, wenn Sie sich wirklich auskennen.
Schlussgedanken: Sollten Sie Platform Pro ausprobieren?
Selbst nach dieser dramatischen Änderung habe ich gerade die Oberfläche von Platform Pro gekratzt. Wir haben nicht einmal die benutzerdefinierten HTML-Optionen, Post-Thumbnails, Social-Media-Integration, vorkonfigurierte Plugins oder eine ganze Reihe anderer Dinge besprochen, die ich noch nicht entdeckt habe!
Ehrlich gesagt bin ich von diesem Produkt überwältigt und glaube, dass es WordPress-Anpassungen für viele Menschen wirklich schmerzhaft machen kann. Egal, ob Sie ein Designer sind, der ein flexibles System sucht, mit dem Sie Ihre Kunden einrichten können, oder einfach nur ein kleiner Unternehmer, der mehr aus WordPress herausholen möchte, Platform Pro ist ein Schnäppchen für 95,00 USD (lesen Sie hier die kostenlose Version). Es gibt Tonnen von 50- und 30-Dollar-Themen auf dem Markt, aber sie bieten kein Fünftel der Freiheit, die Sie mit Platform erhalten.
Um mehr darüber zu erfahren, besuchen Sie die Pagelines-Website, auf der Sie eine umfassende Funktionsliste und sogar ein Video des in Aktion befindlichen Themas sehen können. Hinterlasse einen Kommentar und lass uns wissen, ob du Platform ausprobiert hast und was du denkst. Stellen Sie außerdem sicher, dass Sie einen Link zu ähnlichen Produkten hinterlassen, die Sie gefunden haben, um WordPress benutzerfreundlicher zu machen!