Heim  >  Artikel  >  CMS-Tutorial  >  Der gesamte Prozess der WordPress-Theme-Erstellung (3): Erstellung statischer HTML-Vorlagen

Der gesamte Prozess der WordPress-Theme-Erstellung (3): Erstellung statischer HTML-Vorlagen

青灯夜游
青灯夜游nach vorne
2023-02-21 10:08:292377Durchsuche

Ich habe Ihnen „Der gesamte Prozess der WordPress-Theme-Erstellung (2): Erstellung von Theme-Dateien“ vorgestellt Schauen Sie es sich zusammen an. Richtig ~

Sie müssen PHP kennen, um WordPress zu erstellen, aber egal, was passiert, Ihre Blog-Seite ist eine Webseite. Der Grund, warum die Webseite im Browser angezeigt werden kann, ist, dass der endgültige Inhalt gesendet wird Für den Browser handelt es sich um HTML, CSS, JS usw. Terminalcode, der letztendlich die Anzeigeergebnisse des Browsers steuert. Das Erstellen von WordPress-Themes ist keine Ausnahme. Es handelt sich bei allen um Webseiten, und der grundlegendste Teil von Webseiten ist HTML. Wenn Sie ein WordPress-Theme erstellen möchten, müssen Sie zunächst die Theme-Oberfläche entwerfen, subtil, einfach, dick, hemmungslos ... der Stil liegt ganz bei Ihnen, und konvertieren Sie dann Ihr Designkonzept in .html, damit es angezeigt werden kann normalerweise im Browser.

In dieser Tutorialreihe lernen Sie weder die Gestaltung der Benutzeroberfläche eines Blogs noch die Grundlagen von HTML und CSS. Stattdessen wird davon ausgegangen, dass Sie bereits über die Grundlagen von HTML und CSS verfügen Sie kennen weder HTML noch CSS. Was folgt, mag Ihnen wie eine Bibel vorkommen.

In dieser Tutorialreihe wird die von tutsplus kostenlos zur Verfügung gestellte HTML-Vorlage Aurelius als Beispiel verwendet, um den Produktionsprozess von WordPress-Themes zu erklären. Die Produktion anderer Vorlagen ist ähnlich. Die HTML-Vorlagendatei steht unten zum Download bereit. Wir werden damit üben, wie man statische HTML-Seiten mit PHP-Code kombiniert, um WordPress-Themes zu erstellen. Nach dem Download können die darin enthaltenen HTML-Dateien direkt per Doppelklick geöffnet werden.

Der gesamte Prozess der WordPress-Theme-Erstellung (3): Erstellung statischer HTML-Vorlagen

Vielleicht ist diese Vorlage nicht jedermanns Geschmack, aber diese wird für unsere Übung zur Themenerstellung ausreichen. Darüber hinaus werden Sie sich vielleicht wundern, warum es auf Englisch ist. Machen Sie sich keine Sorgen, Sie werden später wissen, dass es keine Rolle spielt, ob es auf Englisch ist oder nicht. Lassen Sie uns über die Verwendung dieser heruntergeladenen Dateien sprechen:

  • Homepage: index.html
  • Archivseite: archive.html
  • Seite: page.html
  • Artikelseite: single.html
  • Kontaktseite: contact.html
  • Randlose Seite: full_width.html
  • Bild: /images/
  • Stylesheet: style.css
  • Thumbnail: Screenshot.png

Dies sind im Grunde die Seitentypen, die die meisten Blogs sehen können. Sie haben vielleicht bemerkt, dass die verschiedenen Artikelseiten, egal welches WordPress-Theme Sie verwenden, bis auf den Titel und den Inhalt grundsätzlich gleich sind. Dies ist die sogenannte Vorlage.

Der Schwerpunkt liegt heute auf dem Herunterladen der statischen HTML-Webseitendatei, die ich oben bereitgestellt habe. Seien Sie also gespannt auf den folgenden Inhalt.

Empfohlenes Lernen: „WordPress-Tutorial

Das obige ist der detaillierte Inhalt vonDer gesamte Prozess der WordPress-Theme-Erstellung (3): Erstellung statischer HTML-Vorlagen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:ludou.org. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen