Accentsconagua
Share
In diesem Tutorial zeige ich Ihnen eine sehr schnelle Möglichkeit, WordPress-Themes zu erstellen.
Wenn Sie regelmäßig WordPress-Themes entwickeln, wissen Sie, dass die Verwendung eines Frameworks zum Starten jedes Mal ein großer Vorteil ist. Auf diese Weise erhalten Sie eine klare Übersicht für jedes Thema. Gleichzeitig müssen Sie nicht bei Null anfangen und die grundlegende Arbeit für jedes Thema wiederholen.
Runway ist so ein Rahmen. Es ist zu 100% kostenlos, Open Source und vollgepackt mit wirklich schönen Funktionen. Lass uns reinschauen!
Gehen Sie zur Runway-Website, und klicken Sie auf den Prominenten herunterladen und Sie erhalten eine ZIP-Datei zum Entpacken.
Um das Framework verwenden zu können, benötigen Sie eine funktionierende WordPress-Installation (vorzugsweise lokal oder auf einem Entwicklungsserver). Für dieses Tutorial nehme ich an, dass Sie mit den Schritten vertraut sind, die zum Einrichten von WordPress erforderlich sind. Versuchen Sie jedoch diesen kostenlosen Kurs, wenn Sie Hilfe benötigen:
Nehmen Sie die Runway-Framework Ordner, den Sie gerade entpackt haben, und legen Sie ihn in Ihrer WordPress-Installation unter wp-content> themen. Runway ist jetzt im Wesentlichen ein Thema, das Sie aktivieren müssen, indem Sie zu gehen Admin> Darstellung> Designs.
Nach der Aktivierung fragt Runway, ob Sie das standardmäßige untergeordnete Design verwenden möchten aktivieren Sie in der Eingabeaufforderung Ein Besuch des Frontends zeigt Ihnen, wie das Thema in dieser Phase aussieht:
Das untergeordnete Design heißt "Liftoff" und wenn Sie dies überprüfen, sehen Sie, dass der Ordner zum WordPress-Designordner hinzugefügt wurde.
Im Ordner "Liftoff" finden Sie alle bekannten Dateien, die für ein funktionierendes WordPress-Design erforderlich sind, aus der index.php. functions.php und natürlich style.css.
Von hier haben Sie also im Wesentlichen zwei Möglichkeiten. Entweder verwenden Sie dieses Liftoff-Kindermotiv und passen es nach Ihren Wünschen an, oder Sie erstellen ein brandneues Kindermotiv, das auf dem Runway-Framework basiert.
Eine der großartigen Eigenschaften von Runway ist die zusätzliche Funktionalität, insbesondere die Art und Weise, mit der Sie Motivoptionen erstellen können. In der WordPress-Admin unter Start> Design-Einstellungen Sie finden folgende Seite:
Dies ist eine Seite mit Optionen, die den Benutzern Ihrer Themes zur Verfügung steht. Sie können damit den Website-Titel, das Logo-Bild und andere bearbeitbare Teile und Teile in den Vorlagendateien bearbeiten. Sie können auch sehen Abheben> Andere Inhalte, eine weitere Optionsseite, die Sie möglicherweise hinzufügen möchten.
Um diese Seiten und die jeweils angezeigten Optionen zu bearbeiten, gehen Sie zu Runway> Builder für Optionen. In der Abbildung unten sehen Sie die Struktur, die verwendet wird, um das, was Sie oben sehen, aufzubauen:
Das Erstellen dieser Strukturen ist eine Frage des Ziehens und Ablegens. Sie können wählen, ob Sie die Container in die Motivanpassungen aufnehmen möchten (was ein großer Vorteil ist)..
Jedes der Felder enthält das PHP-Snippet, das Sie benötigen, um den Inhalt dieses Felds in den Designdateien anzuzeigen. Der Logotitel kann beispielsweise in einer Variablen des Designs gespeichert werden, in dem Sie Folgendes verwenden:
$ logotitle = get_options_data ('Design-Einstellungen', 'Logo-Titel');Vielleicht möchten Sie mit dem Runway-Framework in Ihrer aktuellen WordPress-Installation an mehr als einem Thema arbeiten. Um dies zu tun, gehe zu Landebahn> Themen, klicke auf Neues Thema, und füllen Sie die Details des Themas aus.
Zu Ihrem Designordner wird ein neues untergeordnetes Design hinzugefügt, das die mindestens erforderlichen Dateien enthält (functions.php, style.css, screenshot.png und ein Datenunterordner). Sie müssen dann die zusätzlichen Dateien erstellen, die Sie benötigen. Vielleicht verwenden Sie die im untergeordneten Beispieldesign als Ausgangspunkt.
Wieder können Optionsseiten für dieses neue Thema erstellt und erstellt werden, indem Sie auf gehen Runway> Builder für Optionen.
Runway wird mit einer Reihe von Add-Ons geliefert, die Sie möglicherweise mit Ihrem Thema verwenden möchten. Zum Beispiel gibt es Designstile, ein Plugin-Installationsprogramm, mit dem Sie sicherstellen können, dass die Benutzer zunächst die richtigen Plugins installieren. Es gibt einen Layout-Manager, ein Add-On für Inhaltstypen, mit dem Sie benutzerdefinierte Posttyp-Strukturen erstellen können, sowie Editoren für Admin-Menüs. Viel zur Auswahl! Einige Add-Ons sind kostenlos, für andere müssen Sie eine Lizenz erwerben.
Runway ist im Wesentlichen ein Build-Tool. Wenn Sie mit dem Erstellen des Themas fertig sind, sollten Sie es in der Lage sein, es zusammenzufassen und zu verteilen. Hier haben Sie zwei Möglichkeiten;
Damit Ihre Benutzer ein untergeordnetes Design verwenden können, benötigen Sie zunächst das Runway-Framework. Möglicherweise möchten Sie, dass sie sich auf diese Abhängigkeit verlassen.
Der Standalone-Export ermöglicht es Ihren Benutzern jedoch, Ihr Paket einfach zu installieren und zu verwenden, ohne sich über das Framework Gedanken zu machen.
Schlagen Sie die herunterladen Wenn Sie auf die Miniaturansicht Ihres Themes klicken, werden Sie zur Download-Seite weitergeleitet, auf der Sie den gewünschten Pakettyp auswählen können.
Runway ist ein großartiger Rahmen, um Themen zu erstellen, besonders für Anfänger, da es eine solide Basis bietet und sehr einfach zu bedienen ist. Haben Sie Runway oder ein ähnliches Framework verwendet? Lass uns deine Gedanken wissen!
