✅ WEB- und WordPress-Nachrichten, Themen, Plugins. Hier teilen wir Tipps und beste Website-Lösungen.

WordPress-Theme-Tutorial für Anfänger – Fazit und nächste Schritte

12

Wir beenden dieses WordPress-Theme-Tutorial für Anfänger mit einer kurzen Zusammenfassung dessen, was wir gelernt haben. Und schauen Sie sich an, was Sie als Nächstes tun können und wie Sie sich als WordPress-Theme-Entwickler verbessern können.

Was wir geschaffen haben

Fassen wir kurz zusammen, was wir in diesem Tutorial gelernt und tatsächlich erstellt haben:

  • Die Grundlagen dessen, was WordPress als Theme akzeptiert.
  • Wie WordPress Vorlagen aus einem Thema auswählt, je nachdem, auf welcher Seite wir uns befinden. Wir haben uns auch die gängigsten Vorlagen angesehen, die ein Theme mindestens enthalten sollte.
  • Bausteine ​​und wie man Inhalte geschickt in verschiedene Dateien aufteilt, um sie wiederzuverwenden.
  • WordPress-Hooks; was sie sind und welche Hooks wir unbedingt in ein Theme einbauen müssen.
  • Die gängigsten WordPress-Funktionen zur Ausgabe von Beitragsinformationen.
  • Wo soll unser gesamter Backend-Theme-Code platziert werden, der über die Vorlagen hinausgeht.
  • So richten Sie ein Thema mit Funktionsunterstützung ein
  • Der richtige Weg, um Stylesheets und Javascript-Dateien hinzuzufügen.
  • Hinzufügen von Übersetzungsunterstützung für unser Thema, sodass es in verschiedene Sprachen übersetzt werden kann.
  • Benutzerdefinierte Seitenvorlagen
  • So führen Sie benutzerdefinierte Post-Abfragen durch.

Nicht schlecht für einen Anfänger!

Das Endergebnis

Nun, ich gebe zu, dass das Endergebnis schrecklich aussieht. Aber das liegt nur daran, dass wir kein Styling hinzugefügt haben! Denken Sie daran, dass alle Grundlagen (HTML und Klassen) für das Styling vorhanden und bereit sind.

WordPress-Theme-Tutorial für Anfänger – Fazit und nächste Schritte

Was zählt, ist das Innere, oder? Recht?

Das Ziel dieses Tutorials war es, Sie durch die grundlegenden Funktionen zu führen, die für ein minimal funktionales Design erforderlich sind. Jetzt liegt es an Ihnen, Ihr Thema weiterzuentwickeln, zu optimieren und zu etwas Großartigem zu gestalten!

Was kommt als nächstes?

Wohin von hier aus?

Es liegt wirklich an Ihnen und was Sie am meisten interessiert. Wenn Sie ein einfaches, aber schön aussehendes Blog-Thema erstellen möchten, tauchen Sie in das Styling ein. Sie haben bereits eine solide Basis. Wenn Sie sich mehr für Backend-Code und das Erstellen einer soliden Codestruktur interessieren, gehen Sie tiefer in PHP ein und erfahren Sie, wie Sie OOP (objektorientierte Programmierung) in Ihr Thema implementieren können.

Hier sind einige Vorschläge, wohin Sie als nächstes gehen sollten:

Vervollständigen Sie das in diesem Tutorial erstellte Design

  • Bauen Sie auf dem Design auf, das Sie während dieses Tutorials erstellt haben, und entwickeln Sie es weiter, indem Sie weitere Vorlagen und Funktionen hinzufügen. Das Thema, so wie es jetzt ist, enthält das absolute Minimum. Sehen Sie sich zum Beispiel an, wie Sie ein mobiles Menü hinzufügen oder benutzerdefinierte Post-Metadaten anzeigen können. Verwenden Sie dann dieses Thema als Grundlage, um mehr und andere Themen zu erstellen.
  • Lassen Sie das Thema schön aussehen. Sie können Bibliotheken wie Bootstrap einbinden, um eine solide Styling-Grundlage zu erhalten. Versorgen Sie Ihr Webdesign mit Symbolen von FontAwesome und Google Fonts, um schöne Schriftarten hinzuzufügen. Erwägen Sie auch die Verwendung von SCSS oder LESS, um das Schreiben Ihres Stylings einfacher und schneller zu machen. Machen Sie sich mit den Klassen von WordPress vertraut, die in Text und Beiträgen erscheinen, und fügen Sie Ihren Vorlagen gute und konsistente HTML-Wrapper hinzu.

Erweitern Sie das Thema mit mehr Funktionalität

  • Fangen Sie an zu lernen, wie man Theme-Einstellungen mit dem WordPress Customizer implementiert. Auf diese Weise können Sie Administratoreinstellungen wie Logobild, Farben und mehr hinzufügen. Fügen Sie benutzerdefinierte Einstellungen für Ihr Design hinzu, damit Benutzer Ihres Designs das Aussehen anpassen können.
  • Erfahren Sie mehr über den neuen Gutenberg-Editor in WordPress und wie Sie damit fortgeschrittenere Inhalte erstellen können. Entweder durch einfaches Gestalten oder Modifizieren vorhandener Blöcke oder durch Erstellen eigener benutzerdefinierter Blöcke. Vielleicht möchten Sie auch nachsehen, wie Sie auf einfache Weise eine geeignete Startseite für Ihr Thema einrichten können.
  • Erfahren Sie, wie Sie benutzerdefinierte Beitragstypen für benutzerdefinierte Inhalte erstellen. Ihr Thema könnte Inhalte wie ein Portfolio, eine Liste von Büchern oder Filmen oder die Präsentation von Produkten enthalten, die Sie verkaufen könnten.

Weitere Schritte, um WordPress-Entwickler zu werden

  • Stellen Sie sicher, dass Ihr Theme eine solide PHP-Grundlage hat. Wenn alles drin functions.phpist, kann diese Datei sehr schnell sehr lang und unlesbar werden. Erfahren Sie, wie Sie Ihren Backend-Code in verschiedene Dateien aufteilen und Ihre eigenen PHP-Klassen definieren, um die schwere Arbeit zu erledigen. Sie können sogar noch weiter gehen und PHP-Namespaces und Autoloader verwenden .

Wenn es bestimmte Teile gibt, bei denen Sie sich nicht sicher sind, recherchieren Sie. Es stehen zahlreiche Ressourcen zur Verfügung, und die Dokumentationsseite von WordPress wird Ihnen dabei helfen. Ich habe auch einige Beiträge, die sich mit Themen wie Hooks, Tricks und Möglichkeiten beim Einreihen von Skripten und Stilen, dem Erstellen benutzerdefinierter Beitragstypen und Taxonomien, dem Erlernen von Gutenberg und mehr befassen.

Ich hoffe, Sie haben dieses Tutorial gut genutzt und sind inspiriert, mehr zu lernen!

Aufnahmequelle: awhitepixel.com

Diese Website verwendet Cookies, um Ihre Erfahrung zu verbessern. Wir gehen davon aus, dass Sie damit einverstanden sind, Sie können sich jedoch abmelden, wenn Sie möchten. Annehmen Weiterlesen